@charset "utf-8";


html {}
/*body {margin:0;padding:0; font-size:1.45em; font-family: "Nanum Gothic", sans-serif;}*/
body {margin:0;padding:0;font-size:16px;line-height:1.5;font-family:'Noto Sans KR', sans-serif;color:#333;font-weight:400;border:0; overflow: hidden!important;
 -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */
 -ms-text-size-adjust : none;  /* IE */
 -moz-text-size-adjust : none;  /* 파이어폭스 */
 -o-text-size-adjust : none;  /* 오페라(구)*/
 }


@media screen and (min-height: 1080px){
    html, body{
        font-size: 18px;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1400px){
    html, body{
        font-size: 14px;
    }
}


@media screen and (min-width: 996px) and (max-width: 1024px){
    html, body{
        font-size: 10px;
    }
}


@media (max-width: 996px){
    html, body{
        font-size: 10px;
    }
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

div {
-ms-overflow-style: none;
}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus { outline:none; }






#floatMenu{position: fixed; margin-top:0px;   width:100%;  z-index:50; height:5rem; display: table;  background: rgba(0, 0, 0, 0.1);}
#floatMenu .logo{float:left;}
#floatMenu .logo a{width:9.125rem; height:5rem;;display: table-cell; vertical-align: middle;}
#floatMenu .logo img{width:auto; height:2.6rem;}

@media (min-width: 768px){
	#floatMenu .to_menu{ width:calc(100% - 11.875rem); float:right;}
	#floatMenu .to_menu ul{float:right; }
	#floatMenu .to_menu li{ display: table-cell; vertical-align: middle; height:5rem; font-weight: bold; color:#ffffff; padding:0 1.2rem;}
	#floatMenu .to_menu li a{ color:#ffffff; font-size:1.2rem;font-weight:500;}
	#menu li.active a{ color: #3cd8ff; }
}

/* section 공통 */
.section .container{height:48rem;margin:auto auto;padding-top:3.25rem;}

.section .title{position:relative;}
.section .title h1{font-size:3.8rem;color:#0d325f;font-weight:600;letter-spacing:-0.05rem;line-height:1.1;}
.section .title .st{font-size:2.18rem;color:#0d325f;font-weight:400;letter-spacing:-1px;display:block;margin-top:0.625rem;}

.section .title.line{text-align:center;}
.section .title.line:before{content:""; width:2px;height:2.75rem;background:#394b70;display:block;position:absolute;top:-3rem;left:50%;transform:translateX(-50%);}
.section .title.line .st{text-align:center;}

.section .con_box{font-size:1.43rem;font-weight:400;margin:2rem 0 3.5rem;}
.section .con_box.center{text-align:center;}

.section .img_box.left{padding-right:5rem;float:left;box-sizing:border-box;}
.section .img_box.right{padding-left:5rem;float:right;box-sizing:border-box;}
.section .txt_box.left{padding-right:3.25rem;float:left;box-sizing:border-box;}
.section .txt_box.right{padding-left:3.25rem;float:right;box-sizing:border-box;}


/* 메인 비주얼 */
#section0 {height:auto; padding:0px; margin:0px; z-index: 10;  background-size: auto 100%;}
#section0 .left{width:43rem;height:48rem;float:left;}
#section0 h1 {font-size:5.1rem;line-height:1.1;text-align:left;font-weight:200;letter-spacing:-2px;color:#fff;}
#section0 h1 strong {font-weight:600;}
#section0 .left span {font-size:2.18rem;display:block;padding:1rem 0.2rem 1.6rem;color:#fff;font-weight:300;letter-spacing:-1.5px;}
#section0 .mainv_img {width:37.125rem;height:18.8125rem;margin:0 0.5rem;}

#section0 .logo_big_item{float:left;width:28.5rem;height:25.125rem;margin-top:12rem;background:url(/dronepick/images/main/logo_big_item.png) no-repeat left top;background-size:100% auto;}
#section0 .container{width:80rem;height:48rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-content:center;}

#section0 .left h1{animation:fade-down 1s ease-in-out 0.5s 1 both;}
#section0 .left span{animation:fade-down 1s ease-in-out 1.5s 1 both;}
#section0 .left .mainv_img{animation:fade-down 1s ease-in-out 2.5s 1 both;}
#section0 .logo_big_item{animation:fade-right 1s ease-in-out 3.5s 1 both;}
#section0 .main_img {width:0;height:100%;animation:background-img 1s ease-in-out 0.5s 1 both;background:#fff;position:absolute;top:0;left:0;}
#section0 .main_img2 {width:0;height:100%;animation:background-img2 1s ease-in-out 1s 1 both;background:#fff;position:absolute;top:0;right:0;}
#section0 .main_img3 {width:0;height:100%;animation:background-img 2s ease-in-out 1.5s 1 both;background:#fff;position:absolute;top:0;left:0;}

/* 메인 비주얼 배경이미지*/
.mySwiper .swiper-slide:nth-child(1){background:#0d325f url(/dronepick/images/main/mainv_bg_1.jpg) no-repeat center top;background-size:cover;}
.mySwiper .swiper-slide:nth-child(2){background:#0d325f url(/dronepick/images/main/mainv_bg_2.jpg) no-repeat center top;background-size:cover;}
.mySwiper .swiper-slide:nth-child(3){background:#0d325f url(/dronepick/images/main/mainv_bg_3.jpg) no-repeat center top;background-size:cover;}


/* 메인 글씨, 이미지 에니메이션 */
@keyframes fade-down {
  0% {
    margin-top: 20px;
    opacity:0;
  }

  25% {
    margin-top: -20px;
    opacity:0.5;
  }

 50% {
    margin-top: 10px;
    opacity:0.8;
  }

  100% {
    margin-top: 0;
    opacity:1;
  }
}

@keyframes fade-right {
  0% {
    margin-right: 20px;
    opacity:0;
  }

  30% {
    margin-right: -20px;
    opacity:0.5;
  }

 60% {
    margin-right: 10px;
    opacity:0.8;
  }

 80% {
    margin-right: -10px;
    opacity:0.8;
  }

  100% {
    margin-right: 0;
    opacity:1;
  }
}

@keyframes background-img {
  0% {
    width:0;
	opacity:0;
  }

  30% {
  	margin-left:10%;
    width:3%;
	opacity:0.1;
  }

 60% {
    margin-left:80%;
    width:20%;
	opacity:0;
  }

 80% {
    margin-left:50%;
    width:5%;
	opacity:0.1;
  }

  100% {
    opacity:0;
	width:0;
  }
}

@keyframes background-img2 {
  0% {
    width:0;
	opacity:0;
  }
	
  20% {
    width:10%;
	opacity:0.1;
  }

 50% {
    width:30%;
	opacity:0; 
  }

  70% {
    width:10%;
	opacity:0.1;
  }

  100% {
    opacity:0;
	width:0;
  }
}

/* 현직의사가 운영하는 */
#section1 {height:auto; padding:0px; margin:0px; z-index: 10; background:url(/dronepick/images/main/section1_bg.jpg) center top; background-size:100% 100%;}

#section1 .section1_icon_t {position:relative;width:100%;overflow:hidden;}
#section1 .section1_icon_t ul{float:right;}
#section1 .section1_icon_t ul:before{content:"";width:52%;height:1px;background:#0d325f;position:absolute;top:50%;left:0;}
#section1 .section1_icon_t li{display:inline-block;float:right;width:14.5%;padding-right:0.8%;box-sizing:border-box;}
#section1 .section1_icon_t li img{width:100%;height:auto;}

#section1 .section1_img{margin-top:2.5rem;width:100%;padding-top:110%;background:url(/dronepick/images/main/section1_1.png) no-repeat center top;background-size:100% auto;overflow:hidden;}
#section1 .section1_img img{width:100%;}
#section1 .sign{display:flex;flex-direction:row-reverse;padding-top:5%;}
#section1 .sign span{font-size:1.125rem;display:block;margin-right:1.78125rem;text-align:right;}
#section1 .sign img{width:8.375rem;margin-right:0.75rem;display:block;}


/* 닥터원픽 마케팅의 핵심가치 */
#section2 {height:auto; padding:0px; margin:0px; z-index: 10; background:#426286 url(/dronepick/images/main/section2_bg.jpg) no-repeat center top; background-size:cover;}
#section2 .section2_img{width:40%;padding-top:18.25rem;float:right;background:url(/dronepick/images/main/section2_1.png) no-repeat center;background-size:cover;overflow:hidden;}
#section2 .section2_img img{width:100%;}
#section2 .item{height:13.5rem;padding:0.8rem 2.25rem 2rem;box-sizing:border-box;border:2px solid rgba(255,255,255,0.7);color:#fff;}
#section2 .item .icon{width:5rem;height:5rem;background-position:center;;float:left;margin-right:1.25rem;}
#section2 .icon.icon1{background:url(/dronepick/images/common/icon_specialty.svg) center no-repeat;background-size:90% 90%;}
#section2 .icon.icon2{background:url(/dronepick/images/common/icon_equality.svg) center no-repeat;background-size:87% 87%;}
#section2 .icon.icon3{background:url(/dronepick/images/common/icon_trust.svg) center no-repeat;background-size:90% 90%;}

#section2 .item h2{font-size:2.3rem;font-weight:500;width:calc(100% - 6.25rem);height:5rem;line-height:5rem;float:left;text-align:left;}
#section2 .item p{font-size:1.2rem;font-weight:300;}


/* 닥터원픽과 함께 할 마케팅 */
#section3 {height:auto; padding:0px; margin:0px; z-index: 10; background:#f2f8ff;}
#section3 .item {position:relative;background:#2f333c;height:22.25rem;display:flex;flex-direction:column;justify-content:center;align-content:center;cursor:pointer;}
#section3 .item img{position:absolute;opacity:0.2;top:0;left:0;transition:1s;width:100%;height:100%;}
#section3 .item p{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center;color:#fff;display:none;transition:1s;padding:1.5rem;box-sizing:border-box;line-height:1.8;font-size:1.1rem;}
#section3 .item h2{color:#fff;font-size:2.2rem;font-weight:500;line-height:1.2;text-align:center;transition:1s;}
#section3 .item .arrow{width:5.5rem;height:0;padding-top:5.5rem;margin:2rem auto 0;background:url(/dronepick/images/common/icon_arrowline.svg) no-repeat center;background-size:auto 100%;border:1px solid #fff;box-sizing:border-box;transition:1s;}
#section3 .item:hover p{display:block;}
#section3 .item:hover h2{display:none;}
#section3 .item:hover .arrow{display:none;}
#section3 .item:hover img{opacity:0.1;}  


/* B to B */
#section4 {height:auto; padding:0px; margin:0px; z-index: 10; background:#41495a url(/dronepick/images/main/section4_bg.jpg) no-repeat center; background-size:cover}


/* 닥터원픽의 광고원칙 */
#section5 {height:auto; padding:0px; margin:0px; z-index: 10; background:#f3f3f7;}
#section5 .section5_img{position:relative;padding-top:24rem;background:#292c2f url(/dronepick/images/main/section5_1.png) no-repeat center top;background-size:cover;}
#section5 .section5_img .txt_box{width:100%;position:absolute;bottom:1.375rem;color:#fff;font-size:1.63rem;font-weight:200;text-transform: uppercase;letter-spacing:0.2rem;text-align:center;}


/* 닥터원픽의 솔직한 후기 */
#section6 {height:auto; padding:0px; margin:0px; z-index: 10; background:#f8f7f7;}
#section6 .section6_img{margin-top:1.75rem;}
#section6 .section6_img .item{width:100%;margin:0 auto;box-sizing:border-box;}
#section6 .section6_img .item .photo{height:21.875rem;border-bottom:1px solid #0d325f;}
#section6 .section6_img .item.item1 .photo{background:url(/dronepick/images/main/photo_01.png) center bottom no-repeat;background-size:auto 90%;}
#section6 .section6_img .item.item2 .photo{background:url(/dronepick/images/main/photo_02.png) center bottom no-repeat;background-size:auto 90%;}
#section6 .section6_img .item.item3 .photo{background:url(/dronepick/images/main/photo_03.png) center bottom no-repeat;background-size:auto 90%;}
#section6 .section6_img .item.item4 .photo{background:url(/dronepick/images/main/photo_04.png) center bottom no-repeat;background-size:auto 90%;}

#section6 .section6_img .item .txt_box{text-align:center;letter-spacing:-1px;}
#section6 .section6_img .item .txt_box .type_1{font-size:1.635rem;font-weight:500;color:#0d325f;margin:1.4rem 0 0.75rem;}
#section6 .section6_img .item .txt_box .type_2{font-size:1.25rem;font-weight:400;color:#0d325f;line-height:1.4;}
#section6 .section6_img .item .txt_box .type_3{font-size:1.87rem;color:#0d325f;font-family: 'Nanum Myeongjo', serif;font-weight:800;}
#section6 .section6_img .item .txt_box .txt_con{margin-top:0.81rem;font-size:1.25rem;}


/* 약도 상담문의 */
.contantus{background:#fff;}
.contantus .title .st{font-size:2rem;margin-top:5px;}
.contantus .section7_img{width:100%;padding-top:60%;background:url(/dronepick/images/main/map_img.png) no-repeat center;background-size:100% auto;margin-top:1.5rem;}
.contantus .con_box .tt{font-weight:600;color:#0d325f;}
.contantus .con_box strong{font-size:1.5rem;font-weight:700;color:#922c43;}
.consult_box{background:#922c43;margin:-11rem 0 0 0;height:calc(100vh +11rem);padding:11rem 4rem;box-sizing:border-box;}
.consult_box h2{font-size:2.2rem;color:#fff;font-weight:500;margin-bottom:2rem;}
.consult_box .title .logo{width:7rem;height:2rem;float:right;background:url(/dronepick/images/common/logo.png) no-repeat center;background-size:100% auto;margin-top:-0.25rem;}


/* 하단 */
#footer {position:relative;padding:0px; margin:0px; z-index: 10; background:#383f47;}
.footer{height:auto;margin:0;}
#footer.section .container{padding-top:2.25rem;padding-bottom:2.5rem;height:14.75rem !important;box-sizing:border-box;}
#footer .foot_logo{width:13rem;height:3.9375rem;float:left;}
#footer .foot_logo img{width:100%;opacity:.4;}

#footer .to_menu      {float:left;}
#footer .to_menu ul   {float:left; margin-left:3.5rem;}
#footer .to_menu li   {position:relative;display: table-cell; vertical-align: middle; height:3.9375rem; font-weight: bold; color:rgba(255,255,255,.5); padding:0 1.2rem;}
#footer .to_menu li:after{content:"";width:2px;height:8px;background:rgba(255,255,255,.5);position:absolute;display:block;right:0;top:50%;transform:translateY(-50%);}
#footer .to_menu li:last-child:after{display:none;}
#footer .to_menu li a { color:rgba(255,255,255,.5); font-size:1.2rem;font-weight:500;}
#footer .address{width:83%;padding:2rem 0 0 0.75rem;font-size:1.2rem;color:rgba(255,255,255,.5);float:left;}

#footer a.btn_top {position:absolute;top:2.25rem;right:1.5rem;width: 3.5rem;height: 0;padding-top: 3.5rem;background: url(/dronepick/images/common/icon_arrowline.svg) no-repeat center;background-size: auto 100%;transform: rotate(-90deg);border: 1px solid #fff;box-sizing: border-box;}
#footer .sns_box{position:absolute;top:8rem;right:1.5rem;display:none;}
#footer .sns_box li{padding-left:1rem;display:inline-block;}
#footer .sns_box li a img{width:3.2rem;height:3.2rem;opacity:0.4;}


/* 하단 PC모드 세로크기 */
#footer.fp-auto-height.fp-section, #footer.fp-auto-height .fp-slide, #footer.fp-auto-height #footer.fp-tableCell {height:auto !important;}


/* 하단 모바일 화면 contantus */
#footer .contantus{display:none;}


/* 따라다니는 오른쪽 퀵메뉴 */
#quick{position:fixed;top:6rem;right:0;width:6rem;background:#fff;z-index:100;padding:1.5rem 0;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border:1px solid #dedede;box-sizing:border-box;}
#quick ul li{position:relative;text-align:center;padding:0.75rem 0;}
#quick ul li img{width:auto;height:2.2rem;}
#quick ul li p{font-size:0.875rem;color:#222;line-height:1.2;margin-top:0.05rem;}
#quick ul li:first-child{padding-bottom:1.5rem;}
#quick ul li:last-child{padding-top:1.5rem;}
#quick ul li:first-child:after{content:"";width:1.125rem;height:2px;background:#969798;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
#quick ul li:last-child:before{content:"";width:1.125rem;height:2px;background:#969798;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);}

.pc{display:block;}
.mobile{display:none;}


@media (max-width: 768px){
    html, body{
        font-size: 10px;
    }
	
	#floatMenu .logo{float:none;width: 9rem;margin:0 auto;}	
	#floatMenu .sns_box{position:absolute;top:1.1rem;right:1rem;}
	#floatMenu .sns_box li{padding-left:0.75rem;display:inline-block;}
	#floatMenu .sns_box li a img{width:2.7rem;height:2.7rem;opacity:0.7;}

	.section .container{height:auto;margin:auto auto;padding-top:0;box-sizing:border-box;}
	.section .con_box{margin:1rem 0 2rem;letter-spacing:-0.1rem;font-size:1.6rem;}
	.section .title h1{letter-spacing:-0.2rem;font-size:3rem;}
	.section .title .st{font-size:1.7rem;}
	.section .img_box.left{padding-right:0.75rem;}
	.section .txt_box.right{padding-left:0.75rem;}

	#section0 .logo_big_item{display:none;}
	#section0 h1{text-align:center;font-size:3.8rem;line-height:1.2;}
	#section0 h1 strong{font-size:4rem;}
	#section0 .left span{font-size:1.8rem}
	#section0 .left{text-align:center;}
	#section0 .mainv_img{margin:0 auto;}
	#section0 .mainv_img {width:70%;height: 30rem;}

	#section1 {background:none;}
	#section1 .section1_img{padding-top:40%;margin-bottom:1.5rem;background-position:center -7rem;}
	
	#section2 {background-position:right top;}
	#section2 .section2_img{width:100%;padding-top:10rem;margin-bottom:1.5rem;display:none;}
	#section2 .item{height:7rem;border: 1px solid rgba(255,255,255,0.5);margin-bottom:0.3rem;}

	#section3 .row .item{height:14rem;margin-bottom:1rem;}
	#section3 .item .arrow{display:none;}

	#section4 {background-position:60% top;}
	
	#section6 .section6_img .item{zoom:1.1;}

	#section8{display:block;}

	.consult_box{height:100%;margin:-7rem -2rem;padding:7rem 2rem;box-sizing:border-box;}
	/*.consult_box textarea{height:20rem;}
	.consult_box .check_box input{width:2.5rem;height:2.5rem;}*/
	

	#footer.fp-auto-height.fp-section, #footer.fp-auto-height .fp-slide, #footer.fp-auto-height #footer.fp-tableCell {height:auto !important;}
	
	#footer.section .container{height:auto !important;overflow:hidden;}


	#footer .foot_logo{width:10rem;}
	#footer .address {width: 100%;padding-top:1rem;}
	#footer a.btn_top{position:fixed;right:1.5rem;top:87%;}
	#footer .sns_box{position:absolute;top:3.25rem;right:6.5rem;}
	#quick{display:none;}

	#footer .contantus{display:block;margin:-2.5rem -2rem;padding:2rem 2rem 0.5rem;}
	.footer{margin-top:5rem;}

	.pc{display:none;}	 
	.mobile{display:block;}



	/* 토글 사이드바 버튼 아이콘 */
	.ico {position:absolute;top:1.4rem;left:1.4rem;width:2.5rem;height:2.5rem;cursor:pointer;z-index:100;}
	.ico > div {position:absolute;top:5%;left:0;width:100%;height:2px;background-color:white;}
	.ico > div:nth-child(2) {top:40%;transition:visibility 0s .15s;}
	.ico.active > div:nth-child(2) {visibility:hidden;transition:visibility 0s;}
	.ico > div:nth-child(3) {top:75%;}
	.ico > div:nth-child(1), .ico > div:nth-child(3) {transition:top .15s .15s, transform .15s;}
	.ico.active > div:nth-child(1), .ico.active > div:nth-child(3) {top:40%;transform:rotate(45deg);transition:top .15s, transform .15s .15s;}
	.ico.active > div:nth-child(3) {transform:rotate(-45deg);}

	/* 아이콘 색 변화 */
	.ico[data-ico-now-animating="Y"] > div {background-color:#3cd8ff;}
	/* 라이브러리 끝 */

	/* 커스텀 */
	/* 좌측 사이드 바 */
	/* 좌측 사이드바 배경 */
	.left-side-bar-box {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);visibility:hidden;transition:visibility .5s, background-color .5s;}
	.left-side-bar-box.active {background-color:rgba(0,0,0,0);visibility:visible;}

	/* 좌측 사이드바 */
	.left-side-bar {position:fixed;top:0;left:-20rem;width:20rem;height:100%;background-color:rgba(0,0,0,.8);padding-top:5rem;transition:left .5s;}
	.left-side-bar-box.active > .left-side-bar {left:0;}
	.left-side-bar > .menu-1 ul > li > a {display:block;padding:1.5rem 2.5rem;font-size:2rem;color:#fff;}
	.left-side-bar > .menu-1 ul > li:hover > a {color:#3cd8ff;
	}
	/* 혼자가 아닌 a 에 +를 붙혀준다 */
	.left-side-bar > .menu-1 ul > li > a:not(:only-child)::after {content:"+";float:right;
	}
	/* 엑티브가 있는 메뉴(펼쳐진 메뉴)에 a에 - 를 붙혀준다 */
	.left-side-bar > .menu-1 ul > li.active > a:not(:only-child)::after {content:"-";}
	.left-side-bar > .menu-1 > ul ul {display:none;background-color:#cfcfcf;}
	.left-side-bar > .menu-1 > ul ul ul {background-color:#dfdfdf;}
	.left-side-bar > .menu-1 ul > li.active > ul {display:block;}
}



@media (max-width: 360px){
    html, body{
        font-size: 8px;
    }
}


/*@media only screen and (orientation: portrait) {
  body.portrait {
    height: 100vw;
    transform: rotate(90deg);
  }

  body.landscape {
    height: 100vw;
    transform: rotate(0deg);
  }
*/



/* 공통 */
.fc_b4e1f0{color:#b4e1f0 !important;}
.fc_fff{color:#fff !important;}
.line_box{width:100%;height:1px;background:#dedede;margin:2.25rem 0;}
.line_box.bg_fff{background:rgba(255,255,255,.7);}
.w_30{width:31% !important;}
.bg_0d325f{background:#0d325f;}