@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: 2050px){
	 .size2{max-width:1610px;}
	 .main .boxArea .cont ul li{height:552px;}

	 .main .section6 .hashTag p{bottom:240px;}
	 .main .section6 .hashTag .tag1{font-size:6.7rem;}
	 .main .section6 .hashTag .tag2{font-size:13rem;}
	 .main .section6 .hashTag .tag3{font-size:7.4rem;}
}
	
@media screen and (max-width: 1920px){
	.footer .wr span {
		margin-bottom: 5px;
	}
	.margin0{margin-bottom:0 !important;}
	.rem6{font-size: 6rem !important;}
.wr span{margin-bottom: 50px}
	.swiper-slide img{
		width: 100% !important;
		height: 100% !important;
	}
	.done img{
		width: 70%;	
	}
	 .main .size2{max-width:1300px;}
	 .main .mainVisual .size{max-width:815px;}
	 .main .mainVisual .txt{padding:0;}
	 .main .mainVisual .txt .top em{font-size:12rem; line-height:85px; letter-spacing:-7px;}
	 .main .mainVisual .txt .top span{font-size:6rem; line-height:48px; letter-spacing:-2.5px;}
	 .main .mainVisual .txt .btm{font-size:2.8rem;}
	 .main .mainVisual .txt .btm strong{font-size:4.2rem;}
	
	 .main .boxArea .cont{padding-top:0;}
	 .main .boxArea .cont ul li{height:444px;}
	 .main .boxArea .cont ul li:hover{margin-top:-45px;}
	 .main .boxArea .title em{font-size:2.7rem;}
	 .main .boxArea .title em strong{font-size:6rem; }
	 .main .boxArea .title em strong::before{height:23px;}
	 .main .boxArea .title span{font-size:4.2rem !important; line-height: 1.3; letter-spacing: -2px;}
	 .main .boxArea .cont ul li .txt em{font-size:2rem;}

	 .main .section6 .hashTag p{bottom:170px;}
	 .main .section6 .hashTag span{letter-spacing:-2px;}
	 .main .section6 .hashTag .tag1{font-size:5.2rem;}
	 .main .section6 .hashTag .tag2{font-size:10.4rem; letter-spacing:-6px;}
	 .main .section6 .hashTag .tag3{font-size:5.8rem;}
	 .main .section6 .search{max-width:585px;}
	 .main .section6 .search .txt{font-size:3.7rem;}
	 .main .section6 .search .srchWrap{margin-top:30px;}
	 .main .section6 .search .srchCont{border-width:14px;}
	 .main .section6 .search .srchCont input[type="text"]{padding:11px 55px 11px 20px; font-size:2rem;}
	 .main .section6 .search .srchCont input[type="text"]::placeholder{font-size:2rem;}
	 .main .section6 .search .srchCont input[type="submit"]{width:51px; height:51px;}

	 .main .section7 .size2{max-width:1600px;}
	 .main .section7 .imgBox p{height:690px;}
	 .main .section7 .formBox .inner{padding:34px;}
	 
}

@media screen and (max-width: 1700px){
	 #fp-nav{left:40px;}

	 .main .section7 .size2{max-width:1480px; padding-top:80px; box-sizing:border-box;}
	 .main .section7 .formWrap{max-width:850px;}
	 .main .section7 .imgBox p{height:681px;}
	 .main .section7 .formBox .title strong{font-size:3.2rem;}
	 .main .section7 .formBox .title strong span{font-size:1.8rem;}

	 .main .size2{max-width:1000px;}
	 .main .boxArea .cont{padding-top:55px;}
	 .main .boxArea .cont ul{width:103.4%; margin-left:-3.4%;}
	 .main .boxArea .cont ul li{width:29.9333%; margin-left:3.4%; height:355px;}
	 .main .boxArea .cont ul li .txt span{font-size:12px;}
	 .main .boxArea .cont ul li .txt em{font-size:2.2rem;}

	 .main .section7 .formWrap{max-width:730px;}
	 .main .section7 .imgBox p{height:auto;}
	 .main .section7 .imgBox p img{height:616.5px;}
	 .main .section7 .formBox{padding-left:266px;}
	 .main .section7 .formBox .inner{padding:30px;}
	 .main .section7 .formBox .cont table td textarea{height:100px; padding:15px;}

     .pofo a {
        height: 26vw !important;
    }
    }


@media screen and (max-width: 1500px){
    .mak {
        left: 8vh;
    }
	 #fp-nav{display:none;}
	 .main .section7 .size2{max-width:1260px;}
	 .txt_wrap{
		padding: 0;
	}
	.txt_wrap span{
		width: 500px;
	}
    .gall_con .gall_img a {
        height: 17vw !important;
    }
    .gall_con .gall_img.pofo a {
        height: 31vw !important;
    }
}

@media screen and (max-width: 1370px){
	 .header .logo a{height:95px; line-height:95px;}
	 .header .gnb > ul > li > a{height:95px; line-height:95px;}
	 .allMenu .top .all_close{top:20px;}

	 .main .mainVisual .size{max-width:643px;}
	 .main .mainVisual .txt .top em{font-size:10rem; line-height:69px;}
	 .main .mainVisual .txt .top span{font-size:4.6rem; line-height:40px;}
	 .main .mainVisual .txt .btm{font-size:2.05rem; letter-spacing:-1.5px; line-height:1.3;}
	 .main .mainVisual .txt .btm strong{font-size:3.2rem;}

	 .main .section6 .hashTag .tag1{font-size:3.5rem;}
	 .main .section6 .hashTag .tag2{margin-top:30px; font-size:7.4rem;}
	 .main .section6 .hashTag .tag3{font-size:4.04rem;}
	 .main .section6 .search{max-width:490px;}
	 .main .section6 .search .txt{font-size:3rem; letter-spacing:-1px;}
	 .main .section6 .search .srchCont input[type="text"]{font-size:1.6rem;}
	 .main .section6 .search .srchCont input[type="text"]::placeholder{font-size:1.6rem;}
	 .main .section6 .search .srchCont input[type="submit"]{height:46px;}
}

@media screen and (max-width: 1300px){
    .pp{
            margin-bottom: 100px !important;
    }
    .pink_box {
        width: 100%;
    }
	.mak {
        left: 4vh;
    }
	.txt_wrap span {
		width: 450px;
	}
	.sns_text{margin-top:50px;}
	.pick_box {
		height: 420px;
	}
    .size{width: 90%; margin:auto;}
	.db_graf img{
		width: 100%;
	}
	.pro{
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	padding-bottom: 100px;
	}
	.in_process{
		width: 90%;
	}
	.center_txt1 h2{
		font-size: 32px;
	}
	.slide{
		width: 100%;
	}
	.slide_wrap{
		width: 100%;
		margin: auto;
	}
	.slide_right img, .slide_left img{width: 100%;}
	
	 .main .section7 .size2{max-width:1135px;}

	 /* 서브 - organization */
	 .chart .cont1 .depth3>li>span{width:90%; height:60px; line-height:60px;}
	 .chart .cont1 .depth4>li>span{width:90%;}
	 .chart .cont1 .depth5>li>span{width:130px;}
	
	 /* 서브 - service 공통 */
	 .service_section .img .sticker{display:none;}

	.service_top {
		font-size: 36px;
	}
	.img img {
		max-width: 60%;
	}

	.service_txt {
		font-size: 24px;
		line-height: 32px;
	}

	.service_txt_left{
		width:90%; margin: auto;
	}
	.open_txt p {
		font-size: 28px;
		line-height: 32px;
	}
	.open_txt h1 {
		font-size: 110px;
		line-height: 100px;
	}
	.open .img {
		height: 755px;
	}
	.service_tit u {
		font-size: 42px;
	}
	.service_section .service_txt .txt p {
		font-size: 28px;
	}
	.service_section .service_txt {
		width: 1024px;
		margin:auto;
	}

	/*새로운 시작*/
	.top_tit {
		font-size: 48px;
		line-height: 58px;
	}
	.top_tit strong {
		font-size: 48px;
		font-weight: 600;
	}
	.top_txt h1 {
		font-size: 100px;
		line-height: 100px;
	}
	.top_txt p {
		font-size: 26px;
		line-height: 32px;
	}
	.in_wrap {
		width: 90%;
		margin: auto;
	}
	.bg_con, .blue_box {
		width: 100%;
		margin: auto;
	}
	.bg_con{
		margin-top: 80px;
	}
	.mid_tit u {
		font-size: 36px;
	}
	.center_txt {
		font-size: 28px;
		line-height: 34px;
	}
	.sub2txt p {
		font-size: 28px;
		line-height: 34px;
	}
	.thank p {
		font-size: 28px;
		line-height: 33px;
	}
	.mid_txt {
		font-size: 28px;
		line-height: 33px;
	}
	.bg_txt {
		font-size: 16px;
	}
	.open_img {
		height: 685px;
	}
	.mid_tit {
		font-size: 36px;
	}
	.bk_cir {
		width: 150px;
		height: 150px;
	}

	.nonbg_box{
		width: 100%;
		margin: auto;
	}
	.grbl {
		width: 125px;
		height: 125px;
	}
	.ins_graf {
		height: 312px;
	}
	.face_img {
		height: 343px;
	}



}

