@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
 /* 메인 1차 메뉴 */
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
	color: #111;
}
 /* 메인 2차 메뉴 */
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {

}

/* 섹션별 상하여백 */
.kso-section {padding-top: 0;padding-bottom: 0;} /* 섹션 기본 상하여백 */

/* 섹션 제목 */
.contents.immobile .text b {font-size: 1.4rem;letter-spacing: 1px;}

/* 1) 섹션 메인*/
#section-main {background-color: #71c7d1;}
#section-main .contents img {width: 500px;}
#section-main .contents.immobile {text-align: center;}


/* 2) 섹션 어바웃 */
#section-about {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/02_02_about_bg.jpg);}
#section-about .contents.immobile {width:990px;}
#section-about .contents.immobile img {width: 460px;}
#section-about .contents.immobile .text {color:#ffdc87;font-size:1.2rem;margin-left:280px;margin-top:-120px;font-weight: 300;}
#section-about .contents.immobile .text img {width: 80px;}
#section-about .contents.mobile img {width: 160px;}
#section-about .contents.mobile .text {color:#ffdc87;font-size:.8rem;font-weight: 300;margin-top:15px;letter-spacing: -1px;}
#section-about .contents.mobile .text img {width: 80px;}


/* 3) 섹션 플레닝 */
#section-planning {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/03_02_planning_bg.jpg);}
#section-planning .contents.immobile {width:880px;}
#section-planning .contents.immobile img {width: 600px;}
#section-planning .contents.immobile .text {color:#6458ae;font-size:1.2rem;margin-left:235px;margin-top:40px;font-weight: 300;}
#section-planning .contents.mobile img {width: 290px;}
#section-planning .contents.mobile .text {color:#6458ae;font-size:.8rem;font-weight: 300;margin-top:15px;margin-left: 50px;letter-spacing: -1px;text-align: left;}


/* 4) 섹션 크리에이티브 */
#section-creative {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/04_02_creative_bg.jpg);}
#section-creative .contents.immobile {width:700px;}
#section-creative .contents.immobile img {width: 410px;}
#section-creative .contents.immobile .text {color:#fe4066;font-size:1.2rem;margin-left:400px;margin-top:-260px;font-weight: 300;}
#section-creative .contents.immobile .text img {width: 50px;}
#section-creative .contents.mobile img {width: 260px;}
#section-creative .contents.mobile .text {color:#fe4066;font-size:.8rem;font-weight: 300;margin-top:-80px;margin-left: 130px;letter-spacing: -1px;}
#section-creative .contents.mobile .text img {width: 35px;}

