@charset "utf-8";

/*---------------------- layout ----------------------*/
@media (max-width: 1620px) {
/* head */
	#header{padding: 0 20px; box-sizing: border-box; }
	#header nav .gnb{padding-right: 10vw;}
	#header nav .gnb > li > a{font-size: 18px; padding: 0 1.2vw;}
	#header .logn {right:35px;}
	#header .logn2 {right: 145px;}
}
@media (max-width: 1400px) {
	#header nav .gnb > li > a {font-size:17px; padding:0 7px;}
}

@media (max-width: 1200px) {
	#header{height: 80px;}
	#gnb{display: none;}
	#header .wrap1{height: 100%;}
	#header:hover{transform: translate(0, 0px); padding-bottom: 0;}
}
@media (max-width: 1024px) {
/* head */
	
	
	

/* footer */
	#footer{padding: 8vw 20px; box-sizing: border-box;}
	#footer .wrap1{padding: 0;}
	#footer .ft_top{margin-bottom: 10px; padding-bottom: 10px;}
	#footer .ft_top ul > li{font-size: 14px; line-height: 1.5;}
	#footer .ft_bottom p{font-size: 14px;}
	#footer .ft_bottom ol{margin-top: 2vw; top: 0;}
	#footer .ft_bottom ol > li > a{font-size: 14px; }
	.scroll-top{width: 45px; height: 45px; right: 20px; top: -20px;}
	
}

/*---------------------- layout ----------------------*/

/*---------------------- main  ----------------------*/
@media (max-width: 1620px) {
	.main.wrap1{padding: 0 20px; box-sizing: border-box; max-width:100%; overflow: hidden;}
	.main .mcnt1 > *{height: 35vw;}
	.main .mcnt1 > * > a .tbx{padding: 0 5vw;}
	.main .mcnt2 > .lbx .tbx{padding: 0 5vw;}
	.main .mcnt4 > .lbx .box{padding: 0 3vw;}
	.main .mcnt4 > .lbx .box .tbx{margin-left: 2vw;}
	.main .mcnt4 > .lbx .box .tbx .txt{font-size: 22px; line-height: 1.5;}
	.main .mcnt4 > .lbx .box .tbx ul > li span{font-size: 20px; line-height: 40px;}
	.main .mcnt4 > .lbx .box .tbx ul > li p{font-size: 20px; line-height: 40px;} 
}

@media (max-width: 1024px) {
	.main{margin-top: 80px;}
	.main .mcnt1 {flex-direction: column; gap:20px}
	.main .mcnt1 > *{height: auto;}
	.main .mcnt1 > * > a .tbx{padding: 8vw 5vw;}
	.main .mcnt1 > * > a .tbx h3{font-size: clamp(25px, 6.5vw, 50px); line-height: 1.2; margin-bottom: 4vw;}
	.main .mcnt1 > * > a .tbx p{font-size: clamp(14px, 2.8vw, 20px); line-height: 1.5;}
	.main .mcnt1 > * > a .tbx > span{width: 40px; height: 40px; line-height: 35px;}
	.main .mcnt2{margin-top: 8vw;}
	.main .mcnt2 > .lbx .tbx small{font-size: 14px;}
	.main .mcnt2 > .lbx .tbx .tit{font-size: clamp(18px, 4vw, 40px); line-height: 1.3; margin: 2vw 0 4vw; word-break: keep-all;}
	.main .mcnt2 > .lbx .tbx .tit br{display: none;}
	.main .mcnt2 > .lbx .tbx > span{font-size: 16px;}
	.main .mcnt2 > .lbx .tbx > span > span{top: 0; margin-left: 5px;}
	.main .mcnt2{height: 50vw;}
	.main .mcnt2 > .lbx{width: 1%; flex:1 1 auto}
	.main .mcnt2 > .rbx{width: 35%; }
	.main .mcnt2 > .rbx:after{background-size: cover;}	
	.main .mcnt4{flex-direction: column-reverse; margin: 8vw 0 10vw;}
	.main .mcnt4 > *{width: 100%;}
	.main .mcnt4 > .rbx .root_daum_roughmap .wrap_map{height: 60vw !Important;}
	.main .mcnt4 > .lbx{margin-top: 5vw;}
	.main .mcnt4 > .lbx .box{padding: 3vw 20px;}
	.main .mcnt4 > .lbx .box figure{padding-bottom: 0;}

}

@media (max-width: 480px) {
	#header .hd-logo > a{width: 160px;}
	#header .logn{width: auto; right: 30px;	line-height: 30px; height: auto; font-size: 14px; padding: 0 10px;}
	#header .logn2{right: 110px; padding: 0; width: 30px; height: 30px; line-height: 28px;}
	.main .mcnt1{padding-top: 30px; }
	.main .mcnt4 > .lbx .box figure{width: 15vw;}
	.main .mcnt4 > .lbx .box .tbx{padding-left: 3vw;}
	.main .mcnt4 > .lbx .box .tbx .tit{font-size: 22px; line-height: 1;}
	.main .mcnt4 > .lbx .box .tbx .txt{font-size: 16px; line-height: 1.5;}
	.main .mcnt4 > .lbx .box .tbx ul > li span{font-size: 16px; line-height: 25px; width: 14vw;}
	.main .mcnt4 > .lbx .box .tbx ul > li p{font-size: 16px; line-height: 25px; margin-left: 10px;} 
}
/*---------------------- main  ----------------------*/