@media screen and (max-width: 1200px){
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        display: none !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev{
        display: none !important;
    }
	.txt_wrap {
		padding: 0;
	}
	.txt_wrap span {
		width: 350px;
	}
	.pick_box {
		height: 360px;
	}
	.rem6{font-size: 5rem !important;}
	.main .boxArea .title em strong {
		font-size: 5rem;
	}
	.main .boxArea .title span {
		font-size: 4rem !important;
	}
	.swiper-pagination-bullet.swiper_btn {
		font-size: 14px;
	}
	.contents img{ width: 100%;}
	.co7 img{width: 70%;}
	
	.txt_wrap p {
		font-size: 24px;
	}
	.txt_wrap span {
		font-size: 18px;
		line-height: 24px;
	}
	.txt_wrap h1 {
		font-size: 48px;
	}
	.compu {
		width: 100%;
		height: 515px;
		background: url(../img/computer_m.png)no-repeat center / cover;
	}
    .made_left{
        width: 100%;
        margin-bottom: 80px;
        text-align: center;
    }
	.made_left img{width: 60%;}
    .made_right{
        width: 100%;
        margin: auto;
        float: none;
    }
	.grbl {
		width: 160px;
		height: 160px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.cont_icon6{
		width: 180px;
	}
.branding {
    height: 470px;
}
	.crm_img {
		height: 456px;
	}
	 .sub .size {width:100%; padding:0 20px; box-sizing: border-box;}

	 /* 서브 - about */
	 .intro .cont2 .size{padding-left:20px;}
	 .intro .cont4 .size{padding-right:20px;}

	 /* 서브 - service 공통 */
	 .service_section .img{float:none; width:100%; text-align:center;}
	
	 .sale .service_section .img{padding-bottom:0;}
	 .agencies01 .service_section .img{float:none; padding-bottom:0;}

	 .agencies01 .service_section .service_txt{padding:0 40px; text-align:left;}
	 .agencies01 .service_section .service_txt .txt{margin-top:40px; padding-left:40px; padding-right:0;}
	 .agencies01 .service_section .service_txt .txt:before{left:0; right:auto;}

	 .agencies02 .service_section .img{width:100%; padding-bottom:0;}
	 .agencies02 .service_section .service_txt{padding:0 40px; width:100%;}
	 .agencies02 .service_section .service_txt .txt{padding-left:40px;}

	 /* 서브 - offline */
	 .offline .cont3 ul li .img{padding-right:20px; margin-top:-30px;}
	 .offline .cont3 ul li:nth-of-type(even) .img{padding-left:20px;}

	 /* 서브 - event */
	 .event .cont2 .size{padding:0 100px;}
	 .event .cont2 ul li{width:47%;}

	 /* 서브 - people */
	 .people .cont2 ul{padding:0;}

	 /* 서브 - viewPage2 */
	 .sub.viewPage2 .bbs .info .top strong{display:block; margin-left:0; margin-top:10px; font-size:3rem;}
	 
	 .service_top {
		font-size: 36px;
	 }
	 .img img {
		max-width: 60%;
	}
	.sub1_txt {
		max-width: 1024px;
	}
	.sub1_p p {
		font-size: 18px;
	}
	.service_txt {
		font-size: 24px;
		line-height: 30px;
	}
	.service_txt_left .txt {
		font-size: 24px;
		line-height: 36px;
	}
	.sub1_txt {
		max-width: 960px;
	}
	.sub1_thx h2 {
		font-size: 62px;
		bottom: 16px;
	}
	.sub1_p {
		font-size: 24px;
		line-height: 34px;
	}
	.cont_icon {
		text-align: center;
		border-radius: 30px;
		font-size: 28px;
	}
	.cont_txt h1 {
		font-size: 48px;
	}
	.cont_txt span {
		font-size: 22px;
		line-height: 30px;
	}
	.bttn {
		width: 226px;
		height: 53px;
		font-size: 20px;
		line-height: 53px;
	}
	.btn1 {
		width: 350px;
		height: 53px;
		font-size: 20px;
		line-height: 53px;
	}
	.cir {
		width: 80px;
		height: 80px;
	}
	.cir_img img {
		margin: 16px;
	}
	.cir_txt h2 {
		font-size: 30px;
	}

	
	.sub_tit {
		font-size: 28px;
		line-height: 32px;
	}
	.box_sub_bg {
		height: 58px;
	}
	.sale .service_section .img {
		padding-bottom: 0;
		height: 762px;
	}
	.top_txt h1 {
		font-size: 92px;
		line-height: 89px;
	}
	.top_txt p {
		font-size: 23px;
		line-height: 27px;
	}
	.open_img {
		height: 588px;
	}
	.bk_cir {
		width: 120px;
		height: 120px;
		font-size: 20px;
    	line-height: 26px;
	}
.viralal img{
	width: 80%;
}
.icon_img {
	width: 100px;
	height: 100px;
}

	}



@media screen and (max-width: 1024px){
    
    .cont_icon12{
        width: 250px;
    }
    .mak {
        top:22vh;
        left: 34vh;
    }
    .mak img{
        width: 70%;
    }
    .register, .social_register{
        width: 90%;
    }
	.txt_wrap {
		padding: 7% 0 0 5%;
	}
	.txt_wrap h1 {
		font-size: 36px;
		line-height: 42px;
	}
	.sns_text{margin-top:0;}
	.sns_text p {
		font-size: 32px;
		line-height: 36px;
	}
	.pick_box {
		height: 305px;
	}
    .wr1{margin-top: 50px;}
	.footer .infoArea {
		width: 100%;
	}
	.main .boxArea .title em {
		font-size: 3.5rem;
	}
	.main .boxArea .title span {
		font-size: 3rem !important;
	}
	.footer .right1 {
		margin-top: 20px;
		position: static;
	}
	.main .boxArea .cont ul {
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
	}
	.main .boxArea .cont {
		padding-top: 0;
	}
	.slide_wrap {display: block;}
	.slide_left .text_wrap {
    width: 30%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}
	.swiper_btn{
		width: 33.33% !important;
		margin: 0 !important;
	}
	.slide_left{
		width: 100%;
	}
	.slide_right{
		width: 100%;
		height: 320px;
	}
	.m_x{
		display: none;
	}
	.li022{
		width: 48% !important;
		margin-right: 2%;
		float: left;
	}
	.content{width: 100%;}
	.slide_wrap h2 {
		font-size: 26px;
	}
	.btn1 {
		width: 350px !important;
		height: 53px;
		line-height: 53px;
	}
	.btn1 a{
		font-size: 18px;
	}
     .pc{display: none;}
     .ta{display:block;}
     html{font-size: 60%;}

	 .header{padding:0 20px;}
	 .header .logo{left:20px;}
	 .header .gnb{display:none;}
	 .header .right{height:95px; padding:0; line-height:103px;}
	 .header .right .allBtn{position:static; display:inline-block; margin-top:0; padding:0; height:55px; line-height:49px;}
	 .allMenu .top .all_close{right:20px; height:55px; padding:0; line-height:48px;}

	 .footer .inner{padding:50px 20px;}
	 .footer .infoArea{float:none; padding-left:0; padding-top:55px; background-position:0 0;}
	 .footer .right{margin-top:20px; position:static;}
	 
	 .main .mainVisual .size{max-width:855px; padding:0 20px; box-sizing:border-box;}
	 .main .mainVisual .txt .top em{font-size:16rem; line-height:113px; letter-spacing:-8px;}
	 .main .mainVisual .txt .top span{font-size:8rem;line-height:68px; letter-spacing:-3.5px;}
	 .main .mainVisual .txt .btm{margin-top:65px; font-size:4.2rem; letter-spacing:-3px;}
	 .main .mainVisual .txt .btm strong{margin-top:10px; font-size:5.4rem;}
	 .main .mainVisual .txt .btm .dpb{display:inline-block;}
	 .main .mainVisual .txt .btm .inb{display:block;}

	 .main .size2{padding:0 20px; box-sizing:border-box;}
	 .main .boxArea .title em{font-size:3.5rem;}
	 .main .boxArea .title strong{font-size:4rem;}
	 .main .boxArea .title span{font-size:2rem; line-height:1.4;}
	 .main .boxArea .title span .inb{display:block;}
	 .main .boxArea .cont ul{width:100%; max-width:680px; margin:0 auto;}
	 .main .boxArea .cont ul li{float:left; width:33.33%; height:270px; margin-top:30px; margin-left:0;}
	 .main .boxArea .cont ul li .txt span{font-size:1.7rem;}
	 .main .boxArea .cont ul li .txt em{font-size:3.2rem; font-weight:600;}
	 .main .boxArea .cont ul li:hover{margin-top:0;}

	 .main .section4 .boxArea .cont ul li a::before{opacity:1 !important; background-image:none !important; background-color:rgba(0, 0, 0, 0.4) !important;}
	 .main .section4 .boxArea .cont ul li a:hover::before{opacity:1;}
	 .main .section4 .boxArea .cont ul li.li01 a{background-image:url('../img/img_cont101_02.jpg');}
	 .main .section4 .boxArea .cont ul li.li02 a{background-image:url('../img/img_cont102_02.jpg');}
	 .main .section4 .boxArea .cont ul li.li03 a{background-image:url('../img/img_cont103_02.jpg');}
	 .main .section4 .boxArea .cont ul li .txt span{color:#017392;}

	 .main .section5 .boxArea .cont ul li a .ico{display:none;}
	 .main .section5 .boxArea .cont ul li a .txt{margin-top:0;}
	 .main .section5 .boxArea .cont ul li a .txt span{color:#fff;}
	 .main .section5 .boxArea .cont ul li .txt em{color:#fff;}
	 .main .section5 .boxArea .cont ul li.li01 a{background-image:url('../img/bg_item01.jpg');}
	 .main .section5 .boxArea .cont ul li.li02 a{background-image:url('../img/bg_item02.jpg');}
	 .main .section5 .boxArea .cont ul li.li03 a{background-image:url('../img/bg_item03.jpg');}
	 .main .section5 .boxArea .cont ul li.li04 a{background-image:url('../img/bg_item04.jpg');}
	 .main .section5 .boxArea .cont ul li.li05 a{background-image:url('../img/bg_item05.jpg');}
	 .main .section5 .boxArea .cont ul li.li06 a{background-image:url('../img/bg_item06.jpg');}
	 .main .section5 .boxArea .cont ul li.li01 a::before{display:none;}

	 .main .section6 .left{float:none; width:100%; height:50%; padding:0 20px; box-sizing:border-box;}
	 .main .section6 .right{float:none; width:100%; height:50%; padding-left:0;}
	 .main .section6 .search{max-width:800px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
	 .main .section6 .search .txt{font-size:4.8rem; text-align:center; letter-spacing:-3px;}
	 .main .section6 .search .srchCont input[type="text"]{padding:17.5px 70px 17.5px 20px; font-size:2.4rem;}
	 .main .section6 .search .srchCont input[type="text"]::placeholder{font-size:2.4rem;}
	 .main .section6 .search .srchCont input[type="submit"]{width:70px; height:70px;}
	 .main .section6 .hashTag p{right:140px; bottom:auto; top:50%; margin-top:-122.5px;}
	 .main .section6 .hashTag span{letter-spacing:-2px;}
	 .main .section6 .hashTag .tag1{font-size:5.2rem;}
	 .main .section6 .hashTag .tag2{font-size:10.4rem; letter-spacing:-6px;}
	 .main .section6 .hashTag .tag3{font-size:5.8rem;}

	 .main .section7 .mapWrap{position:static;}
	 .main .section7 .mapWrap #map{display:none;}
	 .main .section7 .mapWrap #map2{display:block;}
	 .main .section7 .imgBox{display:none;}
	 .main .section7 .size2{padding:0;}
	 .main .section7 .formWrap{max-width:none; height:100%;}
	 .main .section7 .formBox{padding-left:0;}
	 .main .section7 .formBox .inner{max-width:none; height:60vh; padding:60px; overflow-y: scroll;}
	 .main .section7 .formBox .cont table td{padding-top:30px;}
	 .main .section7 .formBox .cont table td:first-child{padding-top:30px;}
	 .main .section7 .formBox .cont table td textarea{height:230px;}
	
	 /* 서브 - work */
	 .online .cont1 .process .process_list{width:80%;}
	 .online .cont1 .process ul li{width:30.333%;}
	 .online .cont1 .process ul li span{display:block;}

	 /* 서브 - offline */
	 .offline .cont2 ul li{width: 29%;}
	 .offline .cont2 ul li span{display:block;}


	 .service_top {
		font-size: 32px;
	}
	.sub1_txt {
		max-width: 860px;
	}
	.sub1_thx::before {
		width: 46.6%;
	}
	#map {
		width: 100%;
		height: 610px;
	}
	.open_txt h1 {
		font-size: 103px;
		line-height: 96px;
	}
	.open .img {
		height: 673px;
	}
	.service_tit u {
		font-size: 36px;
	}
	.open_txt p {
		font-size: 24px;
		line-height: 30px;
	}
	.service_section .service_txt .txt p {
		font-size: 24px;
	}
	.service_section .service_txt {
		width: 860px;
		margin:auto;
	}
	.box_txt {
		font-size: 16px;
	}
	.sr_txt{
		max-width: 860px;
		margin: auto;
	}
	.sr_img {
		height: 580px;
	}
	.ba_box {
		width: 860px;
	}
	.bk_cir,.gr_cir {
		width: 135px;
		height: 135px;
	}
	.bk_cir span, .gr_cir span {
		color: #fff;
		margin: auto;
		font-size: 18px;
	}
	.cont_icon2 {
		width: 384px;
	}
	.sub_tit {
		font-size: 24px;
		line-height: 28px;
	}

	.service_top {
		font-size: 36px;
	 }
	 .img img {
		max-width: 60%;
	}
	.sub1_txt {
		max-width: 860px;
	}
	.sub1_p p {
		font-size: 18px;
	}
	.service_txt {
		font-size: 24px;
		line-height: 30px;
	}
	.service_txt_left .txt {
		font-size: 24px;
		line-height: 36px;
	}
	.sub1_txt {
		max-width: 860px;
	}
	.sub1_thx h2 {
		font-size: 62px;
		bottom: 16px;
	}
	.sub1_p {
		font-size: 24px;
		line-height: 34px;
	}
	.cont_icon {
		text-align: center;
		border-radius: 30px;
		font-size: 28px;
		width: 200px;
	}
	.cont_txt h1 {
		font-size: 48px;
	}
	.cont_txt span {
		font-size: 22px;
		line-height: 30px;
	}
	.bttn {
		width: 226px;
		height: 53px;
		font-size: 20px;
		line-height: 53px;
	}
	.cir {
		width: 80px;
		height: 80px;
	}
	.cir_img img {
		margin: 16px;
	}
	.cir_txt h2 {
		font-size: 30px;
	}

	.sub_tit {
		font-size: 28px;
		line-height: 32px;
	}
	.box_sub_bg {
		height: 58px;
	}

	.top_txt h1 {
		font-size: 82px;
		line-height: 81px;
		margin-bottom: 26px;
	}
	.top_txt p {
		font-size: 20px;
		line-height: 24px;
	}
	.center_txt {
		font-size: 24px;
		line-height: 30px;
	}
	.sub2txt p{
    font-size: 24px;
    line-height: 30px;
	}
	.mid_txt {
		font-size: 24px;
		line-height: 30px;
	}
	.center_txt {
		margin: 80px 0 50px;
	}
	.open_img {
		height: 549px;
	}
	.bk_cir, .gr_cir {
		width: 120px;
		height: 120px;
	}
	.cont_icon4{
		width: 368px;
	}
	.cont_txt h1 {
		font-size: 36px;
	}

	.icob_box h2 {
		font-size: 32px;
	}

	.icob_box p {
		font-size: 16px;
	}
	.face_img {
		height: 277px;
	}
	.ins_graf {
		height: 255px;
	}
	.viralal img {
		width: 100%;
	}
}
@media screen and (max-width: 960px){
	.txt_wrap p {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.txt_wrap h1 {
		margin-bottom: 10px;
	}
	.sns_text p {
		font-size: 28px;
		line-height: 38px;
	}
	.pick_box {
		width: 50%;
		height: 425px;
	}
	.main .boxArea .title em {
		font-size: 3.5rem;
	}
	.main .boxArea .title span {
		font-size: 3rem !important;
	}
	.swiper-slide h1 {
		font-size: 30px;
	}
	.swiper-slide p {
		font-size: 16px;
		margin-left: 15px;
	}
	.icob_box {
		width: 60%;
	}
	.center_txt1 h1{
		font-size: 32px !important;
		line-height: 36px;
	}
	.txt_wrap p {
		font-size: 18px;
	}
	.txt_wrap span {
		font-size: 16px;
		line-height: 20px;
	}
	.thank h1 {
		padding-top: 90px;
	}
	.thank {
		height: 80vh;
	}
	.thank p {
		font-size: 22px;
		line-height: 26px;
		letter-spacing: -1px;
	}
	.thank p small {
		font-size: 20px;
		line-height: 20px;
	}
	.for_img {
		margin-bottom: 100px;
	}
	.branding {
		height: 400px;
	}
	.crm_img {
		height: 370px;
	}
	  /* 서브 - about */
	 .intro .cont2 .dpb, 
	 .intro .cont3 .dpb{display:inline;}

	 .intro .cont2 p,
	 .intro .cont3 p,
	 .intro .cont4 p{margin-top:20px;}

	 .intro .cont4 em{font-size:8rem;}
	 .intro .cont4 p b{padding:20px 0;}
	 .intro .cont4 span{padding-top:40px;}

	 /* 서브 - organization */
	 .chart .cont1 .depth1>li>span{width:140px; height:140px; line-height:140px;}
	 .chart .cont1 .depth2>li>span{width:100px; height:100px; line-height:100px;}

	 .chart .cont1 .depth3>li>span{display:inline-block; width:auto; padding:8px 20px; height:auto; line-height:1; font-weight:400;}
	 .chart .cont1 .depth4>li>span{display:inline-block; width:auto; padding:6px 10px; height:auto; line-height:1; font-weight:400;}
	
     .chart .cont1 .depth5>li{position:relative; margin-top:3px; text-align:left; padding-left:10px; margin-left:20%;}
	 .chart .cont1 .depth5>li:before{content:""; display:block; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background-color:#b6b6b6;}
	
	 .chart .cont1 .depth3>li>span.agencies:after{display:none;}
	 .chart .cont1 .agencies+.depth5>li{margin-left:30%;}
	 .chart .cont1 .agencies+.depth5>li:first-of-type{margin-top:3px;}
	
	 .chart .cont1 .depth5>li>span{display:inline-block; width:auto; height:auto; line-height:unset; border:none;}
	 .chart .cont1 .depth5>li>span:after{display:none;}

	 /* 서브 - work */
	 .online .cont1 .img.pcta{display:none;}
	 .online .cont1 .img.mo{display:block;}
	
	 .online .cont2 .item.display .item_txt ul li{float:none; width:100%; height:auto; padding:40px 0 35px; border-top: 1px dashed #717171;}
	 .online .cont2 .item.display .item_txt ul li:first-of-type{width:100%; margin-left:0; padding-top:0; border-top:none;}
	 .online .cont2 .item.display .item_txt ul li:before{display:none;}
	 .online .cont2 .item.display .item_txt ul li p .dpb{display:inline;}

	 /* 서브 - offline */
	 .offline .cont3 ul li .txt b{font-size:3.4rem;}
	 .offline .cont3 ul li .txt p{margin-top:30px;}
	 .offline .cont3 ul li .txt p.tv{margin-top:15px;}

	 
	
	.service_section .img {
		margin: 80px 0 160px 0;
	}
	.sale .service_section .img {
		padding-bottom: 0;
		height: 530px;
	}
	.service_section .service_txt .txt p {
		font-size: 20px;
		line-height: 26px;
	}
	.open_txt h1 {
		font-size: 82px;
		line-height: 80px;
	}
	.open .img {
		height: 673px;
	}
	.service_tit u {
		font-size: 28px;
	}
	.open_txt p {
		font-size: 16px;
		line-height: 20px;
	}
	.service_section .service_txt .txt p {
		font-size: 24px;
	}
	.service_section .service_txt {
		width: 768px;
		margin:auto;
	}
	

	.top_tit, .top_tit strong {
		font-size: 34px;
		line-height: 42px;
	}
	.mid_tit u {
		font-size: 32px;
	}
	.center_txt,.mid_txt, .sub_center_txt{
		font-size: 22px;
		line-height: 26px;
	} 
	.sub2txt p {
		font-size: 22px;
		line-height: 26px;
	}
	.youtube_mp p {
		font-size: 18px;
	}

	.open_img {
		height: 487px;
	}

	.longblue_top {
		font-size: 16px;
	}


	.pro {
		padding-top: 40px;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-bottom: 100px;
	}

	.txt_wrap span {
		width: 300px;
	}


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

.left_bg,
     .left_bg_right{
         width: 100%;
     }
     .left_bg_box,
.left_bg_box.revelse{
    flex-direction: column;
}

.left_bg:before {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

.left_bg_box.revelse .left_bg:before {
    left: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
}

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

    .mak {
        left: 28vh;
    }
    #mb_login #sns_login .txt, #login_info .login_if_auto label {
        font-size: 14px;
    }
    .mb_log_cate h2, .mb_log_cate .joi, .mbskin .btn_submit {
        font-size: 16px;
    }
    .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {
        font-size: 16px;
    }
    .fregister_agree input[type="checkbox"] + label {
        font-size: 16px;
    }
    #fregister_private table td {
        font-size: 14px;
    }
    #fregister textarea {
        font-size: 14px;
    }
    #fregister_private table th {
        font-size: 16px;
    }
    #fregister p {
        font-size: 16px;
    }
    #sns_register h2 {
        height: 30px;
        font-size: 16px;
        line-height: 3.5em;
    }
    #fregister h2 {
        font-size: 16px;
    }
    .bg_txt p {
        font-size: 18px;
        line-height: 22px;
    }
    .ex_box {
		width: 48%;
	}
	.web_ri_box {
		width: 48%;
	}
	.web_ri_box {
		background-color: #fff;
	}
	.home_img img, .sns_img img {
		width: 80%;
	}
	.txt_wrap {
		padding: 15% 5%;
	}
	.txt_wrap span {
		width: 90%;
	}
	.left_bg{width: 100%; min-height: 0;}
	.left_bg_right {width: 100%;}
	.sns_text p {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 30px;
	}
	.search {
		height: 305px;
	}
	.branding_logo {
		height: 160px;
	}
	.branding {
		height: 350px;
		margin: 80px 0 80px;
	}
	 /* subVisual */
	 .sub .subVisual{height:400px;}
	 .sub .subVisual .size{padding-bottom:0;}
	 .sub .subVisual .title h2{font-size:7rem; letter-spacing:-2px;}
	 .sub .subVisual .title h2::before{height:24px;}
	 .sub .subVisual .title span{font-size:3rem; line-height:1; margin-top:10px;}
	 .sub .subVisual .navi{display:none;}
	 .sub .subVisual .btm{display:none;}

	 /* mo_lnb */
	 .sub .subVisual .mo_lnb{display:block; position:absolute; left:0; bottom:0; width:100%;}
	 .sub .subVisual .mo_lnb>div{position:relative; float:left; width:50%; height:70px; background-color:rgba(255,255,255,0.85); border-top:3px solid #017392; z-index:10;}
	 .sub .subVisual .mo_lnb>.sub_depth:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff;}
	 .sub .subVisual .mo_lnb>div>.tbc>a{display:block; text-align:left; padding:0 20px; font-size:16px; font-weight:700; color:#333; text-transform:uppercase;}
	 .sub .subVisual .mo_lnb>div>.tbc>a:after{content:""; display:block; position:absolute; right:20px; top:50%; margin-top:-5.5px; width:16px; height:11px; background-image:url(../img/ico_down.png); background-repeat:no-repeat; background-position:50% 50%;}
	 .sub .subVisual .mo_lnb>div>.tbc>a.on:after{background-image:url(../img/ico_up.png);}

	 .sub .subVisual .mo_lnb>div>.tbc>ul{display:none; position:absolute; left:0; top:100%; width:100%; background-color:#fff; box-sizing:border-box; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.32); z-index:5;}
	 .sub .subVisual .mo_lnb>div>.tbc>ul>li{border-top:1px solid #e0e0e0;}
	 .sub .subVisual .mo_lnb>div>.tbc>ul>li:first-of-type{border:none;}
	 .sub .subVisual .mo_lnb>div>.tbc>ul>li>a{display:block; padding:15px 20px; font-size:14px; font-weight:500; color:#017392; text-align:left; text-transform:uppercase;}
	 /* 서브 - offline */
	 .offline .cont3{padding-top:60px;}
	 .offline .cont3 ul li .img{width:100%; float:none; padding:0; margin-top:60px; text-align:center;}
	 .offline .cont3 ul li:nth-of-type(even) .img{float:none; padding:0;}
	 .offline .cont3 ul li .txt{width:100%; float:none; padding:0; margin-top:60px; text-align:center;}
	 .offline .cont3 ul li:nth-of-type(even) .txt{float:none; padding:0; margin-top:60px; text-align:center;}
	 .offline .cont3 ul li .txt p .inb{display:block;}
	
	 /* 서브 - inquiry */
	 .sub.inquiry .contWrap{padding-bottom:60px;}
	 .inquiry .info{max-width:550px; margin:60px auto 0;}
	 .inquiry .info ul{margin-top:0;}
	 .inquiry .info ul li{float:none; width:100%; margin-top:20px;}

	 .service_top {
		font-size: 28px;
	}
	.middel {
		font-size: 28px;
		margin: 80px 0 70px;
	}
	.in_info {
		font-size: 28px;
	}
	.cir_txt h2 {
		font-size: 24px;
	}
	.cir {
		width: 70px;
		height: 70px;
	}
	.cir_img img {
		margin: 14px;
	}
	.cont_txt h1 {
		font-size: 36px;
	}
	.cont_txt span {
		font-size: 20px;
		line-height: 24px;
	}
	.bttn {
		width: 200px;
		height: 52px;
		font-size: 16px;
	}
	.service_txt_left .txt {
		font-size: 20px;
		line-height: 28px;
	}
	.sub1_p {
		font-size: 20px;
		line-height: 28px;
	}
	.sub1_thx h2 {
		font-size: 56px;
	}
	.sub1_thx::before {
		width: 48.6%;
		bottom:10px;
	}
	.box {
		width: 100%;
		
	}
 	.box3{
		margin-bottom: 70px;
 	}
	.pro{
		width:100%;
	}
	.bk_cir, .gr_cir {
		width: 104px;
		height: 104px;
	}
	.top_txt h1 {
		font-size: 66px;
		line-height: 60px;
		margin-bottom: 22px;
	}

}

@media screen and (max-width: 800px){
    .gall_con .gall_img a {
        height: 26vw !important;
    }
    .gall_con .gall_img.pofo a {
        height: 50vw !important;
    }
}

@media screen and (max-width: 768px){
    .pink_box {
        margin-bottom: 80px;
    }
    .pk_tbox {
        width: 100%;
        gap:20px;
    }
    .pk_bbox {
        width: 48%;
    }
    .pk_bbox:last-child {
        width: 100%;
    }
    .pink_top {
        flex-direction: column;
        gap: 10px;
    }
    .pink_bottom {
        gap: 20px 15px;
    }
    .pk_bbox img{
        width: 40%;
    }
    .pk_bbox:last-child img{
        width: 20%;
    }
    .mak {
        top: 11vh;
    }
    .mak img{
        width: 60%;
    }
    #fregister p {
        height: auto;
        line-height: 25px;
    }
    .na{padding-bottom: 0 !important;}
	.home_img {
		margin: 50px 0 0;
	}
    .sns_img{
        flex-direction: column;
        padding-bottom: 22vw;
    }
    
    .sns_text{
        margin-top: 0;
        width: 100%;
    }
    
    .sns_text p{
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }
    
    .sns_text p:last-child{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    
    .phone {
        width: 70%;
        margin: 0 auto;
    }
	.sns_phone {
		width: 100%;
		float: left;
	}
	.search {
		height: 273px;
	}
    .per .size {
        padding: 80px 0 0;
    }
	.top_txt h1 {
		font-size: 69px;
		line-height: 60px;
		margin-bottom: 22px;
	}
	.swiper-slide h1 {
		font-size: 24px;
		line-height: 50px;
	}
	
     .mo{display:block;}
     .pcta{display: none;}
     html{font-size: 56%;}

	 .footer .infoArea > div{margin-top:7px;}
	 .footer .infoArea .wr span{display:block; padding:0 12.5px;}
	 .footer .infoArea .wr .address{padding-left:0; margin-top:7px;}
	 .footer .infoArea .wr span::before{display:none;}

	 .footer .infoArea .wr1 > p{float:none;}
	 .footer .infoArea .wr1 > span{float:none; padding:0; margin-top:7px;}
	 .footer .infoArea .wr1 > span::before{display:none;}
	 .footer .infoArea .wr2 span::before{display:none;}

	 .fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 40px, 0); -webkit-transform:translate3d(0, 40px, 0); -o-transform:translate3d(0, 40px, 0); -ms-transform:translate3d(0, 40px, 0); -moz-transform:translate3d(0, 40px, 0);}

	 .main .mainVisual .tbc{padding-top:120px; box-sizing:border-box;}
	 .main .mainVisual .txt .top em{font-size:13.7rem; line-height:100px;}
	 .main .mainVisual .txt .top span{font-size:7.7rem;}
	 .main .mainVisual .txt .btm{font-size:3.8rem;}
	 .main .mainVisual .txt .btm strong{font-size:4.8rem;}

	 .main .size2{padding:0 20px 30px;}
	 .main .boxArea .cont ul{max-width:542px;}
	 .main .boxArea .cont ul li{margin-top:15px; height:210px;}

	 .section4 .fp-tableCell, .section5 .fp-tableCell{vertical-align:middle;}

	 .main .section6 .left{height:46%;}
	 .main .section6 .right{padding-top:50px; height:54%;}
	 .main .section6 .search .srchCont input[type="submit"]{width:66px; height:66px;;}
	 .main .section6 .hashTag p{right:0;}


	 .main .section7 .mapWrap #map2{height:25vh;}
	 .main .section7 .formBox .inner{height:75vh; padding:35px;}

	 /*.sub .contWrap{padding:70px 0 0;}*/
	 .info_box {
		display: block; 
	}
	.cont_txt h1 {
		font-size: 36px;
		line-height: 36px;
	}
	.cont_txt span {
		font-size: 18px;
		line-height: 24px;
	}
	
	.bttn {
		width: 180px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;
	}

	 /* 서브 - about */
	 .intro .cont1,
	 .intro .cont1 .fp-tableCell{height:400px !important;}

	 /* 서브 - service 공통 */
	 .service_section{padding-top:60px;}
	 .service_section .service_txt,
	 .agencies01 .service_section .service_txt,
	 .agencies02 .service_section .service_txt{padding:0;}

	 .service_section .service_txt .txt,
	 .agencies01 .service_section .service_txt .txt,
	 .agencies02 .service_section .service_txt .txt{padding-left:0;}

	 .service_section .service_txt .txt:before{display:none;}

	 /* 서브 - work */
	 .cont1.work p{padding-top:20px;}

	 .online .cont2 .item:before{height: 620px; background-size:auto 100%;}
	 .online .cont2 .item_list .item{margin-top:80px;}
	 .online .cont2 .item_list .item:first-child{margin-top:80px;}
	 .online .cont2 .item .item_img .txt{padding-top:80px;}
	 .online .cont2 .item .item_img .ico_list{padding-top:65px; width: 75%;}
	 .online .cont2 .item .item_img .ico_list ul{width:102%; margin-left:-2%;}
	 .online .cont2 .item .item_img .ico_list li{width:48%; margin-left:2%;}
	 .online .cont2 .item .item_img .ico_list li:first-of-type{margin-left:27%; margin-right:25%;}
	 .online .cont2 .item.search .item_img .ico_list li{width:48%;}
	 .online .cont2 .item.search .item_img .ico_list li:first-of-type{margin-left:2%; margin-right:0;}
	 .online .cont2 .item .item_txt>p{padding-top:0; display:inline;}
	 .online .cont2 .item .item_txt p .dpb{display:inline;}	
	 .online .cont2 .item .item_txt .adver_list ul li{width:32.3333%; height:70px;}
	
	 /* 서브 - offline */
	 .offline .cont2 ul{margin:0 5%; margin-top:-20px; padding-top:35px;}

	 /* 서브 - event */
	 .event .contWrap{padding-bottom:0;}
	 .event .cont2{padding:80px 0;}
	 .event .cont2 .size{padding:0 20px;}

	 /* 서브 - people */
	 .people .contWrap{padding-top:0;}
	 .people .cont1{padding:80px 0;}
	 .people .cont2{padding-top:70px;}

	 /* 서브 - inquiry */
	 .inquiry .bbs .max300{max-width:none;}

	 /* 서브 - location */
	 .location .cont{position:static; width:100%; padding-top:40px;}
	 .location .cont .mapBox{height:550px;}

	 .location .txtBox{float:none; width:100%; padding:0; height:auto;}
	 .location .txtBox .info{margin-top:40px;}

	 .top_tit, .top_tit strong {
		font-size: 24px;
		line-height: 30px;
	}
	.top_img {
		width: 100%;
		height: 390px;
	}
	.mid_tit {
		padding: 50px 0 0;
	}
	.mid_tit u {
		font-size: 36px;
		font-weight: 500;
	}
	.center_txt, .mid_txt, .center_txt2, .center_txt1, .center_txt1 strong {
		font-size: 18px;
		line-height: 24px;
	}
	.sub2txt p {
		font-size: 18px;
		line-height: 24px;
	}
	.thank p{
		font-size: 18px;
		line-height: 24px;
	}
	.center_txt {
		margin: 30px 0 50px;
	}
	.for_img {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	
.thank {
    margin-top: 100px;
}
	.bg_inbox {
		width: 100%;
		float: left;
	}
	.bg_box {
		padding: 0 0 80px;
	}
	.open_img {
		height: 377px;
	}
	.blue {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
	}
    .bg_txt span{
        font-size: 28px;
    }
    .bg_txt p {
        font-size: 32px;
        line-height: 42px;
    }
	.longblue {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
	}
	.blue:nth-child(4) {
		margin-top: 0; 
	}
	.blue:nth-child(5) {
		margin-top: 0; 
	}
	.blue:nth-child(6) {
		margin-top: 0; 
	}
	.longblue:nth-child(3) {
		margin-top: 0; 
	}
	.longblue:nth-child(4) {
		margin-top: 0; 
	}
	.bk_cir, .gr_cir {
		width: 160px;
		height: 160px;
		margin-bottom: 20px;
	}
	.pro {
		width: 100%;
	}
	.bk_cir:nth-child(6){
		margin-right: 0;
	}
	.bk_cir:nth-child(3){
		margin-right: 0;
	}
	.bk_cir {
		margin-right: 50px;
	}
	.top_txt h1 {
		font-size: 66px;
		line-height: 63px;
		margin-bottom: 20px;
	}
	.top_txt p {
		font-size: 16px;
		line-height: 21px;
	}
}

@media screen and (max-width: 640px){
    .mak {
        top: 14vh;
        left: 24vh;
    }
    .quickMenu ul li a.download{display: none;}
    .bbox .top_box, .bbox .bottom_box {
        width: 100%;
    }
    .bbox .top_box:nth-child(2){
        margin-top: 20px;
    }
    .bbox .bottom_box:last-child{
        margin-top: 20px;
    }
    .bbox .top_box span {
        font-size: 14px;
        line-height: 18px;
    }
	.home_img img, .sns_img img {
		width: 100%;
	}
	.pick_box {
		height: 390px;
	}
	.search {
		height: 227px;
	}
    .main .section7 .formBox .inner {
        overflow-y: hidden;
    }
	.top_img img{display: none; }
	
    #open_wrap {
        width: 100%;
        position: relative;
        float: left;
        background-image: url(../img/open_bg_m.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 80vh;
        background-position: center;
    }
    #hr_wrap {
        width: 100%;
        position: relative;
        float: left;
        background-image: url(../img/hr_bg_m.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 80vh;
        background-position: center;
    }
    #branding_wrap {
        width: 100%;
        position: relative;
        float: left;
        background-image: url(../img/branding_bg_m.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 80vh;
        background-position: center;
        margin-bottom: 50px;
    }
    .men2 img, .men img, .girl img{width: 70%;}
	.naicon_cir_box{width: 100%; }
	.last{margin-top: 0;}
	.main .boxArea .cont ul li .txt em {
		font-size: 2.2rem;
	}
	.shorts{
		padding-top: 95px !important;
	}
	.icob_box {
		width: 60%;
	}
	.icon_cir_box {width: 100%;}
	.btn1 {
		width: 316px !important;
	}
	.slide_leftt, .slide_rightt {
		width: 100%;
	}
	.slide_leftt img, .slide_rightt img{
		width: 100%;
	}
	.bbs .gallery1 > ul {
		width: 100% !important;
	}
	.bbs .gallery1 > ul > li {
		width: 100% !important;
	}

.forl_img {
    margin: 80px 0;
}
     html{font-size: 54%;}

	 .allMenu{max-width:440px;}

	 .main .mainVisual .txt .top em{font-size:10rem; line-height:85px; letter-spacing:-4px;}
	 .main .mainVisual .txt .top span{font-size:5.5rem; line-height:37px; letter-spacing:-1.5px;}
	 .main .mainVisual .txt .btm{font-size:2.6rem; letter-spacing:-1.5px;}
	 .main .mainVisual .txt .btm strong{font-size:3.2rem;}

	 .main .size2{padding:0 20px 20px;}

	 .main .boxArea .cont ul{max-width:440px;}
	 .main .boxArea .cont ul li{height:170px;}
	.li01,.li02, .li03, .li04, .li05, .li06{height: 21vh!important;}
	.swiper-pagination {margin-top: 67px;}

	 .main .section6 .search .txt{font-size:3.6rem; letter-spacing:-2px;}
	 .main .section6 .search .srchCont input[type="text"]{padding:11px 52px 11px 20px; font-size:18px;}
	 .main .section6 .search .srchCont input[type="text"]::placeholder{font-size:18px;}
	 .main .section6 .search .srchCont input[type="submit"]{width:48px; height:48px; background-image:url('../img/ico_search2_mo.png');}
	 .main .section6 .hashTag p{margin-top:-99px;}
	 .main .section6 .hashTag .tag1{font-size:4.3rem; letter-spacing:-1px;}
	 .main .section6 .hashTag .tag2{font-size:9rem; letter-spacing:-3px;}
	 .main .section6 .hashTag .tag3{font-size:5rem;}

	 .main .section7 .mapWrap{height:255px;}
	 .main .section7 .mapWrap #map2{height:100%;}
	 .main .section7 .formBox .inner{padding:35px 20px 40px; height:auto;}
	 .main .section7 .formBox .cont{padding:0 20px;}
	 .main .section7 .formBox .cont table colgroup{display:none;}
	 .main .section7 .formBox .cont table, .main .section7 .formBox .cont table tbody, .main .section7 .formBox .cont table tr, .main .section7 .formBox .cont table td{display:block; width:100%;}
	 .main .section7 .formBox .cont table td{padding:15px 0 0 0 !important;}
	 .main .section7 .formBox .cont table td input[type="text"]{margin-top:5px;}
	 .main .section7 .formBox .cont table td textarea{height:178px;}
	 .main .section7 .formBox .cont table td .check_box{margin-top:20px;}

	 .footer .inner{padding:50px 20px 130px;}

	  /* quickMenu */
	 .quickMenu {width:100%; bottom:0; border:none; border-top:1px solid #017392; z-index: 999999;}
	 .quickMenu ul li{float:left; width:25%;}
	 .quickMenu ul li a{width:100%; padding-top:48px;}
	 .quickMenu ul li a:after{left:auto; right:0; top:50%; margin-left:0; margin-top:-15px; width:1px; height:30px;}
	 .quickMenu ul li a.customerBtn{display:block; background-size:30px auto;}
	 .quickMenu ul li a.inquiryBtn{background-size:25px auto;}
	 .quickMenu ul li a.kakaoBtn{background-size:25px auto;}
	 .quickMenu ul li a.topBtn{padding-top:48px; background-position:50% 20px;}
	 
	 /* mo_lnb */
	 .sub .subVisual .mo_lnb>div>.tbc>a{font-size:15px;}
	 
	 /* 서브 - about */
	 .intro .cont4 .dpb{display:inline;}

	 /* 서브 - organization */
 	 .chart .cont1 .depth3>li>span.marketing:after{display:none;}
	 .chart .cont1 .depth4{width:100%; margin-left:0;}
	 .chart .cont1 .depth4>li{padding-top:0; margin-top:10px; width:100%; float:none;}
	 .chart .cont1 .depth4>li:before{display:none;}
	 .chart .cont1 .agencies+.depth5>li{margin-left:20%;}
	
	 /* 서브 - work */
	 .cont1.work b .dpb,
	 .cont1.work p .dpb{display:inline;}
	
	 .online .cont1 .process b{font-size:2.8rem;}
	 .online .cont1 .process p{font-size:2rem;}
	 .online .cont1 .process p .inb{display:block;}
	 .online .cont1 .process ul{width:105%; margin-left:-5%; padding-top:35px;}
	 .online .cont1 .process ul li{width:45%; margin-left:5%; font-size:2.1rem;}
	 .online .cont1 .process ul li span{font-size:1.8rem;}
	 .online .cont2 .item .item_txt .adver_list ul li{width:49%; margin-top:5px;}
	 .online .cont2 .item .item_img .txt p .dpb{display:inline;}
		
	 /* 서브 - offline */
	 .offline .cont2 p{font-size:2rem;}
	 .offline .cont2 p .inb{display:block;}

	 /* 서브 - event */
	 .event .cont2 ul{width:100%; margin-left:0;}
	 .event .cont2 ul li{width:80%; margin: 0 auto; float:none; margin-top:40px;}

	 /* 서브 - people */
     .people .cont1 p .dpb{display:inline;}
	 .pic_txt h2 {
		font-size: 22px;
	 }
	 .bk_cir {
		margin-right: 0;
	}
	.pro {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: center;
	}
	.icon_cir_box{
		margin: 0;
	}
	.icon_cir_box{
		margin-top: 50px;
	}
	.icon_cir_box:nth-child(3), .icon_cir_box:nth-child(4) {
		margin-top: 50px;
		margin-bottom: 0;
	}
	.icon_cir_box:nth-child(4) {
		margin-bottom: 80px;
	}
	.icon_img {
		width: 100px;
		height: 100px;
		border-radius: 50px;
	}
	.pic_wrap {
		width: 100%;
	}
	.expic_wrap{
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}
	.compu{width:100%; height:300px; background: url(../img/computer_mm.png)no-repeat; background-size: cover;}
	.thank h1 {
		font-size: 68px;
	}

}
@media screen and (max-width: 540px){
    .pk_bbox {
        width: 100%;
    }
    .pk_bbox img {
        width: 20%;
    }
    .pk_bbox span {
        padding-bottom: 15px;
    }
    .pp {
        margin-bottom: 40px !important;
    }
    .center_txt1 strong{font-size: 18px !important;}
	.top_tit_mid strong {
		font-size: 24px;
	}
	.contents img{display: none;}
	.c1{height: 720px; background-image: url(../img/con1_m.jpg); background-position: center; background-size: contain; background-repeat: no-repeat;}
	.c2{height: 1020px; background-image: url(../img/con3_1_m.jpg); background-position: center; background-size: contain; background-repeat: no-repeat;}
	.c3{height: 956px; background-image: url(../img/con7_m.jpg); background-position: center; background-size: contain; background-repeat: no-repeat;}
	.co7{height: 394px; background-image: url(../img/con6_m.jpg); background-position: center; background-repeat: no-repeat; background-size: contain;}
	.co7 img{display: none;}
	.contents {
		margin-bottom: 50px;
	}
	.swiper-slide p{margin-top: 15px; font-size: 14px;}
	.slide_left .text_wrap {
		width: 54%;
		opacity: 0.8;
	}
	.slide_left .text_wrap {
		height: 180px;
	}
	
	.slide_wrap {
    	width: 100%;
	}
	.start img{ display: none;}
	.shorts img{ display: none;}
    .shorts a{width: 100%; height: 100%; display: block;}
	.start{width:100%; height:434px; background-image: url(../img/starttt.png); background-position: center; background-repeat: no-repeat;}
	.shorts{width:100%; height:450px; background-image: url(../img/shorts_m.png); background-position: center; background-repeat: no-repeat;}
	.swiper-pagination {margin-top: 14px;}

	.content img{
		width: 100%;
	}
	.cont_icon11 {
		width: 180px;
	}
	.center_txt1 h1 {
		font-size: 20px !important;
		line-height: 28px;
	}
	.youtube_left img, .youtube_right img {
		width: 100%;
		margin-bottom: 0;
	}
	.txt_wrap {
		padding-top: 70px;
	}
	.txt_wrap p {
		font-size: 18px;
		line-height: 20px;
		letter-spacing: -2px;
	}
	.txt_wrap span {
		font-size: 14px;
		line-height: 18px;
	}
	.vi1{
		background: url(../img/_m.png) no-repeat center/cover;
	}
	.long_box{
		margin-bottom: 0;
	}
	.long{
		width: 100%;
		margin-bottom: 50px;
	}
	.long h2 {
		font-size: 24px;
	}
	.compu{width:100%; height:300px; background: url(../img/computer_mmm.jpg);}
	
	 .main .section6 .search .txt .pc_t{display:none;}
	 .main .section6 .search .txt .mo_t{display:block;}
	 #map {
		height: 500px;
	}
	.pic_txt {
		margin-bottom: 30px;
	}
    .pic_txt:last-child {
		margin-bottom: 0;
	}
	.ins_graf{
		height: 582px;
		background: url(../img/sns_graf_m.png)no-repeat center /cover;
		margin: 0;
	}
	.pic_box {
		margin: 80px 0 80px;
	}
.ins_graf {
    height: 630px;
    background: url(../img/sns_graf_m.png)no-repeat center /cover;
    margin: 0;
}
.face_img {
    height: 600px;
    background: url(../img/sns_graff_m.png)no-repeat center /cover;
    margin-top: 10px;
}
.db_graf {
    margin: 80px 0 130px;
}
.sns_img img{
	width: 100%;
}
.icon_txt {
    font-size: 20px;
    letter-spacing: 32px;
}

.pagemade {
    padding-bottom: 50px;
}
.made_left img {
    margin-top: 0;
    width: 100%;
}
.page_made_box .made_mid {
    font-size: 16px;
}
.page_made_box h2 {
    font-size: 24px;
}
.mp_left, .mp_right{
    width: 100%;
    margin-bottom: 30px;
}
.youtube_left, .youtube_right{
    width: 100%;
    margin-bottom: 0;
}
.pro {
    padding-bottom: 50px;
}
.thank h1 {
    padding-top: 90px;
}
.thank p small {
    font-size: 15px;
    line-height: 15px;
}
.thank h1 {
    font-size: 50px;
}
.forl_img img, .for_img img {
    width: 80%;
}
.box3 {
    margin-bottom: 50px;
}
.infomation {
    margin-bottom: 40px;
	margin-top: 40px;
}
.homepage_mid{
	margin-bottom:0;
}
.long_box {
    margin: 0;
}
.long h2 {
    font-size: 20px;
	line-height: 50px;
}
.long p {
    font-size: 14px;
    line-height: 19px;
}
.long {
    margin-bottom: 29px;
}

.icon_cir_box:nth-child(4) {
    margin-bottom: 50px;
}
.homepage_mid {
    margin-bottom: 50px;
}
.top_tit_mid {
    font-size: 3.7rem;
    font-family: 'SCoreDream', 'GmarketSans', sans-serif;
    font-weight: 300;
    margin: 50px 0 0px;
}

}

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

    #bo_list_total1, #bo_list_total{display: none !important;}
}

@media screen and (max-width: 500px){
    #bo_list_total1, #bo_list_total{display: none !important;}
    .agree_txt {
        margin-bottom: 70px;
    }
    .sv_member {
        font-size: 13px !important;
    }
    .mod .pic_wrap:nth-child(1) .pic:nth-child(1) img{
        display: none;
    }
    .mod .pic_wrap:nth-child(1) .pic:nth-child(1) {
        background: url(../img/m4_m.png);
        height: 255px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mod .pic_wrap:nth-child(2) .pic:nth-child(1) img{
        height: 255px;
    }
    .mod .pic_wrap:nth-child(3) .pic:nth-child(1) img{
        display: none;
    }
    .mod .pic_wrap:nth-child(3) .pic:nth-child(1) {
        background: url(../img/m6_m.png);
        height: 255px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mod .pic_wrap:nth-child(4) .pic:nth-child(1) img{
        display: none;
    }
    .mod .pic_wrap:nth-child(4) .pic:nth-child(1) {
        background: url(../img/m7_m.png);
        height: 255px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .modell {
        margin: 0;
    }
    .mak {
        top: 15vh;
        left: 18vh;
    }
    .mak img {
        width: 80%;
    }
    .mbskin{font-size: 14px;}
    #fregister p {
        font-size: 14px;
    }
    .fregister_agree input[type="checkbox"] + label {
        font-size: 14px;
    }
    .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {
        font-size: 14px;
    }
    #fregister_private table th {
        font-size: 14px;
    }
    .thank h1::before {height: 25px;}
    #fregister h2 {
        font-size: 14px;
        height: 50px;
        line-height: 10px;
    }
#sns_register h2 {
    height: 45px;
    font-size: 14px;
    line-height: 4em;
}
    #bo_cate a {
        line-height: 24px;
        font-size: 14px;
    }
    .bo_tit {
        font-size: 14px;
    }
    .agree_txt h4 {
        font-size: 20px;
    }
    .agree strong {
        font-size: 18px;
    }
    .top_txt h1 {
        font-size: 62px;
        line-height: 57px;
    }
    .top_tit, .top_tit strong {
        font-size: 20px;
        line-height: 30px;
    }
    .branding {
        height: 270px;
    }
    .branding_logo img{display: none;}
    .branding_logo {
        height: 436px;
        background-image: url(../img/branding_logo_m.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gall_con .gall_img a {
        height: 53vw !important;
    }
    .btn_bo_user li .btn{
        min-width: 0 !important;
        width: 40px !important;
    }
    .btn_bo_user li {
        width: 50px !important;
        margin-left:0 !important;
    }
    .btn_bo_user .li a{
        font-size: 10px !important;
    }
    .newtab tr td, .newtab tr th{
        font-size: 13px;
    }
    .top_txt{
        top: 150px;
    }
    .t br{display: none;}
    .bbox .top_box span, .bbox .bottom_box span {
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .bbox .top_box, .bbox .bottom_box{
        padding: 10px 0;
    }
    .bbox .top_box img, .bbox .bottom_box img{
        width: 45%;
    }
    .ex_wrap {
        gap: 0px 0;
    }
    .men2 img, .men img, .girl img {
        width: 85%;
    }
    .men {
        position: absolute;
       width: 47vw;
        bottom: 0;
    }
    .men2 {
        position: absolute;
       width: 50vw;
        bottom: 0;
    }
    .girl {
        position: absolute;
        width: 50vw;
        bottom: 0;
    }
    .top_img {
		width: 100%;
		margin-top: -28vw;
	}
    .open{text-align: left;}
    .open p {
        text-align: left;
    }
    .bg_txt span {
        font-size: 14px;
    }
    .bg_txt p {
        font-size: 16px;
        line-height: 20px;
    }
    .mid_tit {
        font-size: 24px;
    }
    .icob_box h2 {
        font-size: 24px;
    }
    .ex_text h1 {
        font-size: 18px;
    }
    .ex_text p {
        font-size: 14px;
    }
    .center_txt1 {font-size: 18px; line-height: 24px;}
    .center_txt1 strong{font-size: 18px;}
	.web {
		padding: 0 0 50px; 
	}
	.home_img {
		margin: 40px 0 0;
	}
	.top_tit {
		margin: 80px 0 50px;
	}
	.sns_text p:last-child {
		bottom: -20px;
	}
	.pick_box {
		height: 278px;
	}
	.mo_justy{display: block;}
	.search {
		height: 176px;
		margin: 40px 0 0;
	}
	#footer .clear .pc_jus br{display: block;}
	.footer .infoArea .wr span:last-child {
		padding-left: 0;
	}
    .footer .infoArea > div:first-child{margin-top: 75px;}
    .footer .infoArea {
        float: none;
        padding-left: 0;
        padding-top: 10px;
}
.phone_viral {
	margin-bottom: 50px;
}
.cart img {
    width: 90%;
}
.cart{padding-bottom: 40px;}
.u_img{margin-bottom: 40px;}
 .search img{display: none;}
 .search {
    background-image: url(../img/search_m.png);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.u_img img{display: none;}
.u_img {
    background-image: url(../img/youtube_top_m.png);
    height: 390px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.home_img img{display: none;}
.home_img {
    background-image: url(../img/homepage_m.png);
    height: 475px;
    background-repeat: no-repeat;
    background-position: center;
}
#pofo_con .pofo a {
    height: 95vw !important;
}
#bo_vc_empty {
    font-size: 13px;
}
.bo_v_nb li {
    font-size: 13px;
}

.cmt_btn b {
    font-size: 14px;
}
.sv_member {
    font-size: 13px !important;
}
#bo_cate1 a {
    font-size: 14px;
    padding: 5px 8px;
    width: 80px;
}
}

@media screen and (max-width: 480px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		letter-spacing: -2px !important;
	}
   .ar{
    display: block !important;
   }
    #bo_gall .bo_cnt {
        font-size: 16px;
    }
    .pk_bbox span {
        padding-bottom: 7px;
    }
    .mod .pic_wrap:nth-child(1) .pic:nth-child(1) {
        height: 200px;
    }
    .mod .pic_wrap:nth-child(2) .pic:nth-child(1) img{
        height: 200px;
    }
    .mod .pic_wrap:nth-child(3) .pic:nth-child(1) {
        height: 200px;
    }
    .mod .pic_wrap:nth-child(4) .pic:nth-child(1) {
        height: 200px;
    }
    div .bttn {
        width: 160px;
        height: 55px;
        font-size: 14px;
        line-height: 55px;
    }
    .cont_icon12{
        width: 210px !important;
    }
    .mod .pic_wrap:last-child{
        margin-bottom:50px;
    }
    .pink_box {
        margin-bottom: 50px;
    }
    .dbdb img{display: none;}
    .dbdb {
        background: url(../img/db_m.png);
        height: 600px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 40px 0 50px;
    }
    .mod .pic_wrap .pic img{width: 100%;}
    .pk_tbox {
        line-height: 50px;
        font-size: 16px;
        padding: 1%;
    }
    .pk_bbox span {
        font-size: 14px;
        line-height: 18px;
    }
    .mak{
        top: 12vh;
        left:11.5vh;
    }
    .mak img{
        width:100%;
    }
    #bo_gall .gall_info .gall_date, #bo_gall .gall_info .gall_view {
        font-size: 14px;
    }
    .mbskin {
        margin: 100px auto 0;
    }
    .bbs input[type='submit'] {
        line-height: 20px;
        height: 40px;
    }
    .btn.cancel {
        height: 40px;
        line-height: 40px;
    }
    #bo_gall .gall_text_href a {
        font-size: 13px;
    }
    .agree strong {
        font-size: 15px;
    }
    .agree, .agree_txt h4{
        font-size: 14px;
    }
    .sub .subVisual .title h2::before {
        height: 18px;
    }
    .branding_logo {
        height: 354px;
        margin: 20px 0 50px;
    }
    .main .section5 .boxArea .cont ul li.li06 a {
        background-image: none;
        background-color: #f4f5f6 !important;
    }
    .left_bg {
        min-height: 70vw;
    }
    .per_wrap ul li {
        width: calc(50% - 30px);
    }
    .pc_jus br {display: none;}
    .cart img {
        width: 90%;
    }
    .cart{padding-bottom: 40px;}
    .u_img{margin-bottom: 40px;}
     .search img{display: none;}
     .search {
		background-image: url(../img/search_m.png);
		height: 400px;
		background-repeat: no-repeat;
		background-position: center;
        background-size: contain;
	}
	.u_img img{display: none;}
	.u_img {
		background-image: url(../img/youtube_top_m.png);
		height: 390px;
		background-repeat: no-repeat;
		background-position: center;
        background-size: contain;
	}
    .home_img img{display: none;}
	.home_img {
		background-image: url(../img/homepage_m.png);
		height: 475px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.mo_justy{display: none;}
	
	.phone_viral {
		margin-bottom: 30px;
	}
	.sns_text p {
		margin-bottom: 30px;
	}
	.sns_text p {
		font-size: 20px;
		line-height: 24px;
	}
	.mo_justy br {display: none;}
    .pick_box {
		height: 210px;
	}
    .main .mainVisual .size {
        padding: 0 0 20px;
    }
    .footer .infoArea > div:first-child {
        margin-top: 50px;
    }
    .clear .pic{height: 0;}
    .con4-1 {background-image: url(../img/con4-1_m.png);}
    .con4{background-image: url(../img/con4_m.png);}
    .per .size {
        padding: 50px 0 0;
    }
    .per .size em b {
        font-size: 4rem;
    }
    .per_wrap{width: 100%; margin-top: 0;}
    .per_wrap ul:last-child {
        margin-top: 0 !important;
    }
    .chart strong{font-size:14px;}
    .per_img img{display: none;}
    .per_img{ background-image: url(../img/per_m.png); width: 100%; height: 90vh;}
	.footer .wr span {
		margin-bottom: 4px !important;
	}
	.title_box{width: 83%;}
    .main .boxArea .title em {
        letter-spacing: -3px;
    }
	.con11{margin-top: 80px !important;}
	.start{width:100%; height:320px; background-image: url(../img/starttt.png); background-position: center; background-repeat: no-repeat;}
	.rem6{font-size: 24px !important;}
	.slide_right {
		width: 100%;
		height: 290px;
	}
	.wr span{margin-bottom: 20px !important;}
	.m_w{color: #fff !important;}
	.main .section5 .boxArea .cont ul li a .txt span {
		color: #017392;
	}
	.main .section5 .boxArea .cont ul li .txt em {
		color: #666;
	}
	.main .boxArea .title em strong::before {
		display: none;
	}
.main .boxArea .title span {font-size: 16px !important;}
	.contact {
		height: 490px;
	}	
.nav_txt {
    font-size: 18px;
}
.nav_txt br{display: none;}
.naver-top2{display: block;}
	.bk_cir span, .gr_cir span, .grbl {
		font-size: 16px;
	}
	.in_process br{display: none;}
	.vi0 span br{display: none;}
	.vi_txt{margin-bottom: 50px !important;}
	.vi_pic {
		margin: 50px 0;
	}
	.bg_inbox:nth-child(6) {margin-bottom: 0;}
	.longblue:nth-child(5) {
		margin-bottom: 0;
	}
	.longblue:nth-child(4) {
		margin-bottom: 0;
	}
	.mp_left, .mp_right{text-align: center;}
	.mp_left img, .mp_right img {
		width: 80%;
	}
	.ex1 {
		height: 250px;
	}
	.ani-2{position: relative;}
	.one_box{width: 100%; float: left; position: absolute; top: 50px;}
	.one{width: 33.33%; float: left;}
	.onn{width: 30px; height: 30px; border-radius: 15px; background-color: #f4f5f6;  margin: auto;}
	.naver-top3{margin: 50px 0 !important;}
	.mp_right {
		margin-bottom: 0;
	}
	.sub_center_txt {
		margin: 30px 0 ;
	}
	.sub_center_txt {
		font-size: 14px;
		line-height: 18px;
	}
	.youtube_mp {
		margin-bottom: 50px;
	}
	.youtube_mp p {
		font-size: 14px;
		line-height: 30px;
	}
	.you1 {
		height: 250px;
		margin-top: 50px;
	}
	.margin6 {
		margin-bottom: 50px;
	}
	.expic_wrap h2 {
		line-height: 35px;
	}
	.expic_wrap p {
		margin-top: 20px;
		font-size: 14px;
		letter-spacing: -2px;
	}
	.ex_wrap {
		margin: 0 0 50px;
	}
	.youtube_left img, .youtube_right img {
		margin-bottom: 0px;
		margin-top: 0px;
		width:80%;
	}
	.ex_mid {
		margin: 50px 0 0;
	}
.cont_icon7{width: 190px !important;}
.you_txt{
	letter-spacing: 9px !important;
    text-indent: 9px !important;}
.page_made_box .made_mid {
    font-size: 14px;
}
	.page_made_box h2 {
		font-size: 18px;
		letter-spacing: -2px;
	}
	.home_mid1 {
		margin: 50px 0 0px;
	}
	.naver-top4{margin: 0 0 50px !important;}
	.nav_txt1 {
		margin: 0 0 50px;
	}
	.slide_leftt h3, .slide_rightt h3{
		font-size: 18px;
		font-weight: 300;
	}
	.slide_leftt p, .slide_rightt p{
		font-size: 14px;
		font-weight: 300;
		line-height: 18px;
	}
	.co8{height: 342px; background-image: url(../img/con8m.jpg);background-size: contain; background-repeat: no-repeat;	}
	.naver-top5{margin-bottom: 0 !important;}
	.slide {
		margin-bottom: 50px;
	}
	.mid_tit1 {
		font-size: 20px;
		padding: 50px 0 50px;
	}
	.co7 {
		height: 225px;
	}
	.natop {
		margin-top: 0;
		margin-bottom: 50px;
		height: 250px;
	}
	.virall{letter-spacing: 31px; font-size: 14px;}
	.cont_icon {
		width: 175px;
	}
	.naicon_cir_box {
		margin: 50px 4% 0 0;
	}
	.db {
		margin-top: 50px !important;
	}
	.db_graf {
		margin: 40px 0 50px;
	}
	.long h2 {
		font-size: 17px;
		line-height: 40px;
		letter-spacing: -2px;
	}
	.pictxt1{
		margin-bottom: 0;
	}
	.con_wrap .content:first-child, .last{
		margin-bottom: 50px;
	}
	.long_img{text-align: center;}
	.long_img img{width: 80%;}
	.pic_box {
		margin:0;
	}
	.pic_txt h2 {
		font-size: 20px;
	}
	.pic_txt p {
		font-size: 14px;
		line-height: 18px;
	}
	.longwhite_bottom {
		font-size: 14px;
	}
	.blue_top, .longgblue_top {
		font-size: 16px;
	}
	.white_bottom, .longgwhite_bottom  {
		font-size: 14px;
	}
	.center_txt1{
		font-size: 14px;
        line-height: 16px;
	}
	.cont_icon4 {
		width: 295px;
	}
	.center_txt1 {
		margin: 30px 0 40px;
	}
	.bg_con {
		margin-top: 30px;
	}
	.mid_box {
		margin-bottom: 50px;
	}
	
	.top_tit_mid {
		margin: 50px 0 0px;
		font-size: 20px;
	}
	.top_tit_mid strong {
		font-size: 20px;
	}
    .center_txt1 strong{font-size: 14px !important; line-height: 18px;}
	.main .boxArea .title span {
		margin-top: 10px;
		font-size: 14px;
	}
	.main .addsection4 .boxArea .cont ul li {
		height: 7vh !important;
		margin-bottom: 10px;
	}
	.main .boxArea .cont ul li {
		float: left;
		width: 100%;
		height: 48px !important;
	}
	.li022{
		width: 100% !important;
	}
	.bttn {
		width: 160px;
		font-size: 14px;
		line-height: 50px;
	}
	.scrollBtn img{
		width: 40% !important;
	}
	.people .contWrap {
		min-height:auto;
	}
	.people .cont1 {
		padding: 50px 0;
	}
	.thank p{
		font-size: 14px;
    	line-height: 20px;
    	font-weight: 300;
	}
	.expic_wrap {
		margin-bottom: 30px;
	}
	.con_wrap{margin: 0;}
	.c1 {
		height: 490px; margin-top: 30px;}
	.c2 {
		height: 758px;
	}
	.c3 {
		height: 720px;
	}
    .m-no {
        margin-bottom: 80px;
    }
	div .main_btn {
		width: 100px;
		font-size: 18px;
		margin-top: 10px;
	}
	.main_btn:hover {
		font-size: 20px;
		font-weight: 500;
	}
	.swiper-slide p {
		font-size: 16px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.main .boxArea .cont ul li a {
		box-shadow: 4px 3px 14px -1px rgb(0 0 0 / 35%);
	}
	.swiper-slide h1 {
		font-size: 20px;
		line-height: 30px;
	}
	.slide_left .text_wrap {
		height: 160px;
	}
	.swiper-slide p {
		font-size: 14px;
		padding: 0;
	}
	.main .section5 .boxArea .cont ul li {
		height: 26vh;
		margin-bottom: 0;
	}
	.swiper-pagination {
		margin-top: 0;
	}
	.start{background-size: contain;}
	.shorts {
		width: 100%;
		height: 410px;
		background-image: url(../img/shorts_m.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	.slide_wrap h2 {
		font-size: 18px;
		line-height: 50px;
	}
	.thank h1 {
		padding-top: 50px;
		margin-bottom: 65px;
	}
	.thank small br{display: none;}
.expic_wrap:nth-child(3), .expic_wrap:nth-child(4) {
	margin-top: 0;
}
.expic_wrap:nth-child(4) {
	margin-bottom: 0;
}
.thank p small {
    font-size: 14px;
}
.home_mid2 {
    margin: 50px 0;
}
.vi5 span br{display: none;}
.vi4 span br{display: none;}
.vi span br{display: none;}
   
	.icon_txt{
		font-size: 14px;
		letter-spacing: 14px;
		text-indent: 14px;
	}
	.icon_txt1 {
		font-size: 14px;
		letter-spacing: 12px;
		text-indent: 12px;
		margin-top: 30px;
	}
	.branding {
		height: 218px;
    	}
	.crm_img {
		height: 745px;
		background: url(../img/crm_m.png)no-repeat center /cover;
		margin: 50px 0;
	}
	.grbl{
		width: 160px;
		height: 160px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.vi_pic, .power, .in, .heart, .home_graf{text-align: center;}
	.sns_img img, .content img, .made_left img, .heart img, .db_graf img, .in img, .vi_pic img, .power img {width: 90%;}
	.webimg img, .pic img {width: 70%;}
	.ptxt{margin-bottom: 0;}
	.grbl:nth-child(5), .grbl:nth-child(6){margin-bottom: 0;}
	.bk_cir:nth-child(5), .bk_cir:nth-child(6){margin-bottom: 0;}
     html{font-size: 50%;}

	 .check_box label{font-size:15px;}

	 .allMenu .inner{padding:125px 50px 0;}
	 .allMenu .all_gnb > ul > li > a{font-size:24px;}
	 .allMenu .all_gnb > ul > li > ul > li > a{font-size:17px;}


	 .footer .infoArea .wr{font-size:14px;}
	 .footer .right a{font-size:14px;}

	 .main .mainVisual .tbc{padding-top:85px;}
	 .main .mainVisual .txt .top em{font-size:58px; line-height:60px;}
	 .main .mainVisual .txt .top span{font-size:32px;}
	 .main .mainVisual .txt .btm{margin-top:50px; font-size:20px;}
	 .main .mainVisual .txt .btm strong{margin-top:5px; font-size:26px;}
	 .main .section1 .scrollBtn span{font-size:14px;}

	 .main .section1 .visual_bg{background-image:url('../img/main_visual_mo_1.gif') !important;}
	 .main .section2 .visual_bg{background-image:url('../img/main_visual_mo_2.gif') !important;}
	 .main .section3 .visual_bg{background-image:url('../img/main_visual_mo_3.gif') !important;}

	 .main .boxArea .title em{font-size:24px;}
	 .main .boxArea .title em strong{font-size:30px;}
	 .main .boxArea .title em strong::before{height:20px;}
	 .main .boxArea .title span{margin-top:20px; font-size:14px; line-height: 18px; letter-spacing: -2px;}
	 .main .boxArea .cont ul li .txt span{font-size:12px; letter-spacing:0.5px;}
	 .main .boxArea .cont ul li .txt em{margin-top:5px; font-size:20px; font-weight:600;}

	 .main .section4 .boxArea .cont ul li a::before{display:none;}
	 .main .section4 .boxArea .cont ul li.li01 a{background-image:url('../img/img_cont01_mo.jpg');}
	 .main .section4 .boxArea .cont ul li.li02 a{background-image:url('../img/img_cont02_mo.jpg');}
	 .main .section4 .boxArea .cont ul li.li03 a{background-image:url('../img/img_cont03_mo.jpg');}

	 .main .section5 .boxArea .cont ul li a{background-color:rgba(255, 255, 255, 0);}
	 .main .section5 .boxArea .cont ul li.li01 a{background-image:none; background-color: #f4f5f6 !important;}
	 .main .section5 .boxArea .cont ul li.li02 a{background-image:none; background-color: #f4f5f6 !important;}
	 .main .section5 .boxArea .cont ul li.li03 a{background-image:none; background-color: #f4f5f6 !important;}
	 .main .section5 .boxArea .cont ul li.li04 a{background-image:none; background-color: #f4f5f6 !important;}
	 .main .section5 .boxArea .cont ul li.li05 a{background-image:none; background-color: #f4f5f6 !important;}
	 .main .section5 .boxArea .cont ul li.li06 a{background-image:none; background-color: #f4f5f6 !important;}

	 .main .section6 .left{background-image:url('../img/bg_cont3_mo.jpg');}
	 .main .section6 .search .txt{font-size:30px; letter-spacing:-0.5px;}
	 .main .section6 .hashTag p{margin-top:-92.5px;}
	 .main .section6 .hashTag .tag1{font-size:35px;}
	 .main .section6 .hashTag .tag2{font-size:70px;}
	 .main .section6 .hashTag .tag3{font-size:40px;}

	 .main .section7 .formBox .title strong{font-size:30px;}
	 .main .section7 .formBox .title strong span{font-size:16px;}
	 .main .section7 .formBox .cont table td em{font-size:16px;}
	 .main .section7 .formBox .cont table td input[type="text"]{font-size:15px;}
	 .main .section7 .formBox .cont table td input[type="text"]::placeholder{font-size:15px;}
	 .main .section7 .formBox .cont table td select{font-size:15px;}
	 .main .section7 .formBox .cont table td textarea{font-size:15px;}
	 .main .section7 .formBox .cont table td textarea::placeholder{font-size:15px;}
	 .main .section7 .formBox .cont .btnSet input[type="submit"]{font-size:16px;}
	
	 /* 서브 - about */
	 .intro p{font-size:2rem;}
	 .intro .cont4 em{font-size:7rem;}
	 .intro .cont4 em:before{height:16px;}
	 .intro .cont4 span{font-size:1.8rem;}

	 /* 서브 - organization */
	 .chart .cont1 .depth1>li>span{width:100px; height:100px; line-height:100px;}
	 .chart .cont1 .depth2>li>span{width:85px; height:85px; line-height:85px;}
	 .chart .cont1 .depth3>li>span{padding:8px; font-size:1.8rem;}

	 /* 서브 - portfolio */
	 .portfolio .bbs select{font-size:1.8rem;}
	 .viewPage1 .bbs .view .title > dl{padding:10px;}
	 .viewPage1 .bbs .view .cont{padding:10px; font-size:1.8rem;}
	 .viewPage1 .btnSet{font-size:1.8rem;}
	
	 /* 서브 - service 공통 */
	 .service_top {
		font-size: 20px;
		line-height: 26px;
	}
	.service_txt {
		font-size: 20px;
		line-height: 24px;
	}
	.img1 img {
		max-width: 100%;
	}
	.img img {
		max-width: 70%;
	}
	.service_section {
		padding-top: 0;
	}
	.service_txt_left .txt {
		font-size: 18px;
		line-height: 24px;
	}

	 .service_top b{display:inline;}
	 .sub1_txt {width:80%;}
	 .sub1_thx h2 {
		font-size: 48px;
	}
	.sub1_p {
		font-size: 18px;
		line-height: 24px;
	}
	.sub1_p p {
		font-size: 12px;
		line-height: 18px;
	}
	.thank {
		width: 100%;
		height: 65vh;
		margin-top:50px;
		background: url(../img/thank_m.png)no-repeat center / cover;
	}
	

.middel {
    font-size: 20px;
    margin: 96px 0 70px;
    text-align: center;
    line-height: 26px;
}
.service_section .img {
    margin: 50px 0 80px 0;
}
.cont_txt span {
    font-size: 14px;
    line-height: 24px;
}
.section8 {
    margin-top: 0;
}
.in_info {font-size:20px; margin-bottom: 30px;}
.cir_txt h2 {
    font-size: 18px;
}
.info {
    padding: 50px 0 0px;
}
.con1 {
    background: url(../img/con1_bg_m.png)no-repeat center/cover;
}
.con1{background: url(../img/con1.png)no-repeat center/cover; background-attachment: fixed;}
.box {
    height: 70px;
    margin-bottom: 30px;
}
.box3:last-child{
	margin-bottom: 50px;
}
.cir_txt span {
    font-size: 14px;
}
.cont_icon1 {
    width: 180px;
    font-size: 18px;
}
.cont_icon2 {
    width: 260px;
    font-size: 29px;
}
.cont_txt h1 {
    font-size: 26px;
    line-height: 30px;
}
.service_txt_left .txt {
    margin-bottom: 80px;
}

.sr_img {
    height: 240px;
}
.service_txt{width: 100%;}
.sale .service_section .img {
    padding-bottom: 0;
    height: 370px;
}
.open_txt h1 {
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -3px;
}
.open_txt p {
	width: 80%;
    font-size: 12px;
    line-height: 15px;
}
.service_tit u {
    font-size: 24px;
}
.open .img {
	background: url(../img/open_m.png)no-repeat center/cover;
    width: 100%;
}
.hr_img {
	height: 250px;
    background: url(../img/hr_person_m.png)no-repeat center/cover;
}
.bbox{padding-top: 30px !important;}
.longgblue:nth-child(2) {
	margin-top: 20px;
    margin-bottom: 50px;
}
.longblue:nth-child(5) {
    margin-top: 0;
}
.con_box {
    padding: 45px 0 0;
}
	 .service_section .service_txt .service_tit{padding-top:40px; font-size:3.6rem;}
	 .service_section .service_txt .service_tit em{font-size:2.6rem;}
	 .service_section .service_txt .txt{margin-top:20px;}
	 .service_section .service_txt .txt p{margin-top:15px; font-size:20px;}
	 .agencies01 .service_section .service_txt .txt{margin-top:20px;}

	 /* 서브 - work */
	 .cont1.work b{font-size:2.8rem;}
	 .online .cont2 .item .item_img .txt .hashtag{font-size:1.5rem;}
	 .online .cont2 .item .item_img .ico_list{width: 90%;}
	 .online .cont2 .item .item_img .ico_list li em{font-size:2rem; font-weight:500;}
	 .online .cont2 .item .item_txt p{font-size:2rem;}
	 .online .cont2 .item .item_txt .logo b{font-size:1.8rem;}
	 .online .cont2 .item.display .item_txt ul li p{font-size:1.9rem;}

	 /* 서브 - offline */
	 .offline .cont2 ul li{width:46%; font-size:2.1rem;}
	 .offline .cont2 ul li.step05{margin:20px 27% 0;}
	 .offline .cont2 ul li span{font-size:1.8rem;}

	 .offline .cont3 ul li .img{margin-top:40px;}
	 .offline .cont3 ul li .txt{margin-top:40px;}
	 .offline .cont3 ul li:nth-of-type(even) .txt{margin-top:40px;}
	
	 .offline .cont3 ul li .txt b{font-size:3rem;}
	 .offline .cont3 ul li .txt p{margin-top:15px;}
	 .offline .cont3 ul li .txt p .inb{display:inline;}

	 /* 서브 - event */
	 .event .cont2 ul li em{margin-top:30px; font-size:2rem;}
	 .event .cont2 ul li span{font-size:1.8rem;}

	 /* 서브 - people */
	 .people .cont1 em{font-size:3rem;}
	 .people .cont1 em b{font-size:4rem;}
	 .people .cont1 .img{margin-top:50px;}
	 .people .cont1 p:first-of-type{padding-top:50px;}

	 /* 서브 - recruit */
	 .recruit .bbs .list tbody td{font-size:13px;}

	 /* 서브 - inquiry */
	  .inquiry .bbs .write tbody th{font-size:13px;}
	 .inquiry input[type=submit].btn{font-size:13px; font-weight: 700;}
	 .inquiry .btn.cancel{font-size:13px;}
	 .inquiry .info .info_tit em{font-size:3.6rem;}
	 .inquiry .info .info_tit i{margin-top:10px;}

	 /* 서브 - location */
	 .location .txtBox .info em{font-size:2rem;}
	 .location .txtBox .info ul li p{font-size:1.8rem;}



	 .top_tit, .top_tit strong {
		font-size: 20px;
		line-height: 30px;
		margin: 50px 0 50px;
	}
	.mid_tit {
		padding: 50px 0 0;
	}
	.mid_tit u {
		font-size: 22px;
		font-weight: 500;
	}
	.center_txt, .mid_txt {
		font-size: 14px;
		line-height: 18px;
		font-weight: 300;
		text-align: center;
		letter-spacing: -1px;
	}
	.center_txt {
		margin: 30px auto 40px;
	}
	.bg_inbox {
		width: 100%;
		float: left;
	}
	.bg_inbox {
		margin-bottom: 20px;
	}
	.bg_box {
		padding: 0 0 50px !important;
	}
	.open_img {
		height: 320px;
		background: url(../img/start_m.png)no-repeat center/cover;
		margin-bottom: 50px;
	}
	.blue {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
	}
	.blue:nth-child(4) {
		margin-top: 0; 
	}
	.blue:nth-child(5) {
		margin-top: 0; 
	}
	.blue:nth-child(6) {
		margin-top: 0;
		margin-bottom: 40px; 
	}
	.bk_cir, .gr_cir {
		width: 160px;
		height: 160px;
		margin-bottom: 20px;
	}
	.bg_txt {
		font-size: 14px;
	}
	.top_txt h1 {
		font-size: 62px;
		line-height: 56px;
	}
	.top_txt p {
		font-size: 18px;
		line-height: 24px;
	}
	.viral{margin-bottom: -50px !important;}
	.pro {
		width: 100%;
		padding-bottom: 50px;
		padding-top: 0;
	}
	.bk_cir{
		margin-right:0;
	}
	.con_box {
		width: 90%;
	}
	.cont_icon9 {
		width: 188px;
	}
	.cont_icon {
		font-size: 24px;
	}
	.cont_icon8 {
		width: 220px;
	}
	.icob_box h2 {
		font-size: 20px;
	}
	.icob_box p {
    font-size: 14px;
	line-height: 18px;
}
.mid_tit {
    font-size: 20px;
}
.vi0 {
    margin: 50px 0 0;
}
.center_txt2 {
    margin: 50px 0;
}
.vi {
	height: 250px;
    margin: 50px 0 0;
}
.naver-top1 .pc_jus br{display: block;}
.naver-top2 .pc_jus br{display: block;}
.naver-top4 .pc_jus br{display: block;}
.naver-top5 .pc_jus br{display: block;}
.txt_wrap h1 {
    font-size: 30px;
	letter-spacing: -2px;
}
.icon_cir_box:nth-child(4) {
    margin-bottom: 50px;
}
.center_txt2 {
	font-size: 14px;
	letter-spacing: -2px;
	text-align: justify;
}
.na_txt{
	letter-spacing: 12px !important;
    text-indent: 12px !important;}
.power {
    margin: 50px 0;
}
.justy br{display: none !important;}
.in, .heart {
    margin-bottom: 50px;
}
.vi2{height: 250px;}
.txt_wrap {
    padding-top: 35px;
}
}
@media screen and (max-width: 420px){
	.footer .right1 a {
		width: 120px;
		font-size: 12px;
	}
	 .check_box label{font-size:13px;}

	 .header .logo a{height:75px; line-height:75px;}
	 .header .logo a img{height:35px;}
	 .header .right{height:75px; line-height:75px;}
	 .header .right .allBtn{width:45px; height:45px; line-height:39px;}
	 .allMenu{max-width:300px;}
	 .allMenu .inner{padding:100px 30px 0;}
	 .allMenu .top .all_close{width:45px; height:45px; line-height:37px; top:15px;}
	 .allMenu .top .all_logo a img{height:90px;}
	 .allMenu .all_gnb{margin-top:35px;}
	 .allMenu .all_gnb > ul > li > ul{padding-bottom:17.5px;}
	 .allMenu .all_gnb > ul > li > a{padding:17.5px 0; font-size:20px;}
	 .allMenu .all_gnb > ul > li > ul > li > a{font-size:15px;}

	 .footer .infoArea{padding-top:1px; background-size:140px;}
	 .footer .infoArea .wr{font-size:12px;}
	 .footer .infoArea .wr span{padding:0 6.5px;}
	 .footer .infoArea .wr1 > span{padding:0;}
	 .footer .right a{width:120px; font-size:12px;}

	 .main .mainVisual .txt .top em{font-size:50px; line-height:60px;}
	 .main .mainVisual .txt .top span{font-size:30px; line-height:21px;}
	 .main .mainVisual .txt .btm{font-size:15px; letter-spacing:-0.5px;}
	 .main .mainVisual .txt .btm strong{font-size:21px;}

	 .main .section1 .scrollBtn span{font-size:12px;}

	 .main .boxArea .title em{font-size:21px;}
	 .main .boxArea .title em strong{font-size:24px;}
	 .main .boxArea .title em strong::before{height:18px;}
	 .main .boxArea .title span{margin-top:10px; font-size:14px;}
	 .main .boxArea .cont{padding-top:0;}
	 .main .boxArea .cont ul li{height:155px;}
	 .main .boxArea .cont ul li .txt em{font-size:14px;}

	 .main .section6 .search .txt{font-size:26px;}
	 .main .section6 .search .srchCont{border-width:10px;}
	 .main .section6 .search .srchCont input[type="text"]{font-size:16px;}
	 .main .section6 .search .srchCont input[type="text"]::placeholder{font-size:16px;}
	 .main .section6 .search .srchCont input[type="submit"]{width:46px; height:46px;}
	 .main .section6 .hashTag p{margin-top:-72px;}
	 .main .section6 .hashTag .tag1{font-size:27px;}
	 .main .section6 .hashTag .tag2{margin-top:20px; font-size:56px;}
	 .main .section6 .hashTag .tag3{font-size:32px;}

	 .main .section7 .formBox .cont table td em{font-size:14px;}
	 .main .section7 .formBox .cont table td input[type="text"]{font-size:13px;}
	 .main .section7 .formBox .cont table td input[type="text"]::placeholder{font-size:13px;}
	 .main .section7 .formBox .cont table td select{font-size:13px;}
	 .main .section7 .formBox .cont table td textarea{font-size:13px;}
	 .main .section7 .formBox .cont table td textarea::placeholder{font-size:13px;}

	 .sub .subVisual .title h2{font-size:5rem;}

	 /* 서브 - about */
	 .intro .cont4 em{font-size:6rem;}

	 /* 서브 - organization */
	 .chart .cont1 .agencies+.depth5>li{margin-left:5%;}
	 .chart .cont1 .depth5>li{margin-left:10%;}
	
	 /* 서브 - work */
	 .online .cont1 .process .process_list{width:90%;}
	 .online .cont1 .process ul{width:103%; margin-left:-3%;}
	 .online .cont1 .process ul li{width:47%; margin-left:3%;}
	
	 .online .cont2 .item:before{height:580px;}
	 .online .cont2 .item .item_img .ico_list li .ico_item .img img{width:60px;}
}
@media screen and (max-width: 320px){
    html{font-size: 45%;}
}
/*max-height*/
@media screen and (max-height: 900px){
	 .main .section6 .hashTag p{bottom:70px;}

	 .allMenu .all_gnb{margin-top:55px;}
	 .allMenu .all_gnb > ul > li > a{padding:27.5px 0;}
	 .allMenu .all_gnb > ul > li > ul{padding-bottom:27.5px;}
     
}
@media screen and (max-height: 800px){
	 .main .section6 .hashTag p{bottom:70px;}
}

@media screen and (max-width:420px) and (max-height: 750px){
	 .main .boxArea .cont ul li{height:135px;}
}
@media screen and (max-height: 730px){
	 .allMenu .all_gnb > ul > li > a{padding:21.5px 0;}
	 .allMenu .all_gnb > ul > li > ul{padding-bottom:21.5px;}
}
@media screen and (max-width:420px) and (max-height: 640px){
	
	
	 .allMenu .all_gnb{margin-top:30px;}
	 .allMenu .all_gnb > ul > li > a{padding:17.5px 0;}
	 .allMenu .all_gnb > ul > li > ul{padding-bottom:10px;}
	 .allMenu .all_gnb > ul > li > ul > li > a{padding:7px 0;}
	 .main .boxArea .title em{font-size:18px;}
	 .main .boxArea .title em strong{font-size:17px;}
	 .main .boxArea .cont{padding-top:15px;}
	 .main .boxArea .cont ul{max-width:290px;}
	 .main .boxArea .cont ul li{height:105px;}
	 .main .boxArea .cont ul li .txt em{font-size:16px;}

	 .main .section6 .left{height:56%;}
}