/* 4) 섹션 비디오 */
#section-video {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/05_02_analysis_bg.jpg);}
.section-title {font-size: 2rem;color: #555;margin-bottom: 50px;font-weight: 100;text-transform: uppercase;text-align: center;}
#section-video .contents .thumbnail {padding: 0 1rem 3rem;}
#section-video .contents .thumbnail img {width: 100%;}
#section-video .contents .thumbnail .video-title {color: #555;font-size: .8rem;margin-top: 10px;text-align: center;}
#section-video .contents .video_modal{display:none;width:100%;height: 100vh;position:absolute;top:0;left:0;background-color: #000000ba;z-index: 102;}
#section-video .contents .center{display:flex;justify-content:center;align-items:center;min-height:100vh;max-width:1260px;margin:0 auto}

/* 4) 섹션 비쥬얼 */
#section-visual {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/04_02_creative_bg.jpg);}
#section-visual .contents .section-title {color: #a7a7a7;}
#section-visual .contents .visual {padding:0 0 3rem 0}
#section-visual .contents .visual .visual-title {color: #a7a7a7;font-size: .8rem;margin-top: 10px;text-align: center;}
#section-visual .contents .visual .thumbnail {max-width: 250px;margin: 0 auto;}
#section-visual .contents .visual .thumbnail img {width: 100%;max-width: 15rem;}
#section-visual .contents .visual_modal{display:none;width:100%;height: 100vh;position:absolute;top:0;left:0;background-color: #000000ba;z-index: 102;}
#section-visual .contents .center{display:flex;justify-content:center;align-items:center;min-height:100vh;}
#section-visual .contents .center img {max-width: 80%;}

/* 5) 섹션 퍼포먼스 */
#section-analysis {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/05_02_analysis_bg.jpg);}
#section-analysis .contents.immobile {width:800px;text-align: right;}
#section-analysis .contents.immobile img {width: 630px;}
#section-analysis .contents.immobile .text {color:#176f61;font-size:1.2rem;margin-right: 210px;margin-top:-60px;font-weight: 300;}
#section-analysis .contents.mobile {text-align: right;margin-top: -70px;}
#section-analysis .contents.mobile img {width: 310px;}
#section-analysis .contents.mobile .text {color:#176f61;font-size:.9rem;font-weight: 300;margin-top:-135px;margin-right: 65px;letter-spacing: -1px;}
#section-analysis .contents.mobile .text img {width: 35px;}

/* 5) 섹션 서비스 */
#section-services {background-image: url(https://dunaboldi.cdn3.cafe24.com/boldi/06_02_services_bg.jpg);}
#section-services .contents.immobile {width:1120px;}
#section-services .contents.immobile img {width: 900px;}
#section-services .contents.immobile .text {color:#f8ab9e;font-size:.9rem;margin-top:30px;font-weight: 300;display: flex;}
#section-services .contents.immobile .text .textbox {width: 20%;letter-spacing: -1px;}
#section-services .contents.immobile .text .textbox .line{width:30px;height:3px;background-color:#dadada;margin:5px 0 10px}
#section-services .contents.mobile img {width: 310px;}
#section-services .contents.mobile .text {max-width:300px;color:#f8ab9e;font-size:.7rem;font-weight: 300;margin-top:-75px;letter-spacing: -1px;}
#section-services .contents.mobile .text .flax {display: flex;}
#section-services .contents.mobile .text .textbox {width:50%;margin-bottom:20px;}
#section-services .contents.mobile .text .textbox .line{width:30px;height:3px;background-color:#dadada;margin:5px 0 10px}
#section-services .contents.mobile .text .services5.textbox {width: 100%;}

/* 6) 섹션 컨택트 */
#section-contact {background-color: #71c7d1;}
#section-contact .contents {margin-bottom: 200px;text-align: center;}
#section-contact .contents.immobile img {width: 290px;margin-right: 15px;}
#section-contact .contact_cotents{text-align:center;color:#111}
#section-contact .contact_cotents.line1{letter-spacing:1rem;margin: 20px 0 10px;}
#section-contact .contact_cotents.line2{letter-spacing:.1rem}
#section-contact .contents.mobile img {width: 200px;}
#section-contact .contents.mobile .contact_cotents.line1{letter-spacing:.5rem;margin: 20px 0 10px;}
#section-contact .contents.mobile .contact_cotents.line2{letter-spacing:-1px}
.wrap_controllers {display: none;}
.roughmap_maker_label {display: none;}
.root_daum_roughmap {position: absolute!important;bottom: 0;}
.root_daum_roughmap .cont {display: none;}

/*-------------------------------------------------------
** 
** ETC 
** 
--------------------------------------------------------*/
#kso-container {scroll-snap-type: y mandatory;height: 100vh;scroll-behavior: smooth;}
.kso-section {scroll-snap-align: start;scroll-snap-stop: normal;}

.mobile {display: none;}
.kso-section {position: relative;background-position: center;background-size: cover;}
.kso-section .container {display: flex;justify-content: center;align-items: center;height: 100vh;}
.kso-header .container{max-width: 1500px;padding-right: 30px;}
.site-logo {width: 150px;}
.navbar-brand-text{font-size:15px;color:#000;margin-top:10px}
.navbar-nav {margin-top: 30px;}
.contents.mobile .text b{font-size:.9rem;}

.contents.immobile {margin:0 auto;} 
.contents.immobile .text {line-height: 1.6;}
.angle-down {text-align:center;font-size:4rem;position:absolute;bottom:70px;width: 100%;color: #bbb;}
.angle-down i {color: #a7a7a7;}
.mini-logo.immobile {position:absolute;bottom:50px;right:30px}
.mini-logo.immobile img {width:150px;}
.mini-logo.mobile {position: absolute;text-align: center;bottom: 30px;width: 100%;}
.mini-logo.mobile img {width:120px;}


.ytp-pause-overlay.ytp-scroll-min {
    display: none;
}
.ytp-scroll-min {
    display: none;
}
.ytp-pause-overlay{
    display: none;
}

/*-------------------------------------------------------
** 
** media quary 
** 
--------------------------------------------------------*/
@media (max-width: 1400px){
	.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding-left: 25px;padding-right: 25px;}
	#section-video .contents.immobile .thumbnail {padding: 0 1rem 2rem;}
	#section-visual .contents.immobile .visual {padding: 0 1rem 2rem;}

}
	
@media (max-width: 1200px){
	.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding-left: 10px;padding-right: 10px;}
}
	
@media (min-width: 1200px){
	.container {max-width: 1660px;}
}
	
@media (max-width: 991px){
	.immobile {display: none;}
	.mobile {display: block;}
	.site-logo {width: 80px;}
	.navbar-brand {margin: 1rem 0;}
	#section-main .contents img {width: 290px;}
	.mini-logo.mobile {bottom: 120px;}
	.angle-down {bottom: 50px;}
	#section-contact .contents {margin-bottom: 300px;}
	.root_daum_roughmap {bottom: -40px;}
	.visual .thumbnail {display: none;}
	#section-video .thumbnail img {display: none;}
	#section-video .contents .thumbnail {padding: .5rem;}
	.section-title {margin-bottom: 0px;}
	#section-visual .contents .visual {padding: .5rem;}
}
	
@media (max-width: 374px){
	.mini-logo.mobile {bottom: 70px;}
	.angle-down {bottom: 150px;}
	#section-creative .contents.mobile .text {margin-left: 120px;}
	#section-creative .contents.mobile .text img {display: none;}
	#section-planning .contents.mobile .text {margin-left: 30px;}
	#section-contact .contents {margin-bottom: 250px;}
	#section-contact .contents.mobile img {width: 130px;}
	#section-contact .contents.mobile .contact_cotents.line1 {font-size: .7rem;}
	#section-contact .contents.mobile .contact_cotents.line2 {font-size: .9rem;}
	#section-services .contents.mobile .text .textbox {margin-bottom: 10px;}
}
	
@media only screen and (max-width: 424px) , (orientation: landscape) {
	.kso-section .container {min-height: 700px;}
	.bsnav-mobile>.navbar {padding-top: 0px;}
}