/*---------------------- sub ----------------------*/
@media (max-width: 1620px) {
	#sub_layout{box-sizing: border-box; padding: 0 20px; max-width:100%; overflow: hidden;}
	.s1_wrap .sec1-cnt > figure{padding: 0 10px;}	
	.s1_wrap .sec1-cnt > .tbx{padding-left: 5vw;}
	.s1_wrap .cnt-icon .flex-box{height: auto; padding: 3vw 0;}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx{padding: 3vw 5vw; padding-right: 20px;}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx .txt{word-break: keep-all;	}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx .txt br{display: none;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul{padding-left: 3vw;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul > li{width: 38%;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul > li{font-size: 20px;}
	.s1_wrap .s1_2_sec2 .flex-box > .rbx  ul > li{width: 100%;}
	

}

@media (max-width: 1024px) {
	#sub_layout{margin-top: 5vw; padding-top: 90px;}
	#sub_layout:before{width: 100%; background-position: left top;}
	.bo-wrap{padding-bottom: 12vw;	}
	.s1_tit{font-size: 20px; line-height: 1.5;}
	.s1_tit:before{top: 0.2em;}
	.sub_1_1 #bo_cate{margin-bottom: 9vw; padding-top: 10vw;}
	.sub_1_1 #bo_cate ul{flex-wrap:wrap;}
	.sub_1_1 #bo_cate ul > li{flex: 1 1 40%}
	.sub_1_1 #bo_cate ul > li > a:after{display: none !important;}
	.sub_1_1 #bo_cate ul > li > a{display: flex; align-items:center; justify-content: center; font-size: 14px; line-height: 1.4; height: 40px; }
	#bo_cate ul > li[data = "틴력개선목, 손등"] > a{font-size: 0;}
	#bo_cate ul > li[data = "틴력개선목, 손등"] > a:before{font-size: 14px;}
	.sub_2_1 #bo_cate{margin-bottom: 9vw; padding-top: 10vw;}
	.sub_2_1 #bo_cate ul{flex-wrap:wrap;}
	.sub_2_1 #bo_cate ul > li{flex: 1 1 40%}
	.sub_2_1 #bo_cate ul > li > a:after{display: none !important;}
	.sub_2_1 #bo_cate ul > li > a{display: flex; align-items:center; justify-content: center; font-size: 14px; line-height: 1.4; height: 40px; }

	.s1_wrap .sec1 h3{font-size: 30px;}
	h3.stit_new{font-size: 30px; margin-bottom: 50px;}

	.s1_wrap .sec1 p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s1_wrap .sec1 p br{display: none;}
	.s1_wrap .sec1-cnt{box-shadow:none; background: none; margin-top: 5vw; margin-bottom: 12vw;}
	.s1_wrap .sec1-cnt > *{width: 100%;}
	.s1_wrap .sec1-cnt > figure{padding: 0;}
	.s1_wrap .sec1-cnt > figure img{width: 100%;}
	.s1_wrap .sec1-cnt > .tbx{padding: 4vw 0px 3vw;}
	.s1_wrap .sec1-cnt > .tbx .box .tit{font-size: 22px; line-height: 1.5;}
	.s1_wrap .sec1-cnt > .tbx .box ol > li{font-size: 16px; line-height: 1.5;		}
	.s1_wrap .sec1-cnt > .tbx .box ol > li:before{top: 0.1em;}
	.s1_wrap .sec1-cnt > .tbx .box:last-of-type{margin-top: 7vw;}
	.s1_wrap .sec2 > h3 small{font-size: 16px; margin-bottom: 2vw;}
	.s1_wrap .sec2 > h3{font-size: clamp(25px, 4vw, 45px); line-height: 1.3; padding-bottom: 50px; margin-bottom: 20px;}
	.s1_wrap .sec2 > p{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 8vw;}
	.s1_wrap .sec2 > p br{display: none;}
	.s1_wrap .cnt-icon .flex-box .box{flex:1 1 50%; margin-bottom: 2vw;}
	.s1_wrap .cnt-icon .flex-box .box .tbx .tit{font-size: 18px; line-height: 1.5; margin: 3vw 0 1vw;}
	.s1_wrap .cnt-icon .flex-box .box .tbx .txt{font-size: 16px; line-height: 1.5; }

	.s1_wrap .cnt-icon .flex-box .box figure{width: 22vw; margin: 0 auto;}

	.s1_wrap .sec3 .s1_tit{display: block;}
	.s1_wrap .sec3 .s1_tit a{font-size: 14px; text-align: right;}
	.s1_wrap .sec3 .s1_tit a span{top: 0; text-align: left;}
	.s1_wrap .sec3 .s1_list ul > li{width: 49%;}
	.s1_wrap .sec3 .s1_list ul{gap:5vw 2%;}
	.s1_wrap .sec3 .s1_list ul > li .thumb img{width: 100%; height: auto !important;}
	.s1_wrap .sec3 .s1_list ul > li .tit{line-height: 1.5; font-size: 18px; padding: 10px 0 ;}
	.s1_wrap .sec4 .sec4-cnt .box {flex-direction: column;}
	.s1_wrap .sec4 .sec4-cnt .box > figure{height: auto; background: #fafafa; width: 100%; padding: 3vw 10px 0; } 
	.s1_wrap .sec4 .sec4-cnt .box > figure img{}
	.s1_wrap .sec4 .sec4-cnt .box > *{width: 100%;}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx .num-box span{font-size: 14px;}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx .tit{font-size: 20px;}
	.s1_wrap .sec4 .sec4-cnt .box > .tbx .txt{font-size: 16px; line-height: 1.5;}
	.s1_wrap .s1_2_sec2 .flex-box .lbx{width: 100%;}
	.s1_wrap .s1_2_sec2 .flex-box h4{font-size: 20px; height: 50px;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul{height: auto; padding: 4vw 20px;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul > li{width: 50% !important; font-size: 16px; line-height: 1.5; display: flex; align-items:center;}
	.s1_wrap .s1_2_sec2 .flex-box > * ul > li span{width: 35px; height: 35px;}
	.s1_wrap .sec3{margin-top: 10vw;}
	.s1_wrap .sec2-cnt_ty1 h4{font-size: 22px; line-height: 1.5; margin-bottom: 3vw;}
	.s1_wrap .sec2-cnt_ty1 h4 span:after{height: 0.4em; }
	.s1_wrap .sec2-cnt_ty1 p{font-size: 16px; line-height: 1.5;}
	.s1_wrap .s1_4_sec2 .sec2-cnt {width: 100%; padding: 4vw 15px; margin-left: 0; font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s1_wrap .s1_4_sec2 .sec2-cnt br{display: none;}
	.s1_wrap .sec2 > p{margin-bottom: 5vw;}
	.s1_wrap .sec1_s02 .sec1-cnt{padding: 0vw 0;}
	.s1_wrap .sec1_s02 .sec1-cnt > .tbx{padding: 3vw 0;}
	.s1_wrap .sec1_s02 .sec1-cnt > .tbx .box h4 strong{font-size: 25px;}
	.s1_wrap .sec1_s02 .sec1-cnt > .tbx .box h4{font-size: 18px; line-height: 1.3; margin-bottom: 2vw;}
	
	.s2_1_sec2 .white-box{padding: 5vw 15px; }
	.s2_1_sec2 .white-box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s2_1_sec2 .white-box p br{display: none;}
	.s1_wrap .sec1_s02_ty2 .sec1-cnt{margin-top: 8vw;}
	.sub_2_1 .s1_wrap .sec1 p:not(:last-of-type){margin-bottom: 3vw;}
	.cnt-icon.mt100{margin-top: 10vw;}
	.s1_wrap .cnt-icon .flex-box.h630{height: auto;}
	.s1_wrap .cnt-icon .flex-box .txtbox{width: calc(100% - 20px); font-size: 16px; line-height: 1.5; margin-left: 10px; padding: 3vw 0; top: 0; margin-top: 0;}
	.s1_wrap .cnt-icon .flex-box .txtbox p{font-size: 16px; line-height: 1.5;}
	.s1_wrap .cnt-icon .flex-box .box.pt24{width: 100%; padding: 0; flex:auto; margin-bottom: 10px;}
	.s1_wrap .sec3 .s1_list ul > li.none{font-size: 16px; padding: 4vw 0;}
	.sub_3_1 h3{font-size: 30px; margin-bottom: 8vw;}
	.sub_3_1 .cnt1 .flex-box{margin-top: 5vw;}
	.sub_3_1 .cnt1 .flex-box .lbx{width: 100%; margin-bottom: 5vw;} 
	.sub_3_1 .cnt1 .flex-box .lbx h4{word-break: keep-all; font-size: 25px; line-height: 1.5; }
	.sub_3_1 .cnt1 .flex-box .lbx h4 br{display: none;}
	.sub_3_1 .cnt1 .flex-box .rbx p{font-size: 16px; line-height: 1.5; margin-bottom: 1em; word-break: keep-all;}
	.sub_3_1 .cnt1 .flex-box .rbx p br{display: none;}
	.sub_3_1 .cnt2{width: calc(100% + 40px); margin-left: -20px; padding: 8vw 20px 12vw;}
	.sub_3_1 .cnt2 .flex-box ul li{font-size: 16px; line-height: 1.5; margin-bottom: 0px;}
	.sub_3_1 .cnt1{padding-bottom: 10vw;}
	.s1_wrap .cnt-icon.fig_full .flex-box .box .tbx{height: auto;}
	.sub_3_1 .cnt2 .flex-box ul:first-child:after{display: none;}
	.main .mcnt4 > .lbx .box:first-child{padding: 5vw 20px;}
	.main .mcnt4 > .lbx .box:last-child{padding: 5vw 20px;}
	.sub_10 {margin-bottom: 12vw;}

	.s1_wrap .s1_6_sec2 .sec2-cnt dl dt{padding-left: 0; font-size: 20px; line-height: 1.5; width: 100%;}
	.s1_wrap .s1_6_sec2 .sec2-cnt dl dd{padding-left: 0; padding-top: 20px;}
	.s1_wrap .s1_6_sec2 .sec2-cnt dl dd:before{display: none;}
	.s1_wrap .s1_6_sec2 .sec2-cnt dl dd p{font-size: 14px; line-height: 1.5; word-break: keep-all; }
	.s1_wrap .s1_6_sec2 .sec2-cnt dl dd p br{display: none;}
	.s1_wrap .s1_6_sec2 .sec2-cnt dl{padding: 20px 10px;}
	.s1_wrap .s1_6_sec2 .cnt-icon .flex-box .box .tbx .tit{font-size: 16px; line-height: 1.5;}
	.s1_wrap .cnt-icon .flex-box .box{border-right: 0;}
	
}
@media (max-width: 480px) {
	.s1_wrap .cnt-icon .flex-box .box figure {width: 15vw; margin: 0 auto;}	
	.s1_wrap .s1_2_sec2 .flex-box > * ul {gap:10px}
	.s1_wrap .s1_2_sec2 .flex-box > * ul > li{width: 100% !important; }
	.sub_3_1 .cnt2 .flex-box{padding: 5vw 0;}
	.sub_3_1 .cnt2 .flex-box ul{padding: 0 20px; width: 100%; text-align: left;}
	.main .mcnt4 > .lbx .box .tbx ul > li span{height: 25px;}
	.s1_wrap .sec4 .sec4-cnt .box > figure {padding: 3vw 36vw 0; box-sizing: border-box;}
	.s1_wrap .sec4 .sec4-cnt .box > figure img{width: auto; max-width:100%}

	.pc_img{display: none;}
	.m_img{display: block;}
	
	.quick{z-index: 1005; bottom: 70px;}
	.quick ul > li:nth-child(2){display: block;}


	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-01 {padding: 3vw 34vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-02 {padding: 3vw 33vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-03 {padding: 3vw 20vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-04 {padding: 3vw 4vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-05 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-06 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-07 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-08 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-09 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-10 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-11 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-12 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-13 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-14 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-15 {padding: 3vw 3vw 0;} 
	.s1_wrap .sec4 .sec4-cnt .box > figure.mimg-16 {padding: 3vw 3vw 0;} 
}


/*---------------------- sub ----------------------*/


/*---------------------- ad ----------------------*/

@media (max-width: 1620px) {
	#sub_layout.sub_ad  {padding:0;}
	
	.advertisement .logo {top:30px;}
	
	.advertisement .cnt01 {height:100%;}
	.advertisement .cnt01 .txt-box {padding-top:120px; padding-bottom:200px;}
	.advertisement .cnt01 .img-box {top:auto; bottom:0;}
	.advertisement .cnt01 .img-box img {width:600px;}
	.advertisement .cnt01 .tit h2 {font-size:100px;}
}
@media (max-width: 1300px) {
	
	.advertisement .cnt01 .txt-box {padding-bottom:180px;}
	.advertisement .cnt01 .img-box {bottom:80px; right:15px;}
	.advertisement .cnt01 .img-box img {width:400px;}
	.advertisement .cnt01 .tit h2 {font-size:80px;}
	
	.advertisement .cnt02 {background-position:center; margin-top:-260px; padding-top:290px;}
}


@media (max-width: 1024px) {
	.advertisement .logo {top:20px;}
	.advertisement3 .logo {top:20px;}

	.advertisement .cnt01 {background:#f8fbfc;}
	.advertisement .cnt01 .txt-box {padding:100px 0 120px;}
	.advertisement .cnt01 .img-box {bottom:0; right:-5px;}
	.advertisement .cnt01 .img-box img {width:300px;}
	.advertisement .cnt01 .tit {margin-bottom:12px;}
	.advertisement .cnt01 .tit h2 {font-size:60px; letter-spacing: -2px;}
	.advertisement .cnt01 .tit h2 span:before {width:4px; height:4px; top:-8px; margin-left:-5px;}
	.advertisement .cnt01 .tt01 {margin-bottom:16px;}
	.advertisement .cnt01 .tt01 h3 {font-size:28px; margin-bottom:12px;}
	.advertisement .cnt01 .tt01 h3 span {margin-right:15px; line-height:32px; font-size:24px;}
	.advertisement .cnt01 .tt01 p {font-size:18px;}
	.advertisement .cnt01 .tt02 p {font-size:16px;}
	.advertisement .cnt01 .tt02 p strong {font-size:18px;}

	.advertisement .cnt02 {margin-top:0; padding-top:100px; padding-bottom:20px; background:url('../img/ad/ad-cnt02-bg.jpg');}
	.advertisement .cnt02  .col {margin-bottom:100px; display:block;}
	.advertisement .cnt02  .col .txt-box {width:100%;}
	.advertisement .cnt02  .col .video-box {width:100%; max-width:1000px; height:400px;}
	.advertisement .cnt02  .col:nth-child(odd) .txt-box {padding-right:0;}
	.advertisement .cnt02  .col:nth-child(even) .txt-box {padding-left:0;}
	.advertisement .cnt02  .col .txt-box {margin-bottom:40px;}
	.advertisement .cnt02  .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement .cnt02  .col .txt-box h3 {font-size:32px; margin-bottom:20px; padding-bottom:20px;}
	.advertisement .cnt02  .col .txt-box h3 br {display:none;}
	.advertisement .cnt02  .col .txt-box h3:after {width:32px; height:2px;}
	.advertisement .cnt02  .col .txt-box p {font-size:16px;}
	.advertisement .cnt02  .col .txt-box ul {margin-top:20px;}
	.advertisement .cnt02  .col .txt-box ul li {margin-right:20px;}	
	.advertisement .cnt02  .col .video-box iframe {height:100%;}

	.advertisement .cnt03 {padding:100px 0;}
	.advertisement .cnt03 .txt-box {padding:0 30px;}
	.advertisement .cnt03 .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement .cnt03 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement .cnt03 .txt-box p {font-size:16px;}

	.advertisement .cnt04 {padding:100px 0 120px;}
	.advertisement .cnt04 .txt-box {margin-bottom:30px;}
	.advertisement .cnt04 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement .cnt04 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement .cnt04 .col {margin:0 -10px;}
	.advertisement .cnt04 .col .row {padding:0 10px;}
	.advertisement .cnt04 .col .row:after {width:50px; height:50px; margin-top:-25px; right:-25px;}
	.advertisement .cnt04 .col .row a {border-width:5px;}
	.advertisement .cnt04 .col .row a span {width:auto; line-height:50px; font-size:18px; padding:0 20px; white-space:nowrap;}

	.advertisement .cnt05 {padding:100px 0 120px;}
	.advertisement .cnt05 .txt-box {margin-bottom:30px;}
	.advertisement .cnt05 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement .cnt05 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement .cnt05 ul li .img-wrap {max-width: 250px;}
	.advertisement .cnt05 ul li .img-wrap:after {top: -42px; left: 30px; background-size: 32px auto;}
	.advertisement .cnt05 ul li .text-wrap {padding: 10px 0 35px 30px;}
	.advertisement .cnt05 ul li .text-top b {font-size: 28px; margin-bottom: 10px;}
	.advertisement .cnt05 ul li .text-top p {min-height: auto; font-size: 20px;}
	.advertisement .cnt05 ul li .text-bottom {margin-top: 20px;}
	.advertisement .cnt05 ul li .text-bottom p {font-size: 16px;}
	.advertisement .cnt05 ul li .text-bottom a {font-size: 16px;}
	.advertisement .cnt05 ul li:nth-child(even) .text-wrap {padding: 10px 0 35px 10px;}
	.advertisement .cnt05 ul li:nth-child(even) .text-top {padding-right: 60px;}
	.advertisement .cnt05 ul li:nth-child(even) .text-bottom {padding-right: 80px;}

	.advertisement .cnt06 {padding:100px 0 120px;}
	.advertisement .cnt06 .txt-box {margin-bottom:30px;}
	.advertisement .cnt06 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement .cnt06 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement .cnt06 .col {margin:0 -10px 20px;}
	.advertisement .cnt06 .col .row {padding:0 10px;}
	.advertisement .cnt06 label {font-size:18px;}
	.advertisement .cnt06 .input {height:50px; font-size:16px;}
	.advertisement .cnt06 .input:placeholder {font-size:16px;}
	.advertisement .cnt06 .btn {width:200px; line-height:50px; margin:60px auto 0; height:50px; font-size:18px;}
	
	.advertisement .foot {padding:60px 0;}
	.advertisement .foot p {font-size:14px;}
	.advertisement .foot p span {margin:0 5px;}
	.advertisement .foot p br {display:none;}
}

@media (max-width: 800px) {
	.advertisement .cnt01 .txt-box {padding:100px 0 150px;}
	.advertisement .cnt01 .img-box img {width:260px;}
	.advertisement .cnt01 .tt02 p {width:calc(100% - 200px);}
	.advertisement .cnt01 .tt02 p br {display:none;}

	.advertisement .cnt05 ul li .inner {display: block; padding: 35px 30px 0 30px;}
	.advertisement .cnt05 ul li .img-wrap {max-width: 310px;}
	.advertisement .cnt05 ul li .text-wrap {width: 100%; flex: auto; padding: 10px 0 35px 0;}
	.advertisement .cnt05 ul li:nth-child(even) .text-wrap {padding: 10px 0 35px 0;}
	.advertisement .cnt05 ul li:nth-child(even) .text-top {padding-right: 0;}
	.advertisement .cnt05 ul li:nth-child(even) .text-bottom {padding-right: 0;}
}

@media (max-width: 640px) {
	.advertisement .logo {top:20px;}
	.advertisement .logo img {width:140px;}

	.advertisement .cnt01 .txt-box {padding:80px 0 0;}
	.advertisement .cnt01 .img-box {bottom:0; right:0; position:relative; text-align:right; margin-top:10px;}
	.advertisement .cnt01 .img-box img {width:240px;}
	.advertisement .cnt01 .tit {margin-bottom:10px;}
	.advertisement .cnt01 .tit h2 {font-size:40px;}
	.advertisement .cnt01 .tt01 {margin-bottom:10px;}
	.advertisement .cnt01 .tt01 h3 {font-size:24px; margin-bottom:10px;}
	.advertisement .cnt01 .tt01 h3 span {margin-right:10px; line-height:28px; font-size:20px;}
	.advertisement .cnt01 .tt01 p {font-size:16px;}
	.advertisement .cnt01 .tt02 p {font-size:14px; width:100%;}
	.advertisement .cnt01 .tt02 p strong {font-size:16px;}

	.advertisement .cnt02 {padding-top:60px; padding-bottom:20px;}
	.advertisement .cnt02  .col {margin-bottom:60px;}
	.advertisement .cnt02  .col .video-box {height:300px;}
	.advertisement .cnt02  .col .txt-box {margin-bottom:20px;}
	.advertisement .cnt02  .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement .cnt02  .col .txt-box h3 {font-size:28px; margin-bottom:10px; padding-bottom:10px;}
	.advertisement .cnt02  .col .txt-box h3:after {width:24px;}
	.advertisement .cnt02  .col .txt-box p {font-size:14px;}

	.advertisement .cnt03 {padding:60px 0 80px;}
	.advertisement .cnt03 .txt-box {padding:0 30px;}
	.advertisement .cnt03 .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement .cnt03 .txt-box h3 {font-size:28px; margin-bottom:12px;}
	.advertisement .cnt03 .txt-box p {font-size:14px;}
	.advertisement .cnt03 .txt-box:before,
	.advertisement .cnt03 .txt-box:after {display:none;}
	
	.advertisement .cnt04 {padding:60px 0 80px;}
	.advertisement .cnt04 .txt-box {margin-bottom:20px;}
	.advertisement .cnt04 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement .cnt04 .txt-box h3 {font-size:28px; margin-bottom:12px;}
	.advertisement .cnt04 .col {margin:0; display:block;}
	.advertisement .cnt04 .col .row {padding:0; width:100%; margin-bottom:30px;}
	.advertisement .cnt04 .col .row:last-child {margin-bottom:0;}
	.advertisement .cnt04 .col .row:after {width:40px; height:40px; top:auto; bottom:-35px; margin-top:0; right:50%; margin-right:-20px;}
	.advertisement .cnt04 .col .row a {border-width:3px;}
	.advertisement .cnt04 .col .row a span {line-height:40px; font-size:16px; padding:0 10px;}

	.advertisement .cnt05 {padding:60px 0 80px;}
	.advertisement .cnt05 .txt-box {margin-bottom:20px;}
	.advertisement .cnt05 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement .cnt05 .txt-box h3 {font-size:28px; margin-bottom:12px;}

	.advertisement .cnt05 ul li {margin-bottom:20px;}
	.advertisement .cnt05 ul li .inner {padding: 30px 20px 0 20px;}
	.advertisement .cnt05 ul li .img-wrap:after {top: -37px; left: 30px; background-size: 30px auto;}
	.advertisement .cnt05 ul li .text-wrap {padding: 10px 0 30px 0;}
	.advertisement .cnt05 ul li .text-top b {font-size: 24px; margin-bottom: 10px;}
	.advertisement .cnt05 ul li .text-top p {min-height: auto; font-size: 16px;}
	.advertisement .cnt05 ul li .text-bottom {margin-top: 20px;}
	.advertisement .cnt05 ul li .text-bottom p {font-size: 15px;}
	.advertisement .cnt05 ul li .text-bottom a {font-size: 15px;}
	.advertisement .cnt05 ul li:nth-child(even) .text-wrap {padding: 10px 0 30px 0;}

	.advertisement .cnt06 {padding:60px 0 80px;}
	.advertisement .cnt06 .txt-box {margin-bottom:20px;}
	.advertisement .cnt06 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement .cnt06 .txt-box h3 {font-size:28px; margin-bottom:12px;}	
	.advertisement .cnt06 .col {margin:0; display:block;}
	.advertisement .cnt06 .col .row {padding:0; margin-bottom:10px; width:100%;}
	.advertisement .cnt06 label {font-size:16px;}
	.advertisement .cnt06 .input {height:44px; font-size:14px;}
	.advertisement .cnt06 .input:placeholder {font-size:14px;}
	.advertisement .cnt06 .btn {width:160px; line-height:40px; margin:40px auto 0; height:44px; font-size:16px;}
	
	.advertisement .foot {padding:40px 0;}
	.advertisement .foot p {font-size:13px; line-height:1.8em;}
	.advertisement .foot p span {margin:0; display:none;}
	.advertisement .foot p br {display:block;}
}

@media (max-width: 400px) {
	.advertisement .cnt01 .tt01 h3 span {display:block; width:122px; margin-bottom:8px;}
	.advertisement .cnt01 .tt01 p br {display:none;}
	
	.advertisement .cnt02 .col .txt-box ul {margin:0 -5px;}
	.advertisement .cnt02 .col .txt-box ul li {margin:0; padding:0 5px;}
	.advertisement .cnt02 .col .video-box {height:200px;}
	
	.advertisement .cnt03 .txt-box h3 strong {display:block;}
	
	.advertisement .cnt04 .txt-box h3 strong {display:block;}
	
	.advertisement .cnt06 .btn {margin:30px auto 0;}
}

/*---------------------- ad ----------------------*/
/* ---------------------- ad2 ---------------------- */

@media (max-width: 1400px){
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box p > br {display: none;}
}

@media (max-width: 1200px){
	.advertisement2 .cnt03 .txt-box2 p > br {display: none;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box b {font-size: 28px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box p {font-size: 18px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul:before {display: none;}
	.advertisement2 .cnt09 ul li dl.txt dd > br {display: none;}
}

@media (max-width: 1024px){
	.advertisement2 .cnt01 .tit h2 {letter-spacing: -2px;}
	.advertisement2 .cnt02.ad2-cnt02 {margin-top:0; padding-top:100px; padding-bottom:20px; background:url('../img/ad/ad2-cnt02-bg.jpg');}	
	.advertisement2 .cnt02.ad2-cnt02 .col .txt-box span {font-size: 24px; line-height: 32px; margin-bottom: 18px;}
	.advertisement2 .cnt02.ad2-cnt02 .col .txt-box h3 {font-size: 32px; margin-bottom: 20px; padding-bottom: 20px;}
	.advertisement2 .cnt03-2 .txt-box h3 {font-size: 32px;}
	.advertisement2 .ad2-cnt04 .bg-gray {padding-top: 100px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul {width: calc(100% + 60px); margin: 0 -30px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li {padding: 0 30px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box {padding-top: 25px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box b {font-size: 24px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box p {font-size: 16px; padding-top: 15px;}
	.advertisement2 .cnt02.ad2-cnt06 {padding: 100px 0;}
	.advertisement2 .cnt02.ad2-cnt06 .col {flex-wrap: wrap;}
	.advertisement2 .cnt02.ad2-cnt06 .col > div {width: 100%;}
	.advertisement2 .cnt02.ad2-cnt06 .col:nth-child(odd) .txt-box {padding-right: 0; width: 100%;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box span {font-size: 24px; line-height: 32px; margin-bottom: 18px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box h3 {font-size: 32px; margin-bottom: 20px; padding-bottom: 20px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box p {font-size: 16px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box p > br {display: none;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box ul {margin-top: 20px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .video-box iframe {height: 100%;}
	.advertisement2 .cnt09 {padding: 100px 0;}
	.advertisement2 .cnt09 .txt-box {margin-bottom: 20px;}
	.advertisement2 .cnt09 .txt-box h3 {font-size: 32px; margin-bottom: 20px;}
	.advertisement2 .cnt09 .txt-box p {font-size: 24px; line-height: 32px; margin-bottom: 18px;}
	.advertisement2 .cnt09 ul li dl dt {font-size: 32px; line-height: 35px;}
	.advertisement2 .cnt09 ul li dl dd {font-size: 28px; line-height: 35px;}
	.advertisement2 .cnt09 ul li dl.txt dt {font-size: 24px; line-height: 30px;}
	.advertisement2 .cnt09 ul li dl.txt dd {font-size: 20px; line-height: 30px;}
}

@media (max-width: 800px) {
	.advertisement2 .cnt03 .contain {flex-wrap: wrap;}
	.advertisement2 .cnt03 .contain .img-box {max-width: 100%; height: 300px;}
	.advertisement2 .cnt03 .contain .img-box img {left: 50%; transform: translateX(-50%); width: 70%;}
	.advertisement2 .cnt03 .contain .txt-box2 {max-width: 100%; margin-top: 40px;}
	.advertisement2 .cnt03 .txt-box2 p {padding-top: 20px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul {width: calc(100% + 40px); margin: 0 -20px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li {padding: 0 20px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .img-box {margin-bottom: 40px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box b {font-size: 20px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box p {font-size: 14px; padding-top: 10px; line-height: 26px;}
	.advertisement2 .ad2-cnt04 .bg-green {height: 300px;}
	.advertisement2 .ad2-cnt04 .bg-gray .img-certi {margin-top: 80px;}
}

@media (max-width: 640px){
	.advertisement2 .cnt02.ad2-cnt02 {padding: 60px 0 40px;}
	.advertisement2 .cnt02.ad2-cnt02 .col .txt-box span {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	.advertisement2 .cnt02.ad2-cnt02 .col .txt-box h3 {font-size: 28px; margin-bottom: 10px; padding-bottom: 10px;}
	.advertisement2 .cnt02.ad2-cnt02 .col .img-box {margin-top: 30px;}
	.advertisement2 .cnt03-2 .txt-box h3 {font-size: 28px;}
	.advertisement2 .ad2-cnt04 {padding-bottom: 80px;}
	.advertisement2 .ad2-cnt04 .bg-gray {padding-top: 60px;}
	.advertisement2 .ad2-cnt04 .bg-green {height: 200px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul {flex-wrap: wrap;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li {width: 100%;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li ~ li {margin-top: 40px;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .txt-box:before {display: none;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .img-box {margin-bottom: 0;}
	.advertisement2 .ad2-cnt04 .bg-gray ul li .img-box img {width: 40%;}
	.advertisement2 .ad2-cnt04 .bg-gray .img-certi {margin-top: 60px;}
	.advertisement2 .cnt02.ad2-cnt06 {padding: 60px 0 80px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box span {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box h3 {font-size: 28px; margin-bottom: 10px; padding-bottom: 10px;}
	.advertisement2 .cnt02.ad2-cnt06 .col .txt-box p {font-size: 14px;}
	.advertisement2 .cnt09 {padding: 60px 0 80px;}
	.advertisement2 .cnt09 .txt-box h3 {font-size: 28px; margin-bottom: 10px;}
	.advertisement2 .cnt09 .txt-box p {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	.advertisement2 .cnt09 ul li {padding: 15px 0;}
	.advertisement2 .cnt09 ul li dl dt {font-size: 28px; line-height: 32px; max-width: 45px;}
	.advertisement2 .cnt09 ul li dl dd {font-size: 24px; line-height: 32px;}
	.advertisement2 .cnt09 ul li dl.txt {padding-top: 10px; }
	.advertisement2 .cnt09 ul li dl.txt dt {font-size: 20px; line-height: 26px; max-width: 40px;}
	.advertisement2 .cnt09 ul li dl.txt dd {font-size: 16px; line-height: 26px;}
}

@media (max-width: 480px) {
	.advertisement2 .cnt01 .tt01 h3 span {width: 200px;}
	.advertisement2 .cnt02.ad2-cnt02 .col .txt-box h3 {font-size: 24px;}
	.advertisement2 .cnt03 .contain .img-box {height: 200px;}
	.advertisement2 .cnt03 .contain .img-box img {width: 90%;}
	.advertisement2 .cnt03-2 .txt-box h3 {font-size: 24px;}
	.advertisement2 .cnt09 ul li dl dt {font-size: 24px; line-height: 28px; max-width: 30px;}
	.advertisement2 .cnt09 ul li dl dd {font-size: 20px; line-height: 28px;}
	.advertisement2 .cnt09 ul li dl.txt dt {line-height: 22px; max-width: 25px;}
	.advertisement2 .cnt09 ul li dl.txt dt:after {width: 55%;}
	.advertisement2 .cnt09 ul li dl.txt dd {font-size: 14px; line-height: 22px;}
}

/* ---------------------- ad3 ---------------------- */
@media (max-width: 1620px) {
	#sub_layout.sub_ad  {padding:0;}
	
	.advertisement3 .logo {top:30px;}

	.advertisement3 .cnt01 .txt-box {padding-top:200px;}
	.advertisement3 .cnt01 .img-box img {width:600px;}

	.advertisement3 .cnt08 .col .row a span {width:200px; line-height:54px; font-size:16px;}
}
@media (max-width: 1300px) {
	.advertisement3 .cnt07 .col .img-box ul {margin-right: 0;}
}

@media (max-width: 1024px) {
	.advertisement3 .logo {top:20px;}

	.advertisement3 .cnt01 {height: 600px;}
	.advertisement3 .cnt01 .txt-box {padding-top: 150px;}
	.advertisement3 .cnt01 .img-box {right:-5px;}
	.advertisement3 .cnt01 .img-box img {width:300px;}
	.advertisement3 .cnt01 .tit {margin-bottom:12px;}
	.advertisement3 .cnt01 .tit h2 {font-size:50px;}
	.advertisement3 .cnt01 .tt01 {margin-bottom:16px;}
	.advertisement3 .cnt01 .tt01 h3 {font-size:28px; margin-bottom:12px;}
	.advertisement3 .cnt01 .tt01 h3 span {margin-right:15px; line-height:32px; font-size:24px;}
	.advertisement3 .cnt01 .tt01 p {font-size:18px;}
	.advertisement3 .cnt01 .tt02 p {font-size:16px;}
	.advertisement3 .cnt01 .tt02 p strong {font-size:18px;}

	.advertisement3 .cnt02 {padding: 100px 0;}
	.advertisement3 .cnt02  .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt02  .col .txt-box h3 {font-size:32px; margin-bottom:20px; padding-bottom:20px;}
	.advertisement3 .cnt02  .col .txt-box h3:after {width:32px; height:2px;}	
	.advertisement3 .cnt02 .col .img-box {margin: 20px auto 40px;}
	.advertisement3 .cnt02 .col ul:before {position: absolute; top: -10px; left: 50%; content: ''; width: 1px; height: 162px; background: #fff; opacity: 0.3;}
	.advertisement3 .cnt02 .col ul li b {font-size: 20px; margin-bottom: 12px;}
	.advertisement3 .cnt02 .col ul li p {font-size: 16px; padding: 0 30px;}

	.advertisement3 .cnt03 {padding: 90px 0 110px;}
	.advertisement3 .cnt03 .col .txt-box h3 {font-size:32px; padding-bottom:20px; margin-bottom: 20px;}
	.advertisement3 .cnt03 .col .txt-box h3:after {width:32px; height:2px;}
	.advertisement3 .cnt03 .col .txt-box p {font-size: 16px;}
	.advertisement3 .cnt03 .col .img-box {margin: 40px auto 0;}
	.advertisement3 .cnt03 .col ul li {padding: 0 15px;}
	.advertisement3 .cnt03 .col ul li figcaption {bottom: 5px; font-size: 18px;}

	.advertisement3 .cnt04 {padding: 90px 0 110px;}
	.advertisement3 .cnt04 .col .txt-box > span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt04 .col .txt-box h3 {font-size:32px;}
	.advertisement3 .cnt04 .col ul {display: flex; flex-wrap: wrap; margin: 35px -15px -30px;}
	.advertisement3 .cnt04 .col ul li {position: relative; width: 50%; padding: 30px 15px;}
	.advertisement3 .cnt04 .col ul li .img-box {position: relative; margin-bottom: 40px;}
	.advertisement3 .cnt04 .col ul li figcaption {bottom: -9px; right: 20px; font-size: 120px;}
	.advertisement3 .cnt04 .col ul li .text b {font-size: 28px; margin-bottom: 10px;}
	.advertisement3 .cnt04 .col ul li .text p {font-size: 16px;}

	.advertisement3 .cnt05 {padding: 100px 0;}
	.advertisement3 .cnt05  .col {display:block;}
	.advertisement3 .cnt05  .col .txt-box {width:100%;}
	.advertisement3 .cnt05  .col .video-box {width:100%; max-width:1000px; height:400px;}
	.advertisement3 .cnt05  .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt05  .col .txt-box h3 {font-size:32px; margin-bottom:20px; padding-bottom:20px;}
	.advertisement3 .cnt05  .col .txt-box h3:after {width:32px; height:2px;}
	.advertisement3 .cnt05  .col .txt-box p {font-size:16px; padding-right: 0;}	
	.advertisement3 .cnt05  .col .video-box {margin-top: 40px;}
	.advertisement3 .cnt05  .col .video-box iframe {height:100%;}

	.advertisement3 .cnt06 {padding:100px 0;}
	.advertisement3 .cnt06 .txt-box {padding:0 30px;}
	.advertisement3 .cnt06 .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt06 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement3 .cnt06 .txt-box p {font-size:16px;}

	.advertisement3 .cnt07 {padding: 100px 0;}
	.advertisement3 .cnt07 .col {display:block;}
	.advertisement3 .cnt07 .col > div {width:100%;}
	.advertisement3 .cnt07 .col .txt-box {margin-bottom: 40px;}
	.advertisement3 .cnt07 .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt07 .col .txt-box h3 {font-size:32px; margin-bottom:20px; padding-bottom:20px;}
	.advertisement3 .cnt07 .col .txt-box h3:after {width:32px; height:2px;}
	.advertisement3 .cnt07 .col .txt-box p {font-size:16px; padding-right: 0;}
	.advertisement3 .cnt07 .col .img-box ul {display:flex;}
	.advertisement3 .cnt07 .col .img-box ul li {margin-left: 20px;}
	.advertisement3 .cnt07 .col .img-box ul li:nth-child(1) {margin-left: 0;}

	.advertisement3 .cnt08 {padding:90px 0 110px;}
	.advertisement3 .cnt08 .txt-box {margin-bottom:30px;}
	.advertisement3 .cnt08 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt08 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement3 .cnt08 .wrap {display: block; margin: 0;}
	.advertisement3 .cnt08 .col {width: 100%; padding: 0; display:flex; justify-content: center; margin:0; margin-bottom: 30px;}
	.advertisement3 .cnt08 .col .row {max-width: 320px; padding:0;}
	.advertisement3 .cnt08 .col .row:nth-child(1) {margin-right: 20px;}
	.advertisement3 .cnt08 .col .row:after {width:50px; height:50px; margin-top:-25px; right:-35px;}
	.advertisement3 .cnt08 .col .row a {border:5px solid rgba(255,255,255,0.2);}
	.advertisement3 .cnt08 .col .row a span {width:auto; line-height:50px; font-size:18px; padding:0 20px; white-space:nowrap;}

	.advertisement3 .cnt09 {padding:90px 0 110px;}
	.advertisement3 .cnt09 .txt-box {margin-bottom:40px;}
	.advertisement3 .cnt09 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt09 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement3 .cnt09 ul {display: flex; margin: 0 -10px;}
	.advertisement3 .cnt09 ul li {width: 33.333%; padding: 0 10px;}
	.advertisement3 .cnt09 ul li .text-wrap {padding: 20px 20px 20px 30px;}
	.advertisement3 .cnt09 ul li .text-top b {font-size: 20px; margin-bottom: 10px;}
	.advertisement3 .cnt09 ul li .text-top p {font-size: 16px;}
	.advertisement3 .cnt09 ul li .text-bottom {margin-top: 25px;}
	.advertisement3 .cnt09 ul li .text-bottom p {font-size: 16px;}
	.advertisement3 .cnt09 ul li .text-bottom a {font-size: 16px;}

	.advertisement3 .cnt10 {padding: 100px 0;}
	.advertisement3 .cnt10 .txt-box {margin-bottom: 20px;}
	.advertisement3 .cnt10 .txt-box h3 {font-size: 32px; margin-bottom: 20px;}
	.advertisement3 .cnt10 .txt-box p {font-size: 24px; line-height: 32px; margin-bottom: 18px;}
	.advertisement3 .cnt10 ul li dl dt {font-size: 32px; line-height: 35px;}
	.advertisement3 .cnt10 ul li dl dd {font-size: 28px; line-height: 35px;}
	.advertisement3 .cnt10 ul li dl.txt dt {font-size: 24px; line-height: 30px;}
	.advertisement3 .cnt10 ul li dl.txt dd {font-size: 20px; line-height: 30px;}
	.advertisement3 .cnt10 ul li dl.txt dd > br {display: none;}

	.advertisement3 .cnt11 {padding:100px 0 120px;}
	.advertisement3 .cnt11 .txt-box {margin-bottom:30px;}
	.advertisement3 .cnt11 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement3 .cnt11 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement3 .cnt11 .col {margin:0 -10px 20px;}
	.advertisement3 .cnt11 .col .row {padding:0 10px;}
	.advertisement3 .cnt11 label {font-size:18px;}
	.advertisement3 .cnt11 .input {height:50px; font-size:16px;}
	.advertisement3 .cnt11 .input:placeholder {font-size:16px;}
	.advertisement3 .cnt11 .btn {width:200px; line-height:50px; margin:60px auto 0; height:50px; font-size:18px;}

	.advertisement3 .foot {padding:60px 0;}
	.advertisement3 .foot p {font-size:14px;}
	.advertisement3 .foot p span {margin:0 5px;}
	.advertisement3 .foot p br {display:none;}
}

@media (max-width: 800px) {
	/* ad3 */
	.advertisement3 .cnt01 {height: 680px;}

	.advertisement3 .cnt09 ul {display: block; margin: -10px;}
	.advertisement3 .cnt09 ul li {width: 100%; padding: 10px;}
	.advertisement3 .cnt09 ul li .inner {max-width: 440px; width: 100%; margin: 0 auto;}
	.advertisement3 .cnt09 ul li .text-top {min-height: auto;}
}

@media (max-width: 640px) {
	.advertisement3 .logo {top:20px;}
	.advertisement3 .logo img {width:140px;}

	.advertisement3 .cnt01 {height: 600px;}
	.advertisement3 .cnt01 .txt-box {padding-top: 120px;}
	.advertisement3 .cnt01 .img-box img {width:240px;}
	.advertisement3 .cnt01 .tit {margin-bottom:10px;}
	.advertisement3 .cnt01 .tit h2 {font-size:36px;}
	.advertisement3 .cnt01 .tt01 {margin-bottom:10px;}
	.advertisement3 .cnt01 .tt01 h3 {font-size:24px; margin-bottom:10px;}
	.advertisement3 .cnt01 .tt01 h3 span {margin-right:10px; line-height:28px; font-size:20px;}
	.advertisement3 .cnt01 .tt01 p {font-size:16px;}
	.advertisement3 .cnt01 .tt02 p {font-size:14px; width:100%;}
	.advertisement3 .cnt01 .tt02 p strong {font-size:16px;}

	.advertisement3 .cnt02 {padding: 70px 0;}
	.advertisement3 .cnt02  .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt02  .col .txt-box h3 {font-size:28px; margin-bottom:10px; padding-bottom:10px;}
	.advertisement3 .cnt02  .col .txt-box h3:after {width:24px;}
	.advertisement3 .cnt02 .col .img-box {margin: 10px auto 20px;}
	.advertisement3 .cnt02 .col ul {display: block;}
	.advertisement3 .cnt02 .col ul:before {display: none;}
	.advertisement3 .cnt02 .col ul li {width: 100%; margin-bottom: 20px;}
	.advertisement3 .cnt02 .col ul li:last-child {margin-bottom: 0;}
	.advertisement3 .cnt02 .col ul li b {font-size: 18px; margin-bottom: 10px;}
	.advertisement3 .cnt02 .col ul li p {font-size: 14px; padding: 0 10px;}

	.advertisement3 .cnt03 {padding: 70px 0 80px;}
	.advertisement3 .cnt03 .col .txt-box h3 {font-size:28px; padding-bottom:10px; margin-bottom: 10px;}
	.advertisement3 .cnt03 .col .txt-box h3:after {width:24px;}
	.advertisement3 .cnt03 .col .txt-box p {font-size: 14px;}
	.advertisement3 .cnt03 .col .txt-box p br {display: none;}
	.advertisement3 .cnt03 .col .img-box {margin: 30px auto 0;}
	.advertisement3 .cnt03 .col ul li {padding: 0 10px;}
	.advertisement3 .cnt03 .col ul li figcaption {bottom: 0; font-size: 16px;}

	.advertisement3 .cnt04 {padding: 70px 0 80px;}
	.advertisement3 .cnt04 .col .txt-box > span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt04 .col .txt-box h3 {font-size:28px;}
	.advertisement3 .cnt04 .col ul {display: block; margin: 20px 0 -20px;}
	.advertisement3 .cnt04 .col ul li {width: 100%; padding: 20px 0;}
	.advertisement3 .cnt04 .col ul li .img-box {margin-bottom: 30px;}
	.advertisement3 .cnt04 .col ul li figcaption {bottom: -12px; right: 10px; font-size: 100px;}
	.advertisement3 .cnt04 .col ul li .text b {font-size: 22px; margin-bottom: 10px;}
	.advertisement3 .cnt04 .col ul li .text p {font-size: 14px;}

	.advertisement3 .cnt05 {padding: 80px 0;}
	.advertisement3 .cnt05  .col .video-box {margin-top: 30px; height:300px;}
	.advertisement3 .cnt05  .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt05  .col .txt-box h3 {font-size:28px; margin-bottom:10px; padding-bottom:10px;}
	.advertisement3 .cnt05  .col .txt-box h3:after {width:24px;}
	.advertisement3 .cnt05  .col .txt-box p {font-size:14px;}

	.advertisement3 .cnt06 {padding:70px 0;}
	.advertisement3 .cnt06 .txt-box {padding:0 30px;}
	.advertisement3 .cnt06 .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt06 .txt-box h3 {font-size:28px; margin-bottom:12px;}
	.advertisement3 .cnt06 .txt-box p {font-size:14px;}
	.advertisement3 .cnt06 .txt-box:before,
	.advertisement3 .cnt06 .txt-box:after {display:none;}

	.advertisement3 .cnt07 {padding: 80px 0;}
	.advertisement3 .cnt07 .col .txt-box {margin-bottom: 30px;}
	.advertisement3 .cnt07 .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt07 .col .txt-box h3 {font-size:28px; margin-bottom:10px; padding-bottom:10px;}
	.advertisement3 .cnt07 .col .txt-box h3:after {width:24px;}
	.advertisement3 .cnt07 .col .txt-box p {font-size:14px;}
	.advertisement3 .cnt07 .col .img-box ul li {margin-left: 10px;}

	.advertisement3 .cnt08 {padding:60px 0 80px;}
	.advertisement3 .cnt08 .txt-box {margin-bottom:20px;}
	.advertisement3 .cnt08 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt08 .txt-box h3 {font-size:28px; margin-bottom:12px;}
	.advertisement3 .cnt08 .wrap {display: block; margin: 0;}
	.advertisement3 .cnt08 .col {width: 100%; padding: 0; display:flex; justify-content: center; margin:0; margin-bottom: 30px;}
	.advertisement3 .cnt08 .col .row {max-width: 320px; padding:0;}
	.advertisement3 .cnt08 .col .row:nth-child(1) {margin-right: 20px;}
	.advertisement3 .cnt08 .col .row:after {width:40px; height:40px; right: -30px;}
	.advertisement3 .cnt08 .col .row a {border-width:3px;}
	.advertisement3 .cnt08 .col .row a span {line-height:40px; font-size:16px; padding:0 10px;}

	.advertisement3 .cnt09 {padding:60px 0 80px;}
	.advertisement3 .cnt09 .txt-box {margin-bottom:40px;}
	.advertisement3 .cnt09 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt09 .txt-box h3 {font-size:28px; margin-bottom:12px;}
	.advertisement3 .cnt09 ul li .text-wrap {padding: 20px 15px 20px 20px;}
	.advertisement3 .cnt09 ul li .text-top b {font-size: 18px; margin-bottom: 10px;}
	.advertisement3 .cnt09 ul li .text-top p {font-size: 14px;}
	.advertisement3 .cnt09 ul li .text-bottom {margin-top: 20px;}
	.advertisement3 .cnt09 ul li .text-bottom p {font-size: 14px;}
	.advertisement3 .cnt09 ul li .text-bottom a {font-size: 14px;}
	
	.advertisement3 .cnt10 {padding: 60px 0 80px;}
	.advertisement3 .cnt10 .txt-box h3 {font-size: 28px; margin-bottom: 10px;}
	.advertisement3 .cnt10 .txt-box p {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	.advertisement3 .cnt10 ul li {padding: 15px 0;}
	.advertisement3 .cnt10 ul li dl dt {font-size: 28px; line-height: 32px; max-width: 45px;}
	.advertisement3 .cnt10 ul li dl dd {font-size: 24px; line-height: 32px;}
	.advertisement3 .cnt10 ul li dl.txt {padding-top: 10px; }
	.advertisement3 .cnt10 ul li dl.txt dt {font-size: 20px; line-height: 26px; max-width: 40px;}
	.advertisement3 .cnt10 ul li dl.txt dd {font-size: 16px; line-height: 26px;}

	.advertisement3 .cnt11 {padding:60px 0 80px;}
	.advertisement3 .cnt11 .txt-box {margin-bottom:20px;}
	.advertisement3 .cnt11 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement3 .cnt11 .txt-box h3 {font-size:28px; margin-bottom:12px;}	
	.advertisement3 .cnt11 .col {margin:0; display:block;}
	.advertisement3 .cnt11 .col .row {padding:0; margin-bottom:10px; width:100%;}
	.advertisement3 .cnt11 label {font-size:16px;}
	.advertisement3 .cnt11 .input {height:44px; font-size:14px;}
	.advertisement3 .cnt11 .input:placeholder {font-size:14px;}
	.advertisement3 .cnt11 .btn {width:160px; line-height:40px; margin:40px auto 0; height:44px; font-size:16px;}

	.advertisement3 .foot {padding:40px 0;}
	.advertisement3 .foot p {font-size:13px; line-height:1.8em;}
	.advertisement3 .foot p span {margin:0; display:none;}
	.advertisement3 .foot p br {display:block;}
}

@media (max-width: 500px) {
	.advertisement3 .cnt02 .mob-only {display: block;}
	.advertisement3 .cnt03 .mob-only {display: block;}

	.advertisement3 .cnt05 .col .video-box {margin-top: 30px; height: 260px;}

	.advertisement3 .cnt08 .col {display:block;}
	.advertisement3 .cnt08 .col .row {max-width: 310px; width: 100%; margin: 0 auto;}
	.advertisement3 .cnt08 .col .row:nth-child(1) {margin-right: auto; margin-bottom: 10px;}
	.advertisement3 .cnt08 .col .row:after {width: 40px; height: 40px; top: auto; bottom: -30px; margin-top: 0; right: 50%; margin-right: -20px;}
	.advertisement3 .cnt08 .mob-only {display: block;}
}

@media (max-width: 400px) {
	/* ad3 */
	.advertisement3 .cnt03 .col ul {display: block;}
	.advertisement3 .cnt03 .col ul li {width: 100%; padding: 0; margin-bottom: 20px;}
	.advertisement3 .cnt03 .col ul li img {width: 200px;}
	.advertisement3 .cnt03 .col ul li figcaption {bottom: 0; font-size: 16px;}

	.advertisement3 .cnt05 .col .video-box {height: 200px;}

	.advertisement3 .cnt06 .btn {margin:30px auto 0;}
}

/* ---------------------- ad4 ---------------------- */
@media (max-width: 1620px) {
	#sub_layout.sub_ad  {padding:0;}
	
	.advertisement4 .logo {top:70px;}
	
	.advertisement4 .cnt01 {padding: 20px;}
	.advertisement4 .cnt01 .txt-box {padding-top:200px;}
	.advertisement4 .cnt01 .img-box img {width:600px;}

	.advertisement4 .cnt08 .col .row a span {width:200px; line-height:54px; font-size:16px;}
}
@media (max-width: 1500px) {
	.advertisement4 .logo {left: 30px; transform: none;}

	.advertisement4 .cnt07 .col ul li .text-box {padding: 280px 30px 0 40px;}
}
@media (max-width: 1300px) {
	.advertisement4 .cnt01 .tit h2 {font-size:40px;}
	.advertisement4 .cnt01 .tit h2 span {font-size: 60px;}

	.advertisement4 .cnt04 .col ul li .text p {padding: 0 20px;}

	.advertisement4 .cnt06 ul li .inner {padding: 30px 20px;}

	.advertisement4 .cnt07 .col ul li .text-box {padding: 250px 20px 0 30px;}
}

@media (max-width: 1024px) {
	.advertisement4 .logo {top:40px; left: 20px;}

	.advertisement4 .cnt01 {height: 600px; padding: 15px;}
	.advertisement4 .cnt01 .txt-box {padding-top: 130px;}
	.advertisement4 .cnt01 .img-box {right:-5px;}
	.advertisement4 .cnt01 .img-box img {width:300px;}
	.advertisement4 .cnt01 .tit {margin-bottom:15px;}
	.advertisement4 .cnt01 .tit h2 {font-size:30px;}
	.advertisement4 .cnt01 .tit h2 span {font-size:50px;}
	.advertisement4 .cnt01 .tt01 {margin-bottom:16px;}
	.advertisement4 .cnt01 .tt01 h3 {font-size:28px; margin-bottom:12px;}
	.advertisement4 .cnt01 .tt01 h3 span {margin-right:15px; line-height:32px; font-size:24px;}
	.advertisement4 .cnt01 .tt01 p {font-size:18px;}
	.advertisement4 .cnt01 .tt02 p {font-size:16px;}

	.advertisement4 .cnt02 {padding: 100px 0;}
	.advertisement4 .cnt02 .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt02 .col .txt-box h3 {font-size:32px; margin-bottom:20px; padding-bottom:20px;}
	.advertisement4 .cnt02 .col .txt-box h3:after {width:32px; height:2px;}	
	.advertisement4 .cnt02 .col .txt-box p {font-size:16px;}
	.advertisement4 .cnt02 .col .img-box {margin-top: 40px;}

	.advertisement4 .cnt03 {padding: 90px 0 110px;}
	.advertisement4 .cnt03 .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt03 .col .txt-box h3 {font-size:32px; margin-bottom: 20px;}
	.advertisement4 .cnt03 .col .txt-box p {font-size: 16px;}
	.advertisement4 .cnt03 .col ul {margin: 40px -15px 0;}
	.advertisement4 .cnt03 .col ul li {padding: 0 15px;}
	.advertisement4 .cnt03 .col ul li:after {background-size: 16px auto;}
	.advertisement4 .cnt03 .col ul li .inner {border: 15px solid #fff;}
	.advertisement4 .cnt03 .col ul li .num {top: -25px; width: 50px; height: 50px; font-size: 15px; border: 5px solid #fff;}
	.advertisement4 .cnt03 .col ul li .text-box p {font-size: 16px; padding: 30px 20px 10px;}

	.advertisement4 .cnt04 {padding: 90px 0 110px;}
	.advertisement4 .cnt04 .col .txt-box > span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt04 .col .txt-box h3 {font-size:32px;}
	.advertisement4 .cnt04 .col ul {display: flex; margin: 30px -15px 0;}
	.advertisement4 .cnt04 .col ul li { padding: 0 15px;}
	.advertisement4 .cnt04 .col ul li .img-box {margin-bottom: 30px;}
	.advertisement4 .cnt04 .col ul li figcaption {font-size: 110px;}
	.advertisement4 .cnt04 .col ul li .text b {font-size: 28px; margin-bottom: 10px;}
	.advertisement4 .cnt04 .col ul li .text p {font-size: 16px; padding: 0 5px;}

	.advertisement4 .cnt05 {padding: 100px 0;}
	.advertisement4 .cnt05 .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt05 .col .txt-box h3 {font-size:32px; margin-bottom:30px; padding-bottom:0;}
	.advertisement4 .cnt05 .wrap {margin: 0 -15px;}
	.advertisement4 .cnt05 ul {padding: 0 15px;}
	.advertisement4 .cnt05 ul.subject {max-width: 200px;}
	.advertisement4 .cnt05 ul li {width: calc(100% - 40px); font-size: 18px;}
	.advertisement4 .cnt05 ul li:nth-child(1) {width: 100%; height: 50px;}
	.advertisement4 .cnt05 .subject li:nth-child(1) {width: calc(100% - 40px);}
	.advertisement4 .cnt05 ul li:nth-child(2) {height: 60px;}
	.advertisement4 .cnt05 ul li:nth-child(3) {height: 60px;}
	.advertisement4 .cnt05 ul li:nth-child(4) {height: 160px;}
	.advertisement4 .cnt05 ul li:nth-child(5) {height: 160px;}
	.advertisement4 .cnt05 .item .name {font-size: 20px;}

	.advertisement4 .cnt06 {padding:100px 0;}
	.advertisement4 .cnt06 .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt06 .txt-box h3 {font-size:32px; margin-bottom:30px; padding-bottom: 0;}
	.advertisement4 .cnt06 ul {margin: -10px;}
	.advertisement4 .cnt06 ul li {width: 33.333%; padding: 10px;}
	.advertisement4 .cnt06 ul li .inner {display: flex; padding: 25px 20px;}
	.advertisement4 .cnt06 ul li .icon {max-width: 80px; width: 100%;}
	.advertisement4 .cnt06 ul li p {padding-left: 15px; font-size: 16px;}

	.advertisement4 .cnt07 {padding: 100px 0;}
	.advertisement4 .cnt07 .col .txt-box span {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt07 .col .txt-box h3 {font-size:32px; margin-bottom:30px; padding-bottom:0;}
	.advertisement4 .cnt07 .col ul {margin: 0 -10px;}
	.advertisement4 .cnt07 .col ul li {width: 33.333%; padding: 0 10px;}
	.advertisement4 .cnt07 .col ul li .text-box {padding: 290px 10px 0 20px;}
	.advertisement4 .cnt07 .col ul li .text-box .num {top: 20px; right: 20px; font-size: 60px;}
	.advertisement4 .cnt07 .col ul li .text-box b {font-size: 24px; margin-bottom: 10px;}
	.advertisement4 .cnt07 .col ul li .text-box p {font-size: 15px;}

	.advertisement4 .cnt08 {padding:90px 0 110px;}
	.advertisement4 .cnt08 .txt-box {margin-bottom:30px;}
	.advertisement4 .cnt08 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt08 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement4 .cnt08 .wrap {display: block; margin: 0;}
	.advertisement4 .cnt08 .col {width: 100%; padding: 0; display:flex; justify-content: center; margin:0; margin-bottom: 30px;}
	.advertisement4 .cnt08 .col .row {max-width: 320px; padding:0;}
	.advertisement4 .cnt08 .col .row:nth-child(1) {margin-right: 20px;}
	.advertisement4 .cnt08 .col .row:after {width:50px; height:50px; margin-top:-25px; right:-35px;}
	.advertisement4 .cnt08 .col .row a {border:5px solid rgba(255,255,255,0.2);}
	.advertisement4 .cnt08 .col .row a span {width:auto; line-height:50px; font-size:18px; padding:0 20px; white-space:nowrap;}

	.advertisement4 .cnt09 {padding:90px 0 110px;}
	.advertisement4 .cnt09 .txt-box {margin-bottom:40px;}
	.advertisement4 .cnt09 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt09 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement4 .cnt09 ul {display: flex; margin: 0 -10px;}
	.advertisement4 .cnt09 ul li {width: 33.333%; padding: 0 10px;}
	.advertisement4 .cnt09 ul li .text-wrap {padding: 20px 20px 20px 30px;}
	.advertisement4 .cnt09 ul li .text-top b {font-size: 20px; margin-bottom: 10px;}
	.advertisement4 .cnt09 ul li .text-top p {font-size: 16px;}
	.advertisement4 .cnt09 ul li .text-bottom {margin-top: 25px;}
	.advertisement4 .cnt09 ul li .text-bottom p {font-size: 16px;}
	.advertisement4 .cnt09 ul li .text-bottom a {font-size: 16px;}

	.advertisement4 .cnt10 {padding: 100px 0;}
	.advertisement4 .cnt10 .txt-box {margin-bottom: 20px;}
	.advertisement4 .cnt10 .txt-box h3 {font-size: 32px; margin-bottom: 30px;}
	.advertisement4 .cnt10 .txt-box p {font-size: 24px; margin-bottom: 18px;}
	.advertisement4 .cnt10 ul li {margin-bottom: 20px;}
	.advertisement4 .cnt10 ul li dl {padding: 12px 30px;}
	.advertisement4 .cnt10 ul li dl dt {font-size: 24px;}
	.advertisement4 .cnt10 ul li dl dd {font-size: 24px;}
	.advertisement4 .cnt10 ul li dl.txt {padding: 30px 30px; margin-top: -10px;}
	.advertisement4 .cnt10 ul li dl.txt dt {font-size: 24px;}
	.advertisement4 .cnt10 ul li dl.txt dt:after {width: 18px;}
	.advertisement4 .cnt10 ul li dl.txt dd {font-size: 18px;}

	.advertisement4 .cnt11 {padding:100px 0 120px;}
	.advertisement4 .cnt11 .txt-box {margin-bottom:30px;}
	.advertisement4 .cnt11 .txt-box p {font-size:24px; line-height:32px; margin-bottom:18px;}
	.advertisement4 .cnt11 .txt-box h3 {font-size:32px; margin-bottom:20px;}
	.advertisement4 .cnt11 .col {margin:0 -10px 20px;}
	.advertisement4 .cnt11 .col .row {padding:0 10px;}
	.advertisement4 .cnt11 label {font-size:18px;}
	.advertisement4 .cnt11 .input {height:50px; font-size:16px;}
	.advertisement4 .cnt11 .input:placeholder {font-size:16px;}
	.advertisement4 .cnt11 .btn {width:200px; line-height:50px; margin:60px auto 0; height:50px; font-size:18px;}

	.advertisement4 .foot {padding:60px 0;}
	.advertisement4 .foot p {font-size:14px;}
	.advertisement4 .foot p span {margin:0 5px;}
	.advertisement4 .foot p br {display:none;}
}

@media (max-width: 800px) {
	.advertisement4 .cnt01 {height: 680px;}

	.advertisement4 .cnt06 ul li {width: 50%;}

	.advertisement4 .cnt07 .col ul {margin: 0 -5px;}
	.advertisement4 .cnt07 .col ul li {padding: 0 5px;}
	.advertisement4 .cnt07 .col ul li .text-box {padding: 250px 10px 0 20px;}

	.advertisement4 .cnt09 ul {display: block; margin: -10px;}
	.advertisement4 .cnt09 ul li {width: 100%; padding: 10px;}
	.advertisement4 .cnt09 ul li .inner {max-width: 440px; width: 100%; margin: 0 auto;}
	.advertisement4 .cnt09 ul li .text-top {min-height: auto;}
}

@media (max-width: 640px) {
	.advertisement4 .logo {top:35px;}
	.advertisement4 .logo img {width:140px;}

	.advertisement4 .cnt01 {height: 600px;}
	.advertisement4 .cnt01 .txt-box {padding-top: 90px;}
	.advertisement4 .cnt01 .img-box img {width:240px;}
	.advertisement4 .cnt01 .tit {margin-bottom:10px;}
	.advertisement4 .cnt01 .tit h2 {font-size:24px;}
	.advertisement4 .cnt01 .tit h2 span {font-size:34px;}
	.advertisement4 .cnt01 .tt01 {margin-bottom:10px;}
	.advertisement4 .cnt01 .tt01 h3 {font-size:24px; margin-bottom:10px;}
	.advertisement4 .cnt01 .tt01 h3 span {margin-right:10px; line-height:28px; font-size:20px;}
	.advertisement4 .cnt01 .tt01 p {font-size:16px;}
	.advertisement4 .cnt01 .tt02 p {font-size:14px; width:100%;}

	.advertisement4 .cnt02 {padding: 70px 0;}
	.advertisement4 .cnt02 .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt02 .col .txt-box h3 {font-size:28px; margin-bottom:10px; padding-bottom:10px;}
	.advertisement4 .cnt02 .col .txt-box h3:after {width:24px;}
	.advertisement4 .cnt02 .col .txt-box p {font-size:14px;}
	.advertisement4 .cnt02 .col .img-box {margin-top: 20px;}

	.advertisement4 .cnt03 {padding: 70px 0 80px;}
	.advertisement4 .cnt03 .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt03 .col .txt-box h3 {font-size:28px; margin-bottom: 10px;}
	.advertisement4 .cnt03 .col .txt-box p {font-size: 14px;}
	.advertisement4 .cnt03 .col ul {display: block; margin: 20px -10px -10px;}
	.advertisement4 .cnt03 .col ul li {max-width: 380px; width: 100%; padding: 10px; margin: 0 auto;}
	.advertisement4 .cnt03 .col ul li:after {display: none;}

	.advertisement4 .cnt04 {padding: 70px 0 80px;}
	.advertisement4 .cnt04 .col .txt-box > span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt04 .col .txt-box h3 {font-size:28px;}
	.advertisement4 .cnt04 .col ul {display: block; margin: 0 0 -20px;}
	.advertisement4 .cnt04 .col ul li {max-width: 420px; width: 100%; padding: 20px 0; margin: 0 auto;}
	.advertisement4 .cnt04 .col ul li .img-box {margin-bottom: 30px;}
	.advertisement4 .cnt04 .col ul li figcaption {bottom: -8px; font-size: 90px;}
	.advertisement4 .cnt04 .col ul li .text b {font-size: 22px; margin-bottom: 10px;}
	.advertisement4 .cnt04 .col ul li .text p {font-size: 14px;}

	.advertisement4 .cnt05 {padding: 80px 0;}
	.advertisement4 .cnt05  .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt05  .col .txt-box h3 {font-size:28px; margin-bottom:20px; padding-bottom:0;}
	.advertisement4 .cnt05 .wrap {margin: 0 -10px;}
	.advertisement4 .cnt05 ul {padding: 0 10px;}
	.advertisement4 .cnt05 ul.subject {max-width: 130px;}
	.advertisement4 .cnt05 ul li {width: calc(100% - 40px); font-size: 15px;}
	.advertisement4 .cnt05 ul li:nth-child(1) {width: 100%; height: 45px;}
	.advertisement4 .cnt05 .subject li:nth-child(1) {width: calc(100% - 40px);}
	.advertisement4 .cnt05 ul li:nth-child(2) {height: 50px;}
	.advertisement4 .cnt05 ul li:nth-child(3) {height: 50px;}
	.advertisement4 .cnt05 ul li:nth-child(4) {height: 140px;}
	.advertisement4 .cnt05 ul li:nth-child(5) {height: 140px;}
	.advertisement4 .cnt05 .item .name {font-size: 18px;}

	.advertisement4 .cnt06 {padding:70px 0;}
	.advertisement4 .cnt06 .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt06 .txt-box h3 {font-size:28px; margin-bottom:20px;}
	.advertisement4 .cnt06 ul {margin: -5px;}
	.advertisement4 .cnt06 ul li {width: 50%; padding: 5px;}
	.advertisement4 .cnt06 ul li .inner {display: flex; padding: 20px 15px;}
	.advertisement4 .cnt06 ul li .icon {max-width: 60px;}
	.advertisement4 .cnt06 ul li p {padding-left: 13px; font-size: 14px;}

	.advertisement4 .cnt07 {padding: 80px 0;}
	.advertisement4 .cnt07 .col .txt-box {margin-bottom: 30px;}
	.advertisement4 .cnt07 .col .txt-box span {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt07 .col .txt-box h3 {font-size:28px; margin-bottom:20px;}
	.advertisement4 .cnt07 .col ul {flex-wrap: wrap; margin: -5px;}
	.advertisement4 .cnt07 .col ul li {width: 100%; padding: 5px;}
	.advertisement4 .cnt07 .col ul li .inner {height: 400px; margin: 0 auto;}
	.advertisement4 .cnt07 .col ul li .text-box {padding: 230px 10px 0 20px;}
	.advertisement4 .cnt07 .col ul li .text-box .num {top: 20px; right: 20px; font-size: 60px;}
	.advertisement4 .cnt07 .col ul li .text-box b {font-size: 20px; margin-bottom: 10px;}
	.advertisement4 .cnt07 .col ul li .text-box p {font-size: 15px;}

	.advertisement4 .cnt08 {padding:60px 0 80px;}
	.advertisement4 .cnt08 .txt-box {margin-bottom:20px;}
	.advertisement4 .cnt08 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt08 .txt-box h3 {font-size:28px; margin-bottom:20px;}
	.advertisement4 .cnt08 .wrap {display: block; margin: 0;}
	.advertisement4 .cnt08 .col {width: 100%; padding: 0; display:flex; justify-content: center; margin:0; margin-bottom: 30px;}
	.advertisement4 .cnt08 .col .row {max-width: 320px; padding:0;}
	.advertisement4 .cnt08 .col .row:nth-child(1) {margin-right: 20px;}
	.advertisement4 .cnt08 .col .row:after {width:40px; height:40px; right: -30px;}
	.advertisement4 .cnt08 .col .row a {border-width:3px;}
	.advertisement4 .cnt08 .col .row a span {line-height:40px; font-size:16px; padding:0 10px;}

	.advertisement4 .cnt09 {padding:60px 0 80px;}
	.advertisement4 .cnt09 .txt-box {margin-bottom:20px;}
	.advertisement4 .cnt09 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt09 .txt-box h3 {font-size:28px; margin-bottom:0;}
	.advertisement4 .cnt09 ul li .text-wrap {padding: 20px 15px 20px 20px;}
	.advertisement4 .cnt09 ul li .text-top b {font-size: 18px; margin-bottom: 10px;}
	.advertisement4 .cnt09 ul li .text-top p {font-size: 14px;}
	.advertisement4 .cnt09 ul li .text-bottom {margin-top: 20px;}
	.advertisement4 .cnt09 ul li .text-bottom p {font-size: 14px;}
	.advertisement4 .cnt09 ul li .text-bottom a {font-size: 14px;}
	
	.advertisement4 .cnt10 {padding: 60px 0 80px;}
	.advertisement4 .cnt10 .txt-box h3 {font-size: 28px; margin-bottom: 10px;}
	.advertisement4 .cnt10 .txt-box p {font-size: 20px; margin-bottom: 10px;}
	.advertisement4 .cnt10 ul li {margin-bottom: 10px;}
	.advertisement4 .cnt10 ul li dl {padding: 12px 20px;}
	.advertisement4 .cnt10 ul li dl dt {font-size: 20px; max-width: 30px;}
	.advertisement4 .cnt10 ul li dl dd {font-size: 20px;}
	.advertisement4 .cnt10 ul li dl.txt {padding: 25px 20px; margin-top: -10px;}
	.advertisement4 .cnt10 ul li dl.txt dt {font-size: 20px; max-width: 30px;}
	.advertisement4 .cnt10 ul li dl.txt dt:after {width: 15px;}
	.advertisement4 .cnt10 ul li dl.txt dd {font-size: 15px;}

	.advertisement4 .cnt11 {padding:60px 0 80px;}
	.advertisement4 .cnt11 .txt-box {margin-bottom:20px;}
	.advertisement4 .cnt11 .txt-box p {font-size:20px; line-height:28px; margin-bottom:10px;}
	.advertisement4 .cnt11 .txt-box h3 {font-size:28px; margin-bottom:12px;}	
	.advertisement4 .cnt11 .col {margin:0; display:block;}
	.advertisement4 .cnt11 .col .row {padding:0; margin-bottom:10px; width:100%;}
	.advertisement4 .cnt11 label {font-size:16px;}
	.advertisement4 .cnt11 .input {height:44px; font-size:14px;}
	.advertisement4 .cnt11 .input:placeholder {font-size:14px;}
	.advertisement4 .cnt11 .btn {width:160px; line-height:40px; margin:40px auto 0; height:44px; font-size:16px;}

	.advertisement4 .foot {padding:40px 0;}
	.advertisement4 .foot p {font-size:13px; line-height:1.8em;}
	.advertisement4 .foot p span {margin:0; display:none;}
	.advertisement4 .foot p br {display:block;}
}

@media (max-width: 500px) {
	.advertisement4 .cnt05 .wrap {margin: 0 -5px;}
	.advertisement4 .cnt05 ul {padding: 0 5px;}
	.advertisement4 .cnt05 ul.subject {max-width: 85px;}
	.advertisement4 .cnt05 ul li {width: calc(100% - 16px); font-size: 14px;}
	.advertisement4 .cnt05 .subject li:nth-child(1) {width: calc(100% - 16px);}

	.advertisement4 .cnt06 ul li {width: 50%;}
	.advertisement4 .cnt06 ul li .inner {display: block; height: 100%; text-align: center; padding: 20px 15px;}
	.advertisement4 .cnt06 ul li .icon {max-width: 60px; margin: 0 auto 10px;}
	.advertisement4 .cnt06 ul li p {padding-left: 0;}

	.advertisement4 .cnt08 .col {display:block;}
	.advertisement4 .cnt08 .col .row {max-width: 310px; width: 100%; margin: 0 auto;}
	.advertisement4 .cnt08 .col .row:nth-child(1) {margin-right: auto; margin-bottom: 10px;}
	.advertisement4 .cnt08 .col .row:after {width: 40px; height: 40px; top: auto; bottom: -30px; margin-top: 0; right: 50%; margin-right: -20px;}
	.advertisement4 .cnt08 .mob-only {display: block;}
}

@media (max-width: 400px) {
	.advertisement4 .cnt01 .tit h2 {font-size:22px;}
	.advertisement4 .cnt01 .tit h2 span {font-size:32px;}
	.advertisement4 .cnt01 .tt01 {margin-bottom:10px;}
	.advertisement4 .cnt01 .tt01 h3 {font-size:24px; margin-bottom:10px;}
	.advertisement4 .cnt01 .tt01 h3 span {margin-right:10px; line-height:28px; font-size:20px;}
	.advertisement4 .cnt01 .tt01 p {font-size:16px;}
	.advertisement4 .cnt01 .tt01 p br.mob-only {display: none;}

	.advertisement4 .cnt06 .btn {margin:30px auto 0;}
}