@charset "UTF-8";

#m-container {overflow-x:hidden; padding:0; background:#ffffff; -webkit-font-smoothing: antialiased;}

/* fullpage slide */
.main-slider.swiper-container {width:100%; height:100vh; min-height:760px; z-index:9; /* -webkit-transform: translate3d(0,0,0); */}

.swiper-slide.section-slide.footer {height:auto;}
.section-slide-center {padding-top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

/* sec01 */
#sec01 {position:relative; width:100%; height:100%}
#sec01 .sec01_cont {position:relative; width:100%; height:100%; max-width:1280px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#sec01 .m_vis-bar {position:relative; width:300px; height:30px; z-index:10; margin-top:50px;}
#sec01 .m_vis-bar:after {content:""; display:block; clear:both;}
#sec01 .m_vis-bar .progress-bar {float:left; display:block; position:relative; margin-top:14px; width:210px; height:2px; background:#fff;}
#sec01 .m_vis-bar .progress-bar span.now {position:absolute; top:0; left:0; width:100%; height:2px; background:#1e96e6;}
#sec01 .m_vis-bar .count {float:left; display:block; position:relative; margin-left:16px; line-height:30px;}
#sec01 .m_vis-bar .count span.current {position:relative; font-size:14px; font-weight:700; padding-right:21px; color:#fff;}
#sec01 .m_vis-bar .count span.current:after {content:""; position:absolute; top:6px; right:8px; display:block; width:1px; height:10px; background:#ddd;}
#sec01 .m_vis-bar .count span.total {font-size:14px; font-weight:700; color:#fff;}

#sec01 .m_vis-title {position:relative; margin-top:10px; z-index:10;}
#sec01 .m_vis-title .btit {font-size:72px; font-weight:700; line-height:0.9em; color:#fff;}
#sec01 .m_vis-title .btit span {font-size: 32px;}
#sec01 .m_vis-title .btit br {display:none;}
#sec01 .m_vis-title .stit {margin-top:25px; font-size:2rem; font-weight:500; line-height:1.5em; color:#fff;}

#sec01 .m_vis-pager {position:relative; margin-top:70px; width:112px; height:36px; z-index:10;}
#sec01 .m_vis-pager:after {content:""; display:block; clear:both;}
#sec01 .m_vis-pager .prev {float:left; display:block; margin-right:2px; border:0; width:36px; height:36px; cursor:pointer; background:url('http://dowonlaw.com/images/ico_sec01_nav_left.png')center center no-repeat;}
#sec01 .m_vis-pager .next {float:left; display:block; margin-right:2px; border:0; width:36px; height:36px; cursor:pointer; background:url('../images/ico_sec01_nav_right.png')center center no-repeat;}
#sec01 .m_vis-pager .stop {float:left; display:block; margin:0; border:0; width:36px; height:36px; cursor:pointer; background:url('../images/ico_sec01_nav_pause.png')center center no-repeat;}
#sec01 .m_vis-pager .play {float:left; display:block; margin:0; border:0; width:36px; height:36px; cursor:pointer; background:url('../images/ico_sec01_nav_play.png')center center no-repeat;}

#sec01 .m_vis {position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100%; height:100%; overflow:hidden; z-index:1; }
#sec01 .m_vis .slick-list {height:100%;}
#sec01 .m_vis .slick-track {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; }
#sec01 .m_vis .slick-slide {height: inherit; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
#sec01 .m_vis .sec01-bg {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.45);}


/* sec02 */
#sec02 {position:relative; width:100%; height:100%; background:#fff; z-index:10;}
#sec02 .sec02_cont {height:100%;}
#sec02 .business-container {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%;}
#sec02 .business-container:after {content:""; display:block; clear:both;}
#sec02 .business-container .right {width:50%; background: url('http://dowonlaw.com/images/img_sec02_bg.png'); background-position-x: right; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#sec02 .business-container .left {width:50%; overflow: hidden; }

/* #sec02 .business-container .left .business-img img {width: 100%; height: 100vh; object-fit: cover; } */
/* #sec02 .business-container .left .business-img img {width: 100%; height: 100vh; object-fit: cover; } */
#sec02 .business-container .left .business-img { width: 100%; height: 100vh; background-size: cover; background-position: center;}
#sec02 .business-container .right .right_inner {margin-top:-130px;}
#sec02 .business-container .right .item {position:relative;}
#sec02 .business-container .right .business-tit {text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sec02 .business-container .right .business-tit .b-tit {margin-bottom:45px; font-size:40px; font-weight:600; line-height:1em; color:#000; opacity:0; -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px); transition:all 0.4s 0.5s;}
#sec02 .business-container .right .business-tit .s-txt {display:block; max-width:630px; padding:0 20px; font-size:16px; font-weight:300; line-height:1.5em; color:#333; opacity:0; margin:0 auto; word-break:keep-all; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); transition:transform 0.35s 0.65s, opacity 0.8s 0.65s;}
#sec02 .business-container .right .slick-active.item .business-tit .b-tit {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
#sec02 .business-container .right .slick-active.item .business-tit .s-txt {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}

#sec02 .business-control {position:relative; width:100%; max-width:446px; height:75px; margin:100px auto 0;}
#sec02 .business-control.pc {display:block;}
#sec02 .business-control.mobile {display:none;}
#sec02 .business-control button {position:absolute; top:0; width:75px; height:75px; vertical-align:top; text-indent:-9999px;}
#sec02 .business-control button.business-prev {left:-35px; background:url('http://dowonlaw.com/images/ico_business_prev.png')center center/75px 75px no-repeat;}
#sec02 .business-control button.business-next {right:-35px; background:url('../images/ico_business_next.png')center center/75px 75px no-repeat;}
#sec02 .business-control .business-count {display:block; width:100%; height:100%; text-align:center; color:#999;}
#sec02 .business-control .business-count .biz-tit {font-size:25px; font-weight:600;}
#sec02 .business-control .business-count ul {margin-top:5px; margin-left:50%; -webkit-transform:translateX(-25px); -ms-transform:translateX(-25px); transform:translateX(-25px);}
#sec02 .business-control .business-count ul:after {content:""; display:block; clear:both;}
#sec02 .business-control .business-count ul li {float:left;}
#sec02 .business-control .business-count ul li span {position:relative; margin:0 10px;}
#sec02 .business-control .business-count ul li span.current:after {content:"/"; display:block; position:absolute; top:0; right:-14px;}

#sec02 .more-info-btn {display:block; position:absolute; border-radius: 100px 100px 0 100px; top:43%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:270px; height:50px; padding:17px 32px; text-align:left; background:#1e96e6; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0px 15px 15px 0px rgba(0,0,0,0.25); box-shadow:0px 15px 15px 0px rgba(0,0,0,0.25); z-index:1; color:#fff;}
#sec02 .more-info-btn span {display:block; position:relative; font-size:1.5rem; font-weight:500; line-height:.5em; color:#fff; text-align: center;}
#sec02 .more-info-btn span::after { content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(315deg); transform: rotate(315deg); position: absolute; left: 7%; top: 23%; -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite;  }
@-webkit-keyframes sdb {
	0% {
		margin-left: 7px;
	  }
	  50% {
		margin-left: 3px;
	  }
	  100% {
		margin-left: 7px;
	  }
	}

#sec02 .business-dots {max-width:30%; display: block; margin:0 auto;  position:absolute; top: 15%; left:0;}
#sec02 .business-dots ul { margin:0 0 0 10rem;}
#sec02 .business-dots ul:after {content:""; display:block; clear:both;}
#sec02 .business-dots ul li { margin:30% 0;}
#sec02 .business-dots ul li a {display:block; text-shadow: 1px 1px 6px black; font-size:28px; padding:4px 14px 5px 14px; font-weight:600; line-height:1em; color:#fff; opacity: 0.3; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sec02 .business-dots ul li.slick-active a {display:block; position:relative; padding:4px 14px 5px 14px;  color:#fff; opacity: 1;}


/* sec03 */
#sec03 {position:relative; width:100%; height:100%; background:url('../images/img_sec03_bg.jpg')center center no-repeat; background-size:cover;}
#sec03 .sec03_cont {position:relative; width:100%; max-width:1280px; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sec03 .swiper-slide {backface-visibility:unset; backface-visibility:visible;}

#sec03 .sec03-title {font-size:34px; font-weight:600; line-height:1em; color:#000; margin-bottom: 5%;}
#sec03 .sec03-title span {color:#1e96e6;}

#sec03 .map-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; }
#sec03 .map-container .left { /*width: 47.5%;*/ width:100%; }
#sec03 .map-container .right { width: 47.5%; }
#sec03 .map-container .map-btit { margin-top: 30px; font-size: 28px; font-weight: 700; }
#sec03 .map-container .map-stit { font-size: 18px; font-weight: 300; }


    /* tablet */
    @media screen and (max-width:1440px){

		/* navi */
		.msection_nav_wrap {display: none;}
	}

    @media screen and (max-width:1280px){
		
		/* sec01 */
		#sec01 .sec01_cont {max-width:1080px;}
		#sec01 .m_vis-title .btit {font-size:64px;}
        #sec01 .m_vis-title .stit { font-size: 14px; }

		/* sec02 */
		#sec02 .business-control {max-width:346px;}
        #sec02 .business-dots {top: 10%;}
		#sec02 .business-dots ul {max-width:1076px;}
		/* #sec02 .business-dots ul li:first-child {margin:5px 5px 5px 70px;} */
		#sec02 .business-dots ul li a {font-size:16px;}
		#sec02 .business-dots ul li a {padding:5px 14px 6px 14px;}
		#sec02 .business-dots ul li.slick-active a {padding:5px 14px 6px 14px;}
		
		/* sec03 */
		#sec03 .sec03_cont {max-width:1080px;}
        #sec03 .map-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; }
        #sec03 .map-container .map-btit { margin-top: 30px; font-size: 28px; font-weight: 700; }
        #sec03 .map-container .map-stit { font-size: 18px; font-weight: 300; }

		

	}

	/* mobile */
    @media screen and (max-width:1080px){
		
		/* fullpage */        
		html {overflow-x:hidden;}
		/* #m-container {overflow-x:unset;} */
		.main-slider.swiper-container {min-height:unset; height:auto; overflow:unset;}
		.main-slider.swiper-container > .swiper-wrapper {display:block;}
        .section-slide-center {padding:0;}
        
		/* sec01 */        
		#sec01 {height:740px;}
		#sec01 .sec01_cont {padding:0 20px;}
		#sec01 .m_vis .slick-slide img {width:100%; height:100%;}
		#sec01 .m_vis .video-zone {display:none;}

		/* sec02 */
		#sec02 {height:100%;}
		#sec02 .business-container{display:block;}
		#sec02 .business-container .right .right_inner {margin-top:-20px;}
		#sec02 .business-container .right {width:100%; height:340px;}
		#sec02 .business-container .right .business-tit {padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #sec02 .business-container .right .business-tit .b-tit {font-size:24px;}
        #sec02 .business-container .right .business-tit .s-txt br {display:none;}
		#sec02 .business-container .left {position:relative; width:100%; margin-top:0;}
		#sec02 .business-container .left .business-img img {width:100%;}
		#sec02 .business-dots {display:none;}

		#sec02 .more-info-btn {top:314px;}
        
        #sec02 .business-control.pc {display:none;}
		#sec02 .business-control.mobile {display:block; position:absolute; top:50%; left:50%; height:50px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:calc(100% - 110px); max-width:100%; margin:0; z-index:2;}
		#sec02 .business-control.mobile .business-count {color:#fff;}
		#sec02 .business-control.mobile button.business-prev {left:-35px; background:url('../images/ico_businessm_prev.png')center center/50px 50px no-repeat;}
		#sec02 .business-control.mobile button.business-next {right:-35px; background:url('http://dowonlaw.com/images/ico_businessm_next.png')center center/50px 50px no-repeat;}
        
        /* sec03 */
        #sec03 {height:100%;}
        #sec03 .sec03_cont {padding:84px 20px;}

	}

	@media screen and (max-width:940px){
		
		/* sec01 */
		#sec01 .m_vis-title .btit br {display:block;}

        /* sec02 */
		#sec02 .business-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
        #sec02 .business-container .right {background: url('../images/img_sec02_bg.jpg');}
		#sec02 .business-container .left .business-tit .b-tit {font-size:22px;}
		#sec02 .business-container .left .business-tit .s-txt {font-size:15px; padding:0;}
        #sec02 .business-container .left {position:relative; width:100%; margin-top:0;}
		#sec02 .business-container .left .business-img img {width:100vw; height: auto;}

        /* sec03 */
        #sec03 .map-container .map-btit { font-size: 20px; }
        #sec03 .map-container .map-stit { font-size: 16px; }


	}

    @media screen and (max-width:860px){
		
		/* sec03 */
        #sec03 .sec03_cont .sec03-slide {overflow:visible;}

	}

	@media only screen and (max-width:768px){
        
        /* sec01 */
		#sec01 .m_vis-title .btit {font-size:54px;}

		/* sec03 */

		#sec03 .map-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
		#sec03 .map-container .left  { width: 100%; margin: 0 0 15% 0; }
        #sec03 .map-container .right { width: 100%; }		
	}

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

		/* sec01 */
		#sec01 .m_vis-title .btit {font-size:38px;}	

        /* sec02  */
        #sec02 .business-container .left .business-tit .b-tit {font-size:20px;}
        /* sec03 */

		#sec03 .map-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
		#sec03 .map-container .left  { width: 100%; margin: 0 0 15% 0; }
        #sec03 .map-container .right { width: 100%; }	
	}

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

		/* sec01 */
		#sec01 .m_vis-title .btit {font-size:38px;}

        /* sec03 */

		#sec03 .map-container {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
		#sec03 .map-container .left  { width: 100%; margin: 0 0 15% 0; }
        #sec03 .map-container .right { width: 100%; }	

        #sec03 .map-container .map-btit { margin-top: 30px; font-size: 20px; font-weight: 700; }
	}