@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


/* 초기화 */
* {transition:0.3s}

html, body, div, p, a, span, b, em, h1,h2,h3,h4,h5,h6 { font-family:'NanumSquare', sans-serif, 'Noto Sans KR', 'Nanum Gothic'; font-weight: normal;}
html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
body{margin:0; overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,footer{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{text-decoration:none!important;background-color:transparent}
a,a:hover,a:focus,a:active,a.active{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}dfn{font-style:italic}
h2,h3,h4,h5,h6{margin:0; text-transform:uppercase;}
ol,ul,dl{margin:0;padding:0;list-style-type:none;}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}


/* 구글 노토산스 폰트 크로스브라우징 */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* ======================================================================================================================= */



.no-padding{padding:0;}
.text-muted{color:#777}
.text-primary{color:#fed136}
.list-inline>li { display:inline-block; padding-right:5px; padding-left:5px;} /* 상단 메뉴 */



/* animation ======================================================================================================================= */
@keyframes slideDown{
    0%{opacity:0;transform:translateY(-100%)}
    100%{opacity:.9;transform:translateY(0)}
}
@keyframes balloon1{
0%,100%{transform:translate(0,5px)}
50%{transform:translate(0,0)}
}
/* fade in ======================================================================================================================= */
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
/* fade in down */
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/* fade in left */
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
/* fade in right */
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
/* fade in up */
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.sticky{position:fixed;width:100%;background-color:#fff;-webkit-box-shadow:0 -2px 6px 2px rgba(0,0,0,.2);box-shadow:0 -2px 6px 2px rgba(0,0,0,.2);animation:slideDown .7s;z-index:99}


/* 공통 */
#divpop { position:absolute;left:50%;top:190px; margin: 0 0 0 270px; z-index:200;visibility:hidden;}
#divpop img { margin: 0; padding: 0;}
#divpop form { margin: -3px 0 0; font-size: 0.8em; color: #ccc; text-align: right; vertical-align: middle; background-color: rgba(0,0,0,0.6);}
#divpop form input { margin: 0 4px 0 0; vertical-align: middle;}
#divpop form a { display: inline-block; margin: 5px 10px; color: #eee;}

/* 화면 낭독 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;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 #666;}
.hd_pops img {max-width:100%}
.hd_pops_con { margin: -16px 0 0 0;}
.hd_pops_footer {padding:0;background:#313131;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; font-size: 0.8em;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; font-size: 0.8em;}


.blind,legend {overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:1px; line-height:100px; white-space:nowrap;}
.content h2.tit { font-size: 3.6em; font-weight: 900; color: #1e7dff; text-align: center;}
.content h3 { font-size: 1.2em; font-weight: normal; text-align: center; letter-spacing: -0.05em;}

#hd_login_msg { padding: 5px 15%; width: 100%; font-size: 0.8em; color: #666; text-align: right; background: #000; box-sizing: border-box;}
#hd_login_msg a { color: #f1f1f1;}

/* Layout */


/* footer */
footer { padding: 30px 0; text-align: center; background: #232323;}
footer .inner {display:inline-table;}
footer .box_area {display:table-cell;vertical-align: middle;}
footer p { display: inline-block; font-size: 1.2em; color: #ababab;font-weight: 600;margin: 0px;}
footer a b i { color: #ababab;}
footer a.tnb_admin  { font-size: 0.8em; color: #ababab;}
footer a.cs_adm { font-size: 0.8em; color: #f1f1f1;}
footer .img1_area {display: inline-block;width:150px;padding: 0px 0px 0px 10px;}
footer .img1_area img {width:100%;}

/* Content */
#content {}
#content section {background-color: #f8f5f2;text-align: center;position: relative;}


/* 비주얼 영역 */
.visual .top_area { padding: 25px 0 12px; background-color: rgba(255,215,138,0.8);position: absolute;width: 100%;}
.visual .top_area h1 { overflow: hidden; clear: both; margin: 0 auto; max-width: 70%;text-align: left;}
.visual .top_area h1 img { min-width: 150px;}
.visual .top_area h1 a { float: right; margin: 10px 0 0; padding: 15px 28px; font-size: 1em;font-weight: 600; color: #006cff; line-height: 0.8em; border: 2px solid #006cff; opacity: 1;}
.visual .visual_img_area {position: absolute;width: 100%;bottom: 0px;left: 0px;}
.visual .visual_img {width:100%;max-width: 70%;margin: 0px 0px 0px 0px;}

.visual { background:url("../new_img/visual_bg.jpg") center bottom no-repeat;}
.visual .inner { margin: 0 auto; padding: 13% 0 13%; max-width: 70%;}
.visual .inner h2 { margin: 0 0 30px; min-width: 65%; color: #fff; text-align: left; letter-spacing: -0.08em;}
.visual .inner h2 > span { font-size: 0.6em; letter-spacing: -0.05em; line-height: 0em;color:#000000;}
.visual .inner h2 > b { display: block; margin: 15px 0 0 0px;color:#ff681e; font-family: 'NanumSquare', sans-serif;font-weight: 900;}
.visual .inner h2 > b > span {color:#ffad1e;font-weight: 900;}
.visual .inner p.txt_desc { padding: 1.2em; max-width: 35%; font-size: 1.4em; color: #232323; letter-spacing: -0.05em; line-height: 1.5em;background-color: #ffffff;text-align: left;}
span.scroll_down { position:absolute;left:50%;bottom: 30px;z-index:10;width:84px;overflow:hidden;font-size:12px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.2em;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
span.scroll_down:before { content:'';display:block;width:14px;height:46px;background:url(http://www.samsungfnstartup.com/img/sp.png) no-repeat -152px -31px;background-size:520px 320px;margin:0 auto 13px;-webkit-animation:balloon1 .8s ease-in-out infinite;-moz-animation:balloon1 .8s ease-in-out infinite;-o-animation:balloon1 .8s ease-in-out infinite;animation:balloon1 .8s ease-in-out infinite}


/* 사업분야 */
.business { min-height: 930px; background:url("../new_img/business_bg.jpg") center top no-repeat; background-size: cover;}
.business .inner { overflow: hidden; margin: 0 auto; padding: 130px 0 0 0; max-width: 1800px;}
.business .inner h3 { color: #000000;}
.business .inner ul { overflow: hidden; clear: both; margin: 0 auto; padding: 50px 0 115px; max-width: 100%; text-align: center;}
.business .inner li { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-sizing: border-box;border-radius: 15px;}
.business .inner li { overflow: hidden; display: inline-block; margin: 0.5%; width: 24%; min-width: 250px; background:url("../new_img/business_list_box.png") center no-repeat; background-size: cover;}
.business .inner li .box {padding: 4%;background: linear-gradient( 180deg, #1e7dffFF, #00000000 50%, #00000000);}
.business .inner li:hover .box {background:transparent;}
.business .inner li {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.business .inner li:nth-child(1) { background-image:url("../new_img/business_icon_1.jpg");}
.business .inner li:nth-child(2) { background-image:url("../new_img/business_icon_2.jpg");}
.business .inner li:nth-child(3) { background-image:url("../new_img/business_icon_3.jpg");}
.business .inner li:nth-child(4) { background-image:url("../new_img/business_icon_4.jpg");}
.business .inner li:nth-child(5) { background-image:url("../new_img/business_icon_5.jpg");}
.business .inner li:nth-child(6) { background-image:url("../new_img/business_icon_6.jpg");}

.business .inner li:hover { /*background:url("../new_img/business_list_box_on.png") center top no-repeat;*/ background: #febb48; background-size: cover; }
.business .inner li div { min-height: 300px; box-shadow: 0 3px 8px 0px rgb(0 0 0 / 5%) inset, -3px 0px 8px 0 rgb(0 0 0 / 5%) inset, 0px -3px 8px 0px rgb(0 0 0 / 5%) inset, 3px 0px 8px 0 rgb(0 0 0 / 5%) inset; box-sizing: border-box; border-radius: 3px;}
.business .inner li div p { overflow: hidden;margin: 0px;}

.business .inner li div.off { display: table; padding: 0px; width: 100%; text-align: center; color: #fff; border-radius: 15px;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.business .inner li div.off > p {display: table-cell;padding-top: 10%;}
.business .inner li div.on { display: none; padding: 10% 5% 5% 5%; width: 100%; text-align: center; color: #000000; border-radius: 15px;}
.business .inner li:hover div.on { display: block;}
.business .inner li:hover div.off { display: none;}
.business .inner li div p > b.tit { display: block; font-size: 2.4em; font-weight: 600; letter-spacing: -0.02em; word-spacing: -0.06em;}
.business .inner li div.off > p > b.tit {text-shadow: 1px 1px 10px #000;}
.business .inner li div p span { display: block; padding: 20px 0 40px; font-family:'Noto Sans KR', sans-serif; font-size: 1em; font-weight: 500; color: #b6e9eb; line-height: 1.4em; letter-spacing: -0.05em;}
.business .inner li div p span em { display: block;}
.business .inner li div p em { display: block; font-style: normal; font-size: 1.2em; font-weight: 700; line-height: 1.5em;}
.business .inner li div p em > b { display: block; margin: 20px auto; width:45px; height: 7px; background: #ffffff;}
.business .inner li div p em i { display: block; font-style: normal;font-weight: 400;line-height: 1.8em;font-size: 1.05em;word-break: keep-all;word-wrap: break-word;}


/* 사회적 기업 */
.social { padding: 120px 0 130px; max-height: 930px; text-align: left; background:url("../new_img/social_bg.jpg") center no-repeat; background-size: cover;}
.social .inner { position: relative; margin: 0 0 0 58%; width: 50%; box-sizing: border-box; /*background:url("../new_img/social_bg.png") center left no-repeat; background-size: cover;*/}
.social .inner .box_wrap { max-width: 80%; min-width: 300px;  border-left: none; box-sizing: border-box; /*background:url("../new_img/social_bg_line.png") left center repeat-y;*/}
.social .inner .box_wrap div { /*background:url("../new_img/social_bg_gray.jpg") left top repeat-y;*/}
.social .inner .box_wrap span { display: block; height: 80px; }
.social .inner .box_wrap div h2 { margin: 25px 0 30px;  text-align: left; line-height: 0.9em;}
.social .inner .box_wrap div p { margin: 0 0 33%; font-size: 1.3em;line-height: 1.3em; color: #000000; letter-spacing: -0.03em;text-align: left;}
.social .inner .box_wrap ul { position: absolute; top: 305px; overflow: hidden; clear: both; width: 100%; margin: 35px 0 0 0; padding: 50px 0 50px 2.5%; background-color: #febb48;text-align: left;}
.social .inner .box_wrap ul > li { float: left; width: 35%; padding: 1.2% 0; font-size: 1.3em; color: #000000;}
.social .inner .box_wrap ul > li > b {color: #ffffff;}
.social .inner .box_wrap div p br.width_600 {display:none;} 


/* 인증서 */
.certification { overflow: hidden; padding: 90px 0 7% 0; background:url("../new_img/certification_bg.jpg") center no-repeat; background-size: cover;}
.certification .inner { margin: 0 auto;}
.certification .inner h3 { margin: 0 0 40px; color: #b4b4b4; vertical-align: middle;}
.certification .inner h3 b { display: inline-block; padding: 0 30px; font-size: 1.8em; vertical-align: middle;}
.certification .inner .box_wrap {  margin: 30px auto 0 auto; width: 75%;}
.certification .inner .box_wrap ul { overflow: hidden; clear: both; text-align: center;}

.certification .inner .mobile {display: none;}

.certification .inner .box_wrap ul li span { background:url("../new_img/certicication_shadow.png") center bottom no-repeat; background-size: 100%;}
.certification .inner .box_wrap ul li {  width: 30%; display: inline-block; }
.certification .inner .box_wrap ul li span { overflow: hidden; display: block; padding: 3% 14% 5%; width: 100%; box-sizing: border-box;}
.certification .inner .box_wrap ul li span img { width: 100%; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19); border: 1px solid #fff;}

.certification .inner .box_wrap ul:nth-child(1) { margin: 0 auto;  }
.certification .inner .box_wrap ul:nth-child(2) { margin: -10% auto 0; }


/* 관련기업 */
.reference { overflow: hidden; padding: 90px 0 0 0; background:url("../new_img/reference_bg.jpg") center no-repeat; background-size: cover;}
.reference .inner h2 { color: #fff;}
.reference .inner h3 { color: #8da8b5;}
.reference .inner .box_wrap { overflow: hidden; margin: 80px auto 7%; width: 95%; max-width: 77%;}
.reference .inner .box_wrap ul { overflow: hidden; clear: both; margin: 0 auto; width: 100%; text-align: center;}
.reference .inner .box_wrap li { overflow: hidden; display: inline-block; padding: 1.5% 2.2%; width: 15.25%; min-width: 125px; max-width: 215px; text-align: center;}
.reference .inner .box_wrap li img { width: 100%; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2)}


/*오시는길 영역*/
.location { overflow: hidden; max-height: 620px;}
.location .inner { overflow: hidden; clear: both; width: 100%;}
.location .map { float: left; width: 50%;}
.location .map iframe { height: 620px;}
.location .info { float: left; padding: 7% 0 7% 8.5%; width: 30%; text-align: left;}
.location .info h2 { margin: 0 0 25px; text-align: left;}
.location .info p { margin: 0 0 20px; padding: 0 0 20px; font-size: 1.2em; color: #7d7d7d; letter-spacing: -0.05em; border-bottom: 1px solid #ddd;}
.location .info p b { display: block; padding: 15px 0 0; font-size: 1.4em; }
.location .info p b a { font-weight: bold; color: #0d0920;}
.location .info p span { display: inline-block; margin: 0 20px 0 0; font-family:'Noto Sans KR', sans-serif; font-size: 0.8em; letter-spacing: 0em;}
.location .info ul { margin: 0 0 30px;}
.location .info li { padding: 3px 0; font-family:'Noto Sans KR', sans-serif; font-size: 0.9em; color: #666; letter-spacing: 0em;}
.location .info a.btn_contact { display: block; padding: 10px 0; width: 175px; font-size: 1.2em; font-weight: bold; color: #333; text-align: center; border: 1px solid #333;}






/* 퀵메뉴 */
.fp_nav{z-index:5;position:fixed;top:50%;right:35px;margin-top:-186px}
.fp_nav li{display:block;position:relative;width:15px;height:15px;font-family:'Roboto';font-weight:400;font-size:20px}
.fp_nav li a {display:block;position:relative;width:15px;height:15px;margin-top:52px;background-color:#8bb9f9;border-radius:50%;font-family:'Roboto';font-weight:500;font-size:20px}

.fp_nav li:first-child{margin-top:0}
.fp_nav li:before{content:'';position:absolute;height:1px;width:0;right:-180px;background-color:#707070;-webkit-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s;opacity:0}

.fp_nav li.is_active a{background-color:transparent}
.fp_nav li.is_active:before{width:47px;opacity:1;right:-60px}
.fp_nav li.go_section_visual:after{content:'01'}
.fp_nav li.go_section_business:after{content:'02'}
.fp_nav li.go_section_social:after{content:'03'}
.fp_nav li.go_section_certification:after{content:'04'}
/*.fp_nav li.go_section_reference:after{content:'05'}*/
.fp_nav li.go_section_location:after{content:'05'}


.fp_nav li.is_over:before{content:'';position:absolute;height:1px;width:0;right:-180px;background-color:#42dbe6;-webkit-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s;opacity:0}
.fp_nav li.is_active.is_over:before{background-color: inherit;}
.fp_nav li.is_over a{background-color:transparent}
.fp_nav li.is_over:before{width:47px;opacity:1;right:-60px}
.fp_nav li.is_over a span { overflow: inherit; top: -7px; left: -5px; font-size: 0.95em; color: #42dbe6; line-height: 0.95em;}
.fp_nav li.is_active.is_over a span { display: none;}
.fp_nav li.go_section_visual.is_over:after{content:'01'}
.fp_nav li.go_section_business.is_over:after{content:'02'}
.fp_nav li.go_section_social.is_over:after{content:'03'}
.fp_nav li.go_section_certification.is_over:after{content:'04'}
.fp_nav li.go_section_reference.is_over:after{content:'05'}
.fp_nav li.go_section_location.is_over:after{content:'06'}



.fp_nav li:after{position:absolute;right:-74px;top:-12px;opacity:0;color:#707070;-webkit-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s}

@media screen and (min-width:0\0) { 
  .fp_nav li:after{top:-14px}
}
.fp_nav li.is_active:after{display:block;right:-3px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s;opacity:1}
/*.fp_nav li.is_over:after{right:-3px;-webkit-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s;opacity:1}*/
.fp_nav_white li a{background-color:rgba(255,255,255,.5)}
.fp_nav_white li.is_active a{background-color:transparent}
.fp_nav_white li:before{background-color:#fff;opacity:.5}
.fp_nav_white li:after{color:#fff}

.fp_nav_gray li:before{background-color:#fff}
.fp_nav_gray li:after{color:#fff}
.fp_nav_gray li.is_active a{background-color:transparent}

.fp_nav_blue li a{background-color:#8bb9f9;}
.fp_nav_blue li.is_active a{background-color:transparent}
.fp_nav_blue li:before{background-color:#1e7dff;opacity:.5}
.fp_nav_blue li:after{color:#1e7dff}


@media (max-width:1680px){
.m_menu { display: none !important;}
.visual .inner {max-width: 80%;}
}


@media screen  and (max-width: 1440px) and (min-width: 1024px){
.m_menu { display: none !important;}
}

@media (max-width:1400px){
.visual .inner {max-width: 90%;}
.business .inner li div p > b.tit {font-size: 2.0em;}
.business .inner li div p em i {line-height:1.6em;font-size: 1em;}
.social .inner {margin: 0 0 0 55%;}
.social .inner .box_wrap {max-width: 90%;}
.social .inner .box_wrap ul > li {width: 40%;font-size: 1.2em;}
.social .inner .box_wrap div p {font-size: 1.2em;}
}

@media (max-width:1200px){
.visual .inner {max-width: 95%;}
.content h2.tit {font-size: 3.2em;}
.social .inner {margin: 0 0 0 50%;}
.social .inner .box_wrap ul > li {width: 50%;}
}

@media (max-width:1023px){
.m_menu { display: none !important;}
.fp_nav { display: none;}

.content h2.tit { font-size: 3em}

.visual .visual_img_area {text-align: right;}
.visual .visual_img {max-width: 90%;text-align: right;}
.visual .top_area { padding: 15px 0 20px;}
.visual .top_area h1 { max-width: 85%;}
.visual .top_area h1 img { width: 25%;}
.visual .top_area h1 a { opacity: 1;margin: 18px 0 0;padding: 12px 20px;font-size: 0.7em;border-width: 1px;}
.visual .inner {padding: 20% 0 13%;}
.visual .inner p.txt_desc { font-size: 1.2em;max-width: 50%;}
.visual .inner h2 b { margin-left: 0;font-size: 0.9em;}

.business .inner li { width: 45%;}
.business .inner li div.off { background-position: center 150px !important;}
.business .inner li div p > b.tit { font-size: 1.3em;}
.business .inner li div.off { padding: 40px 0 0;}
.business .inner li div.on { padding: 40px 0 0;}

.social { background-position: 80% center !important;padding: 0px 0px 80px 0px;}
.social .inner { margin: 0 0 0 43%; width: 85%;}
.social .inner .box_wrap ul { margin: 0; padding: 25px 0 25px 5%; width: 95%;}
.social .inner .box_wrap ul > li {width: 100%;padding: 0.8% 0;}

.certification { padding: 90px 0 12% 0;}
.certification .inner h3 { margin: 0 0 70px;}
.certification .inner h3 b { display: none;}
.certification .inner .box_wrap { width: 100%;}
.certification .inner .box_wrap ul:nth-child(2) { margin: -10% auto 0;}

.reference .inner .box_wrap { margin: 50px auto 9%; max-width: 95%; }
.reference .inner .box_wrap li { width: 20%;}

.location { max-height: inherit !important;}
.location .map { overflow: hidden; width: 100%;}
.location .map iframe { height: 300px;}
.location .info { position: relative; padding: 7% 7% 4%; width: 86%;}
.location .info a.btn_contact { position: absolute; bottom: 15%; right: 7%;}

}

@media (max-width:800px){
.content h2.tit {font-size: 2.6em;}
.social .inner {margin: 0 0 0 38%;}
.social .inner .box_wrap div p {font-size: 1.1em;}
.social .inner .box_wrap ul > li {font-size: 1.1em;}
}

@media (max-width:700px){
.social .inner {margin: 0 0 0 35%;}
.social .inner .box_wrap div p {font-size: 1.05em;}
.social .inner .box_wrap ul > li {font-size: 1.05em;}
}

@media (max-width:600px){
.content h2.tit {font-size: 2.2em;}
.visual .inner {padding: 23% 0 13%;}
.visual .inner p.txt_desc {max-width: 70%;background-color: #ffffffb0;}
.social {background-position: 60% center !important;}
.social .inner {margin: 0 0 0 42%;}
.social .inner .box_wrap div p br.width_600 {display:inline;} 
}

@media (max-width: 414px){
.m_menu { display: none !important;}
.fp_nav { display: none;}

footer { padding: 15px 0;}
footer p { font-size: 0.9em;}

.content h2.tit { font-size: 2em; letter-spacing: -0.05em;}
.content h3 { padding: 0 10%; font-size: 1em;}
.content h3 em { display: block;}
.fp_nav { display: none;}

.visual .top_area { padding: 15px 0;}
.visual .top_area h1 { max-width: 76%;}
.visual .top_area h1 img { width: 45%;}
.visual .top_area h1 a { display: none;}

.visual { background-size: cover; background-position: 53% center;}
.visual .inner { max-width: 90%; padding: 30% 0 23%;}
.visual .inner h2 { font-size: 1.8em; line-height: 1.1em !important; }
.visual .inner h2 b { margin-left: 0;}
.visual .inner p.txt_desc { max-width: 100%; font-size: 0.9em;}
.visual .inner em { display: block;}

.business { background-position: center bottom; background-size: 940% !important;}
.business .inner { padding: 70px 0 0 0;}
.business .inner ul { padding: 50px 0 50px; max-width: 100%;}
.business .inner li { width: 90%;}
.business .inner li div { min-height: 210px;}
.business .inner li div.off { background-position: center 80px !important; background-size: 40% !important;}
.business .inner li div p > b.tit { font-size: 1.4em;}
.business .inner li div p > b.tit em { display: none;}
.business .inner li div.off { padding: 20px 0 0;}
.business .inner li div.on { padding: 20px 0 0;}
.business .inner li div p span { padding: 20px 5% 20px; font-size: 0.9em; line-height: 1.1em;}
.business .inner li div p span em { line-height: 1.1em;}
.business .inner li div p em { font-size: 0.9em; line-height: 1.2em;}
.business .inner li div p em b { text-align: center;}
.business .inner li div p em i { display: inline-block; padding: 0 2.5%; font-size: 1.3em; letter-spacing: -0.07em;}

.social { background-position: 58% center !important;}
.social .inner { width: 95%;margin: 0 0 0 37%;}
.social .inner .box_wrap { max-width: 95%;}
.social .inner .box_wrap span { height: 40px}
.social .inner .box_wrap div h2 { margin: 25px 0 10px;}
.social .inner .box_wrap div p { margin: 0 40px 33% 0px; font-size: 0.95em; color: #555;}
.social .inner .box_wrap ul { top: 220px; margin: 0; padding: 20px 0 20px 5%; width: 95%;}
.social .inner .box_wrap ul > li { font-size: 0.95em;}

.certification { padding: 50px 0 30px;}
.certification .inner h3 { margin: 0 0 30px;}
.certification .inner h3 b { display: none;}
.certification .inner .box_wrap { display: none;}
.certification .inner .mobile { display: block; width: 100%; }

.certification .inner .box_wrap ul:nth-child(2) { margin: 0 auto 0;}
.certification .inner .box_wrap ul li { margin-bottom: 30px; width: 46%;}

.reference { padding: 50px 0 55px;}
.reference .inner .box_wrap { margin: 50px auto 5%; max-width: 95%; }
.reference .inner .box_wrap li { width: 40%;}

 
.location .info p b { font-size: 1.1em;}
.location .info li { padding: 0 0;}
.location .info a.btn_contact { position: absolute; bottom: 47px; right: 7%; padding: 13px; width: auto;}
}


@media (max-width: 359px){
.m_menu { display: none !important;}
.fp_nav { display: none;}


.content h2.tit { font-size: 2em;}
.content h3 { padding: 0 6%; font-size: 0.9em;}

.visual .inner { padding: 30% 0 23%;}
.visual .inner p.txt_desc { max-width: 100%; font-size: 0.85em;}



}