@charset "utf-8";

#contents { position:relative; min-height:330px; z-index:1;}
.main_visual {position:relative; background:#16161c; }
.main_visual .swiper-container { max-width:1920px; margin:0 auto;  }
.main_visual .swiper-slide { position:relative; overflow:hidden;}
.main_visual .visual_img { transform:translateX(5%); opacity:0; transition:transform 1.0s ease, opacity 1s ease;}
.main_visual .swiper-slide.swiper-slide-active .visual_img { transform:translateX(0); opacity:1;}
.main_visual .swiper-slide .swiper_typo { position:absolute; max-width:1280px; width:90%; left:50%; top:50%; transform:translate(-50%,-50%); font-size:1.42857142857em; line-height:1.5; color:#fff; z-index:5;}
.main_visual .swiper-slide .swiper_typo .title {font-size:2.7em; line-height:1.3; font-weight:700;}
.main_visual .swiper-slide .swiper_typo .text {margin:2.6% 0 3.5%;}
.main_visual .swiper-slide .swiper_typo .btn_area {}
.btn_more { display:inline-block; font-size:0.9em; color:#fff; background:#f7444e; padding:0.7em 1.2em; border-radius:0.5em;}
.btn_more .ti { font-size:1.2em; margin-left:0.5em;}

.visual-button { position:absolute; display:flex; align-items:flex-start; max-width:1280px; width:90%; left:50%; bottom:15%; transform:translate(-50%,-50%); transition:bottom 0.2s ease; z-index:5;}
.hashNav { display:flex; align-items:center; margin-right:1em; }
.hashNav li a {position:relative; display:inline-block; font-size:1.142857142857em; color:rgba(255,255,255,0.3); padding:1.2em 1em; }
.hashNav li a::before { position:absolute; content:""; width:100%; height:5px; left:0; top:0; background:rgba(255,255,255,0.3);}
.hashNav li.active a { color:rgba(255,255,255,1)}
.hashNav li.active ::before { background:rgba(255,255,255,1)}
.visual-button button { width:32px; height:32px; background:transparent; border:2px solid #fff; border-radius:50%; margin-top:-12px;}
.visual-button button .ti { color:#fff;}
.visual-button button svg { color:#fff; width:1.2em; height:1.2em; margin:2px 0 0 2px;}
.mainSlider-button-play { display:none;}

@media (max-width:1620px) {
.main_visual .swiper-slide .swiper_typo .title {font-size:2.2em}
.visual-button { bottom:8%;}
}
@media (max-width:1320px) {
.main_visual .swiper-slide .swiper_typo {font-size:1.3em;}
.main_visual .swiper-slide .swiper_typo .title {font-size:1.8em}
.visual-button { bottom:3%;}
}
@media (max-width:1024px) {
.main_visual .swiper-slide .swiper_typo {font-size:1.2em; transform:translate(-50%,-50%);}
.main_visual .swiper-slide .swiper_typo .title {font-size:1.8em}
.visual-button { bottom:0; transform:translate(-50%,0);}
.hashNav li a::before { height:3px;}
.visual-button button { width:30px; height:30px;}
}
@media (max-width:768px) {
.main_visual .visual_img {position:relative; max-width:initial; width:120%; left:-10%;}
.main_visual .swiper-slide .swiper_typo {font-size:1.15em;}
.main_visual .swiper-slide .swiper_typo .title {font-size:1.7em}
.hashNav li a { font-size:1em; line-height:1.4; padding:1.0em 0.6em; color:rgba(255,255,255,0.4);}
.hashNav li a::before { height:2px;}
}
@media (max-width:440px) {
.main_visual .visual_img {width:130%; left:-15%;}
.main_visual .swiper-slide .swiper_typo {font-size:1.05em; transform:translate(-50%,-66%);}
.main_visual .swiper-slide .swiper_typo .title {font-size:1.5em}
.hashNav li a { padding:0.6em; line-height:1.2; }
}
@media (max-width:400px) {
.main_visual .visual_img {width:140%; left:-20%;}
}

.main_con { padding:8% 0;}
#cate.main_con{padding: 8% 0 8%;}
#main_reser.main_con{background: #f8f8f8;}

#intro { }
.main_dl01 {font-size:1.42857142857em; line-height:1.5;}
.main_dl01 > dt { margin-bottom:2em;}
.main_dl01 > .homepage{ display: flex; align-items: center; justify-content: space-between; }
.main_dl01 > .homepage .btn_more{ display:inline-block; font-size:0.9em; color:#fff; background:#f7444e; padding:0.3em 0.8em; border-radius:0.5em }
.main_dl01 > dt .title01 { display:block; color:#9f9f9f; margin-bottom:1.3em;}
.main_dl01 > dt .title02 { display:block; font-size:2.3em; line-height:1.34; color:#181818; font-weight:700;}
.main_dl01 > dt .title03 { display:block; margin-top:1.2em;}
.main_dl01 > dd > div:not(:last-child) { margin-bottom:6%;}
.main_dl01 > dt.white, .main_dl01 > dt.white .title02 { color:#fff;}

.main_dl02 {font-size:1.42857142857em; line-height:1.5;}
.main_dl02 > dt { font-size:1.5em; line-height:1.5; font-weight:700; color:#242424;}

@media (max-width:1420px) {
.main_dl01, .main_dl02 {font-size:1.35em;}
}
@media (max-width:1280px) {
.main_dl01, .main_dl02 {font-size:1.3em;}
.main_dl01 > dt .title02 {font-size:2.0em;}
.main_dl02 > dt { font-size:1.4em;}
}
@media (max-width:1024px) {
.main_dl01, .main_dl02 {font-size:1.2em;}
.main_dl01 > dt .title02 {font-size:1.8em;}
.main_dl02 > dt { font-size:1.3em;}
}
@media (max-width:768px) {
/*.main_dl01, .main_dl02 {font-size:1.15em;}*/
.main_dl01 > dt .title02 {font-size:1.6em;}
.main_dl02 > dt { font-size:1.25em;}
}
@media (max-width:520px) {
.main_dl01 > dt .title02 {font-size:1.4em;}
}
@media (max-width:380px) {
.main_dl01 > dt .title02 {font-size:1.4em;}
}


#intro { }
.intro_list { margin-bottom:0%;}
.intro_list li { display:flex; justify-content: space-between; align-items:center;}
.intro_list li:not(:last-child) { margin-bottom:7.8125%}
.intro_list li > dl {width:45.5%;}
.intro_list li > dl dt .title_en {display:block; font-family: 'Montserrat', sans-serif; font-size:0.85em; color:#f7444e; font-weight:700; text-transform:uppercase;}
.intro_list li > dl dt .title_ko {display:block; font-size:2em; color:#242424; font-weight:700; margin:6% 0 4%;}
.intro_list li > .img { max-width:580px; width:45.5%}
.intro_list .img .swiper-container { overflow:hidden;}
.intro_list li:nth-child(2n+1) > dl { width:47.5%;}
.intro_list li:nth-child(2n) > dl { order:2;} 
.intro_list li > .img .swiper-container .pagination {position:absolute; width:100%; text-align:center; left:0;  z-index:3;}
.intro_list li > .img .swiper-container .pagination .swiper-pagination-bullet { width:10px; height:10px; border-radius:50%;}
.intro_list li > .img .swiper-container .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#f7444e;}

.intro02 { display:flex; justify-content: space-between; align-items:center; }
.intro02 > dl {width:45.5%}
.intro02 .img { max-width:580px; width:45.5%}

@media (max-width:1280px) {
.intro_list li > dl dt .title_ko { font-size:1.8em;}
}
@media (max-width:1024px) {
.intro_list li > dl dt .title_ko { font-size:1.6em;}
}
@media (max-width:768px) {
.intro_list li > dl dt .title_ko { font-size:1.5em;}
.intro_list li > dl dd p br {display:none;}
}
@media (max-width:600px) {
.intro_list li { flex-direction:column;}
.intro_list li > dl { width:100% !important}
.intro_list li > .img { max-width:580px; width:100%}
.intro_list li > dl dt .title_ko { margin:2% 0 3%;}
.intro_list li:nth-child(2n) > dl { order:1;} 
.intro_list li:nth-child(2n) > .img { order:2;;}
.intro_list li > .img { margin-top:5%;}

.intro02 { flex-direction:column;}
.intro02 > dl, .intro02 .img { width:100%; margin-top:5%;}

}
@media (max-width:440px) {
.intro_list li > dl dt .title_ko { font-size:1.4em;}
}
@media (max-width:400px) {
.intro_list li > dl dt .title_ko { font-size:1.3em;}
}

#partner { background:#f8f8f8;}
.partner_list .slick-slide > div { padding:0 5%; text-align:center;}
.partner_list { margin:0 -1.25%; }
.partner_list .slick-dots { display:flex; justify-content:center; margin-top:3%;}
.partner_list .slick-dots li { margin:0 5px;}
.partner_list .slick-dots button { width:10px; height:10px; text-indent:-999em; background:#d7d7d7; border-radius:50%; border:0;}
.partner_list .slick-dots .slick-active button { background:#f74c56;}

.service_list { display:flex; flex-wrap:wrap; justify-content: space-between; }
.service_list li { max-width:400px; width:31.25%; background:#f6f6f6; margin-bottom:3.125%; }
.service_list li dl { padding:12% 12%; font-size:0.9em;}
.service_list li dl dt .icon { display:block;}
.service_list li dl dt .icon img { max-width:92px; width:50%;}
.service_list li dl dt .title { display:block; font-size:1.333333em; font-weight:700; color:#242424; margin:1.2em 0 1.4em; }

@media (max-width:920px) {
.service_list li {width:48%; margin-bottom:4%;}
.service_list li dl dt .title { font-size:1.25em;}
}
@media (max-width:440px) {
.service_list li dl dt .title { font-size:1.2em; line-height:1.4; margin:0.9em 0 1.0em;}
.service_list li dl dd { line-height:1.4;}
}

#case {background:#f8f8f8;}
.case_list .swiper-slide { }
/*.case_list .swiper-slide.swiper-slide-active { width:37.96875% !important; }
.case_list .swiper-slide:not(.swiper-slide-active) { width:27.89% !important;}*/

.case_list { text-align:center;display: flex;flex-wrap: wrap;}
.case_list > div{width: 24%;margin-left: 1.2%;margin-bottom: 2%;position: relative;}

.case_list > div:nth-child(4n + 1){margin-left: 0;}

.case_list > div .label{position: absolute;left: 0;top: 0;text-align: left;
    display: block;
   }


	.case_list > div .label .cate_label{    position: relative;
		padding: 0.5em 0.6em 0.5em 2.2em;
		background-color: #f6f6f6;
		font-weight: 400;
		font-size: 0.7em;
		color: #666;
		transition: all 0.2s ease;}

	.case_list > div .label .cate_label::after{    content: "";
		display: block;
		width: 20px;
		height: 20px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 6px;}

		.case_list > div .label .cate_label.cate01::after{background-image: url(../images/main/cate_icon01.png);}
		.case_list > div .label .cate_label.cate02::after{background-image: url(../images/main/cate_icon02.png);}
		.case_list > div .label .cate_label.cate03::after{background-image: url(../images/main/cate_icon03.png);}
		.case_list > div .label .cate_label.cate04::after{background-image: url(../images/main/cate_icon08.png);}
		.case_list > div .label .cate_label.cate05::after{background-image: url(../images/main/cate_icon05.png);}
		.case_list > div .label .cate_label.cate06::after{background-image: url(../images/main/cate_icon06.png);}
		.case_list > div .label .cate_label.cate07::after{background-image: url(../images/main/cate_icon07.png);}
		

		@media(max-width:1024px){
			.case_list > div .label .cate_label{padding: 0.5em 0.6em 0.5em 2.7em;}
		}
@media(max-width:768px){
	.case_list > div{width: 32.5%;}
	.case_list > div:nth-child(4n + 1){margin-left: 1.2% }
	.case_list > div:nth-child(3n + 1){margin-left: 0% }
	
}

@media(max-width:480px){
	.case_list > div{width: 49.2%;}
	.case_list > div:nth-child(4n + 1){margin-left: 1.2% }
	.case_list > div:nth-child(3n + 1){margin-left: 1.2% }
	.case_list > div:nth-child(2n + 1){margin-left: 0% }
	
}
.case_con { text-align:left; }


#portfolio .case_con .img{height: 0;overflow: hidden;position: relative;padding-bottom: 120%;display: block;}
#portfolio .case_con .img > img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

.case_con .img {position: relative;padding-bottom: 65%;height: 0;overflow: hidden;background: #fff;}
.case_con .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}


.case_con .title {color:#242424; margin:1em 0 0.6em;}
.case_con .text { font-size:0.8em; color:#888;display: none;}
.case_con .text strong { color:#666;}
.case_list .lt_more { display:inline-block; margin-top:1em; background:#f7444e; font-size:0.9em; color:#fff; padding:0.6em 1.2em; border-radius:0.4em; }
.case_list .lt_more svg { width:1.2em; height:1.2em; stroke-width:2.4; vertical-align:text-bottom; margin-left:1em;}


#kiosk2 .inner_wrap{display: flex;justify-content: space-between;}
#kiosk2 .inner_wrap .tabs_box2_1 {width: 40%;}
#kiosk2 .inner_wrap .tab_cate_li{display: flex;flex-wrap: wrap;margin-top: 10%;}
#kiosk2 .inner_wrap .tab_cate_li > li{font-size: 1.14286em;width: 41%;margin-right: 2%;margin-bottom: 1em;}
#kiosk2 .inner_wrap .tab_cate_li > li.active > a{color: #fff;background-color: #f7444e;}
#kiosk2 .inner_wrap .tab_cate_li > li > a{text-align: left;display: block;padding: 0.8em 1em 0.9em 1.6em;background-color: #f6f6f6;border-radius: 5em;position: relative;font-weight: 400;color: #666666;transition: all 0.2s ease;}
#kiosk2 .inner_wrap .tab_cate_li > li > a::after{content: "";display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 7px;height: 12px;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url(../images/main/right_bt.png);}
#kiosk2 .inner_wrap .tab_cate_li > li.active > a::after{background-image: url(../images/main/right_bt_w.png);}
#kiosk2 .inner_wrap .tabs_box2_1 {width: 55.5%;max-width: 692px;}
#kiosk2 .kiosk2-con { display:flex;}
#kiosk2 .kiosk2-con > div { width:50%;}


#cate .inner_wrap{display: flex;justify-content: space-between;}
#cate .inner_wrap .tab_box1{width: 40%;}
#cate .inner_wrap .tab_box2{width: 55.5%;max-width: 692px;}
#cate .inner_wrap .tab_box2 > div{position: relative;}
#cate .inner_wrap .tab_cate_li{display: flex;flex-wrap: wrap;margin-top: 10%;}
#cate .inner_wrap .tab_cate_li > li{font-size: 1.14286em;width: 41%;margin-right: 2%;margin-bottom: 1em;}
#cate .inner_wrap .tab_cate_li > li.active > a{color: #fff;background-color: #f7444e;}
#cate .inner_wrap .tab_cate_li > li > a{text-align: left;display: block;padding: 0.8em 1em 0.9em 1.6em;background-color: #f6f6f6;border-radius: 5em;position: relative;font-weight: 400;color: #666666;transition: all 0.2s ease;}
#cate .inner_wrap .tab_cate_li > li > a::before{content: "";display: block;width: 24px;height: 24px;background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left: 30px;}
#cate .inner_wrap .tab_cate_li > li > a::after{content: "";display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 7px;height: 12px;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url(../images/main/right_bt.png);}
#cate .inner_wrap .tab_cate_li > li.active > a::after{background-image: url(../images/main/right_bt_w.png);}

/*#cate .inner_wrap .tab_cate_li > li > a.tab_cate01::before{background-image: url(../images/main/cate_icon01.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate02::before{background-image: url(../images/main/cate_icon02.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate03::before{background-image: url(../images/main/cate_icon03.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate04::before{background-image: url(../images/main/cate_icon08.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate05::before{background-image: url(../images/main/cate_icon05.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate06::before{background-image: url(../images/main/cate_icon09.png);}
#cate .inner_wrap .tab_cate_li > li > a.tab_cate07::before{background-image: url(../images/main/cate_icon10.png);}
*/

.sample_more{position: absolute;right: 2%;bottom: 6%;max-width: 88px;width: 20%;min-width: 60px;border-radius: 50%;box-shadow: 8px 8px 10px -5px rgba(0,0,0,0.4);opacity: 1;transition: all 0.3s ease;}

@media (max-width:1280px) {
  
}
@media (max-width:1024px) {
	#cate .main_dl01 > dt{margin-bottom: 1.6em;}
  
	.dis_m_none{display: none;}
	#cate .inner_wrap .tab_cate_li > li > a::before{left: 18px;width: 22px;height: 22px;}
	#cate .inner_wrap .tab_cate_li > li, #kiosk2 .inner_wrap .tab_cate_li > li{font-size: 1.1em;width: 48%;}
	#cate .inner_wrap .tab_cate_li > li > a, #kiosk2 .inner_wrap .tab_cate_li > li > a{padding: 0.6em 1em 0.7em 0.8em;}
}
@media (max-width:860px) {

	#cate .inner_wrap .tab_cate_li > li, #kiosk2 .inner_wrap .tab_cate_li > li{font-size: 1em;}
}

@media (max-width:768px) {
	#cate .main_dl01 > dt{margin-bottom: 1.4em;}
	.sample_more{opacity: 1;}
	#cate .inner_wrap .tab_box2 > div{text-align: center;}
	#cate .inner_wrap .tab_cate_li{justify-content: space-between;margin-top: 5%;}
	#cate .inner_wrap .tab_cate_li > li{width: 31%;margin-right: 0;}
	#cate .inner_wrap, #kiosk2 .inner_wrap{flex-direction: column;}
	#cate .inner_wrap .tab_box1{width: 100%;}
	#cate .inner_wrap .tab_box2{width: 100%;}
}
@media (max-width:480px) {
	#cate .main_dl01 > dt{margin-bottom: 1em;}
	#cate .inner_wrap .tab_cate_li > li > a::before{left: 13px;}
	#kiosk2 .inner_wrap .tab_cate_li > li > a{padding: 0.6em 1em 0.7em 1.2em;}
	.dis_m_none{display: block;}
	#cate .inner_wrap .tab_cate_li > li{width: 48%;}
}
@media (max-width:380px) {
	.dis_m_none{display: none;}
}
.object_list { display:flex; flex-wrap:wrap; justify-content: space-between;}
.object_list li { max-width:590px; width:48%;}
.object_list li { display:flex; align-items:center; margin-top:3%;}
.object_list li .icon { width:24%; margin-right:2%;}
.object_list li .icon img {max-width:130px; width:88%; border-radius:50%; overflow:hidden;}
.object_list li dl { width:74%; font-size:0.9em;}
.object_list li dl dt { font-size:1.111111111em; margin-bottom:0.5em;}
.object_dl > dt { margin:11% 0 4.6875%;}

.case-pagination { position:relative; text-align:center; margin-top:3%;}
.case-pagination .swiper-pagination-bullet { text-indent:-999em; width:10px; height:10px; background:#d7d7d7; border-radius:50%; margin:0 5px; opacity:1;}
.case-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#f7444e; opacity:1;}

@media (max-width:660px) {
.object_list li {width:100%;}
}
@media (max-width:400px) {
.object_list li dl dt { margin-bottom:0;}
.object_list li dl dd { display:none;}
}

.story_list { display:flex; flex-wrap:wrap; justify-content: space-between;}
.story_list > li { display:flex; flex-direction:column; max-width:296px; width:23.125%;}
.story_list > li > .img { border-radius:1.2em; overflow:hidden;}
.story_list > li:nth-child(2n) { margin-top:5%;}
.story_list > li:nth-child(2n) .img { order:2; }
.story_list > li > dl { position:relative; padding-bottom:104.73%; border-radius:1.2em; margin:10% 0;}
.story_list > li > dl dt { position:absolute; left:12%; top:14%;}
.story_list > li > dl dt img {max-width:56px; width:90%;}
.story_list > li > dl dd { position:absolute; left:12%; bottom:14%;}
.story_list .stroy01 { color:#5589e1; background:#e5f1fc;}
.story_list .stroy01 strong {color:#4361b6;}
.story_list .stroy02 { color:#629466; background:#e4f2e5;}
.story_list .stroy02 strong {color:#356038;}
.story_list .stroy03 { color:#af8e5a; background:#fbf4e7;}
.story_list .stroy03 strong {color:#936336;}
.story_list .stroy04 { color:#f56388; background:#ffeeef;}
.story_list .stroy04 strong {color:#cb2a5a;}
@media (max-width:880px) {
.story_list > li { width:24%;}
.story_list > li > dl {margin:4% 0;}
.story_list > li > dl dd { font-size:0.9em;}
.story_list > li > dl dt {left:10%; top:12%;}
.story_list > li > dl dt img {width:76%;}
.story_list > li > dl dd { left:10%; bottom:8%; line-height:1.4;}
}
@media (max-width:660px) {
.story_list > li > dl dt img {width:60%;}
.story_list > li > dl dd { 0.8em; letter-spacing:-0.06em; line-height:1.2;}
}
@media (max-width:520px) {
.story_list > li { width:48%;}
.story_list > li > dl dt img {width:80%;}
.story_list > li > dl dd { 1.3em; letter-spacing:-0.03em; line-height:1.4;}
}

#kiosk {background:url("../images/main/kiosk_bg.jpg") center center no-repeat; background-size:cover !important;}
.kiosk_slider {position:relative;}
.kiosk_slider .swiper-container { overflow:hidden;}
.kiosk_slider [class^="kiosk-button-"] {position:absolute; background:transparent; border:0; width:50px; height:50px; top:50%; transform:translateY(-60%);}
.kiosk_slider [class^="kiosk-button-"].swiper-button-disabled {opacity:0.5}
.kiosk_slider [class^="kiosk-button-"] .ti {font-size:2em; color:#fff;}
.kiosk_slider .kiosk-button-prev {left:0; margin-left:-80px;}
.kiosk_slider .kiosk-button-next {right:0;  margin-right:-80px;}
.kiosk_slider .kiosk_con .text {text-align:center; color:#fff; margin-top:1em;}
.kiosk_slider .kiosk_con .text .num { width:1.8em; height:1.8em; display:inline-block; font-size:0.77777777em; line-height:1.8; text-align:center; background:#f7444e; border-radius:50%; margin-right:0.4em; }

#consulting { padding:1.5% 0 0; background:#fff0f0;}
#consulting .inner_wrap {position:relative; display:flex; align-items:center; justify-content: space-between;}
.consult_dl { display:flex; align-items: flex-end; font-size:1.42857142857em; line-height:1.5;}
.consult_dl dt .title01  {display:block; font-weight:700; color:#f7444e; margin-bottom:3%;}
.consult_dl dt .title02 {display:block; font-size:1.8em; line-height:1.34; font-weight:700; color:#242424;}
.consult_dl dd { margin:-0.2em 0 0 1em;}
#consulting .inner_wrap .img { max-width:394px; width:24%; transform:translateX(20%);}

.re_tab{display: flex;flex-wrap: wrap;margin-top: 0.5em;}
.re_tab > li{margin-right: 0.5em;margin-bottom: 0.4em;}
.re_tab > li > a{display: block;
    padding: 0.4em 1em ;
    background-color: #fff;
    border-radius: 5em;
    position: relative;
    font-weight: 400;
    color: #666666;
    transition: all 0.2s ease}
	.re_tab > li.active > a{    color: #fff;
		background-color: #f7444e;}
@media (max-width:1280px) {
.consult_dl { font-size:1.35em;}
.consult_dl dt .title02 {font-size:1.6em;}
}
@media (max-width:1024px) {

.consult_dl { font-size:1.25em;}
.consult_dl dt .title02 {font-size:1.4em;}
}
@media (max-width:767px) {
.consult_dl { font-size:1.15em;}
.consult_dl dt .title02 {font-size:1.15em;}
}
@media (max-width:550px) {
#consulting { padding:2% 0 0;}
.consult_dl {flex-direction:column; align-items:flex-start; font-size:1.05em;}
.consult_dl dt .title02 {font-size:1.15em;}
.consult_dl dd { margin:0.5em 0 0 0;}
#consulting .inner_wrap .img {width:40%;}
}
@media (max-width:400px) {
#consulting { padding:3% 0 0;}
.consult_dl { font-size:0.9em;}
.consult_dl dt .title02 {font-size:1.1em;}
#consulting .inner_wrap .img {width:42%;}
}

.vider_wrap { position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
.vider_wrap iframe { position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%);}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative; max-width:1200px; margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} 
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media  (max-width: 1024px){
.hd_pops {max-width:400px !important; width:90% !important; height:auto !important;}
}