@charset "utf-8";

/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 
* @ 작성일     : 2021-06-26
************************** 수정이력 **************************************
* 날짜                     작업자                 변경내용
* 2021-06-26              XXX                  최초작성
**************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Open+Sans&display=swap');


/* noto-sans-kr-300 - korean */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/noto-sans-kr-v12-korean-300.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
	url('../font/noto-sans-kr-v12-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/noto-sans-kr-v12-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-300.woff') format('woff'), /* Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../font/noto-sans-kr-v12-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/noto-sans-kr-v12-korean-regular.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
	url('../font/noto-sans-kr-v12-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/noto-sans-kr-v12-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-regular.woff') format('woff'), /* Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../font/noto-sans-kr-v12-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-100 - korean */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/noto-sans-kr-v12-korean-100.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
	url('../font/noto-sans-kr-v12-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/noto-sans-kr-v12-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-100.woff') format('woff'), /* Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../font/noto-sans-kr-v12-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../_public/fonts/noto-sans-kr-v12-korean-500.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
	url('../font/noto-sans-kr-v12-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/noto-sans-kr-v12-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-500.woff') format('woff'), /* Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../font/noto-sans-kr-v12-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/noto-sans-kr-v12-korean-700.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
	url('../font/noto-sans-kr-v12-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/noto-sans-kr-v12-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-700.woff') format('woff'), /* Modern Browsers */
	url('../font/noto-sans-kr-v12-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../font/noto-sans-kr-v12-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'BameuihaebyunRegular';
	src: url('../font/210BameuihaebyunRegular.eot');
	src: url('../font/210BameuihaebyunRegular.eot?#iefix') format('embedded-opentype'),
	url('../font/210BameuihaebyunRegular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TTBameuihaebyunR';
	src: url('../font/TTBameuihaebyunR.svg#TTBameuihaebyunR') format('svg'),
	url('../font/TTBameuihaebyunR.ttf') format('truetype'),
	url('../font/TTBameuihaebyunR.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


* {box-sizing: border-box;}
html{font-size:100px;height: 100%;}
body{/* overflow: inherit; */height: 100%; font-weight:400;}
body.on{overflow: hidden;}
.layout{margin:0 auto;max-width:1200px;}
#wrap{height: 100%;}
.no-data{width:100%;padding:40px 0;text-align: center;color:#444;font-size:16px;}
body, h1, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea, button {font-family:'Noto Sans KR','Abril Fatface', Helvetica Neue, Helvetica, Arial, sans-serif;}

/* color style */

/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}

.tab-type1{display: flex;}
.tab-type1 a{display: block;flex:1;line-height: 70px;background: #bababa;text-align: center;font-size:24px;font-weight: 400;}
.tab-type1 a.active{background:#967972;color:#fff;font-weight: 500; }

.tab-box{font-size: 0;}
.tab-box a{display: inline-block;width: 160px;line-height: 55px;text-align: center;font-size: 18px;color: #000;font-weight: 500;background: #bababa;border-left:1px solid #6b6b6b;}
.tab-box a:first-child{border-left:0;}
.tab-box a.active{color: #fff;background: #967972;}

.radio-type1{position: relative;}
.radio-type1 input[type="radio"]{position: absolute;opacity: 0;}
.radio-type1 label{position: relative;font-size: 18px;color: #fff;font-weight: 500;padding-left: 32px;cursor: pointer;}
.radio-type1 label:before{content: "";position: absolute;left: 0;display: inline-block;width: 23px;height: 23px;border: 2px solid #a1a7ba;background: #fff;border-radius: 100%;}
.radio-type1 label:after{content: "";position: absolute;top: 8px;left: 8px;display:none;width: 11px;height: 11px;background: #000;border-radius: 100%;}
.radio-type1 input[type="radio"]:checked + label:after{display: inline-block;}

header{position: fixed;top:0;left:0;width:100%;z-index: 100;}
header .layout{display: flex;align-items: center;justify-content: space-between;}
header .logo{display: inline-block;}
header .gnb{display: inline-block;}
header .gnb ul{display: flex;align-items: center;}
header .gnb ul li{position:relative;display: inline-block;}
header .gnb ul li > a{display: block;padding:0 57.5px;font-size:26px;font-family: 'TTBameuihaebyunR';color:#3a3a3a;}
header .gnb ul li > a img{margin-left:10px; margin-top:-9px;}
header .gnb ul li .dropdown{display:none;position: absolute;width:100%;padding:15px 0;z-index: 10;}
header .gnb ul li .dropdown a{display: block;font-size: 16px;padding-left:55px;}
header .gnb ul li .dropdown a + a{margin-top:5px;}
header .gnb ul li:hover > a{color:#ed1c24;}
header .gnb ul li:hover .dropdown a:hover{color:#ed1c24;}
header .clicku{display: inline-block;}
.fp-viewing-section02 header .gnb ul li > a,
.fp-viewing-section03 header .gnb ul li > a,
.fp-viewing-section04 header .gnb ul li > a,
.fp-viewing-section05 header .gnb ul li > a {color:#fff;}
header.sub{background: #fff;}
header.sub .gnb ul li > a{color:#ed1c24;}
header.sub .gnb ul li .dropdown a{color:#ed1c24;}

#main{}
#main #fullpage{}
#main #fullpage .section{padding-top:153px;}
#main #fullpage .section .layout{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:1040px;}
#main #fullpage .section .layout .box{display: flex;justify-content: space-between;align-items:center;}
#main #fullpage .section .layout .box .txt{font-family: 'TTBameuihaebyunR';color:#fff;font-size:42px;}
#main #fullpage .section .layout .box .txt strong{display:block;color:#fff;font-size:62px;}
#main #fullpage .section .layout .box .txt .img{}
#main #fullpage .section .layout .txt2{padding-left:245px;margin-top:40px;position:relative;font-size: 26px;color:#fff;}
#main #fullpage .section .layout p:before{content: "";position:absolute;left:0;top:50%;transform:translateY(-50%);display: inline-block;width:200px;height: 2px;background: #fff;}
#main #fullpage .section01{background: url(/enterprise/images/clickU/main01.png) 50% 50% no-repeat;background-size: cover;}
#main #fullpage .section02{background: url(/enterprise/images/clickU/main02.png) 50% 50% no-repeat;background-size: cover;}
#main #fullpage .section03{background: url(/enterprise/images/clickU/main03.png) 50% 50% no-repeat;background-size: cover;}
#main #fullpage .section04{background: url(/enterprise/images/clickU/main04.png) 50% 50% no-repeat;background-size: cover;}
#main #fullpage .section05{height: auto !important;}

#main #fullpage .section02.active .layout .box .txt{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both}
#main #fullpage .section02.active .layout .box .img{-webkit-animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both}
#main #fullpage .section02.active .layout .txt2{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both}

#main #fullpage .section03.active .layout .box .txt{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both}
#main #fullpage .section03.active .layout .box .img{-webkit-animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both}
#main #fullpage .section03.active .layout .txt2{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both}

#main #fullpage .section04.active .layout .box .txt{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both}
#main #fullpage .section04.active .layout .box .img{-webkit-animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both}
#main #fullpage .section04.active .layout .txt2{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both}

#main #fullpage .section05.active .layout .box .txt{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) 0.5s both}
#main #fullpage .section05.active .layout .box .img{-webkit-animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both;animation:slide-left 1s cubic-bezier(.25,.46,.45,.94) both}
#main #fullpage .section05.active .layout .txt2{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) 1s both}

#main #fullpage .section04 .layout{position: absolute;top:55%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:1040px;}
#main #fullpage .section04 .layout .txt2{margin-top:0;}

#pages{padding-top: 200px;}

.breadcrumbs{font-size:0;}
.breadcrumbs a{position:relative;display: inline-block;margin-left: 45px;font-size:24px;color:#a6a6a6;font-family: 'TTBameuihaebyunR';}
.breadcrumbs a:before{content: "";display: inline-block;width:3px;height: 3px;background:#a6a6a6;position: absolute;left:-22px;top:14px;}
.breadcrumbs a:first-child{margin-left:0;}
.breadcrumbs a:first-child:before{display: none;}
.breadcrumbs a.active{text-decoration: underline;color:#ed1c24;}

.about{padding-bottom: 70px;}
.about .top{margin-top:30px;padding-left:74px;position: relative;}
.about .top .txt{padding:108px 0 230px;}
.about .top .txt strong{display: block;font-size: 40px; line-height:185px; color:#3a3a3a;font-family: 'TTBameuihaebyunR';}
.about .top .txt strong img{margin-right:10px;position: relative;top: 10px;}
.about .top .txt p{margin-top:-39px;font-size: 28px;color:#3a3a3a;}
.about .top figure{position: absolute;right:-95px;top:0;}
.about ul{display: flex}
.about ul li{flex:1;position: relative;margin-left: 20px;}
.about ul li:first-child{margin-left:0;}
.about ul li > a{display: block;padding:60px 27px 285px;background: #ababab;border-radius: 15px;}
.about ul li a h3{font-size: 44px;color:#fff;font-family: 'TTBameuihaebyunR';}
.about ul li a p{margin-top:30px;font-size:24px;color:#fff;}
.about ul li a figure{position: absolute;left:27px;bottom:-60px;}
.about ul li a i{position: absolute;right:0;bottom:0;}
.about ul li:nth-child(1) a figure{left:-80px;}
.about ul li:nth-child(2) a figure{left:-68px;}
.about ul li:nth-child(3) a figure{left:-97px;}
.about .productBtn {position:absolute; right:0; bottom:2px;}
.product{padding-top:95px;}
.product .product01 .section01{}
.product .product01 .section01 .txt{color:#3a3a3a;font-size:52px;font-weight: bold;line-height: 65px;}
.product .product01 .section02{margin-top:100px;position: relative;height: 400px;background: url(../images/product0101.png) 50% 50% no-repeat;background-size: cover;}
.product .product01 .section02 .layout{position: relative;height: 100%;}
.product .product01 .section02 .layout h3{font-size:42px;color:#2295bb;font-family: 'TTBameuihaebyunR';position: absolute;top: 50%;transform: translateY(-50%);}
.product .product01 .section02 .layout h3 strong{display:block;font-size:62px;}
.product .product01 .section02 .layout figure{position:absolute;top: -200px;right: -90px;}
.product .product01 .section03{margin-top:105px;}
.product .product01 .section03 .layout{display: flex;align-items: center;}
.product .product01 .section03 .layout > div{flex:1;}
.product .product01 .section03 .layout .img{}
.product .product01 .section03 .layout .img img{display: block;}
.product .product01 .section03 .layout .txt-box{padding-left:35px;}
.product .product01 .section03 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product01 .section03 .layout .txt-box h3 em{color:#2196bc}
.product .product01 .section03 .layout .txt-box p{margin-top:30px;font-size:20px;letter-spacing: -1px;}
.product .product01 .section04{margin-top:100px;}
.product .product01 .section04 .layout{display: flex;align-items: center;}
.product .product01 .section04 .layout > div{flex:1;}
.product .product01 .section04 .layout .img{}
.product .product01 .section04 .layout .img img{display: block;}
.product .product01 .section04 .layout .txt-box{padding-right:35px;}
.product .product01 .section04 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product01 .section04 .layout .txt-box h3 em{color:#2196bc}
.product .product01 .section04 .layout .txt-box p{margin-top:30px;font-size:20px;letter-spacing: -1px;}

.product .product01 .section05{margin-top:100px;}
.product .product01 .section05 .layout{max-width:1500px;position: relative;height: 400px;background: url(../images/product0105.png) 50% 50% no-repeat;background-size: cover;}
.product .product01 .section05 .layout .txt-box{text-align: center;padding-top:100px;}
.product .product01 .section05 .layout .txt-box h3{font-size:42px;font-weight: bold;letter-spacing: -1px;line-height: 53px;}
.product .product01 .section05 .layout .txt-box h3 span{color:#fff;}
.product .product01 .section05 .layout .txt-box p{margin-top:25px;font-size:20px;}

.product .product01 .section06{margin-top:145px;}
.product .product01 .section06 .layout{display: flex;}
.product .product01 .section06 .layout > div{flex:1;position:relative;margin-left: 35px;padding-left:260px;}
.product .product01 .section06 .layout > div:first-child{margin-left:0;}
.product .product01 .section06 .layout > div figure{position: absolute;left:0;}
.product .product01 .section06 .layout .txt-box{padding-top:20px;}
.product .product01 .section06 .layout > div h3{font-size: 42px;padding-bottom:25px;border-bottom:2px solid #2fc8e1;font-weight: bold;}
.product .product01 .section06 .layout > div h3 span{display: block;font-size:22px;}
.product .product01 .section06 .layout > div ul{margin-top:25px;}
.product .product01 .section06 .layout > div ul li{font-size: 20px;margin-top:5px;color:#3a3a3a;}
.product .product01 .section06 .layout > div ul li:first-child{margin-top:0;}
.product .product01 .section07{background: #ecf9fb;margin-top:215px;padding-bottom:95px;}
.product .product01 .section07 .txt-box{position: relative;top:-45px;}
.product .product01 .section07 .txt-box h3{font-size: 62px;font-weight: bold;}
.product .product01 .section07 .txt-box p{margin-top: 25px;font-size: 30px;}
.product .product01 .section07 h4{position:relative;font-size: 42px;font-weight: bold;text-align: center;color:#3a3a3a;letter-spacing: -1px;}
.product .product01 .section07 h4 span{color:#3acae2;}
.product .product01 .section07 h4:before{content: "";position:absolute;top:90px;left:0;display: inline-block;width:445px;height: 2px;background: #3a3a3a;}
.product .product01 .section07 h4:after{content: "";position:absolute;top:90px;right:0;display: inline-block;width:445px;height: 2px;background: #3a3a3a;}
.product .product01 .section07 ul{display: flex;margin-top:60px;}
.product .product01 .section07 ul li{flex:1;margin-left:39px;text-align: center;}
.product .product01 .section07 ul li:first-child{margin-left:0;}
.product .product01 .section07 ul li figure{}
.product .product01 .section07 ul li figure img{}
.product .product01 .section07 ul li p{margin-top:15px;font-size:24px;letter-spacing: -1px;}

.product .product02 .section01{}
.product .product02 .section01 .txt{color:#3a3a3a;font-size:52px;font-weight: bold;line-height: 65px;}
.product .product02 .section02{margin-top:100px;position: relative;height: 400px;background: url(/enterprise/images/clickU/product0201.png) 50% 50% no-repeat;background-size: cover;}
.product .product02 .section02 .layout{position: relative;height: 100%;}
.product .product02 .section02 .layout h3{font-size:42px;color:#9c693f;font-family: 'TTBameuihaebyunR';position: absolute;top: 50%;transform: translateY(-50%);}
.product .product02 .section02 .layout h3 strong{display:block;font-size:62px;}
.product .product02 .section02 .layout figure{position:absolute;top: -44px;right: 60px;}
.product .product02 .section03{margin-top:105px;}
.product .product02 .section03 .layout{display: flex;align-items: center;}
.product .product02 .section03 .layout > div{flex:1;}
.product .product02 .section03 .layout .img{}
.product .product02 .section03 .layout .img img{display: block;}
.product .product02 .section03 .layout .txt-box{padding-left:35px;}
.product .product02 .section03 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product02 .section03 .layout .txt-box h3 em{color:#9c693f}
.product .product02 .section03 .layout .txt-box p{margin-top:30px;font-size:20px;letter-spacing: -1px;}
.product .product02 .section04{margin-top:100px;}
.product .product02 .section04 .layout{display: flex;align-items: center;}
.product .product02 .section04 .layout > div{flex:1;}
.product .product02 .section04 .layout .img{}
.product .product02 .section04 .layout .img img{display: block;}
.product .product02 .section04 .layout .txt-box{padding-right:35px;}
.product .product02 .section04 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product02 .section04 .layout .txt-box h3 em{color:#9c693f}
.product .product02 .section04 .layout .txt-box p{margin-top:30px;font-size:20px;letter-spacing: -1px;}

.product .product02 .section05{margin-top:100px;}
.product .product02 .section05 .layout{max-width:1500px;position: relative;height: 400px;background: url(/enterprise/images/clickU/product0205.png) 50% 50% no-repeat;background-size: cover;}
.product .product02 .section05 .layout .txt-box{text-align: center;padding-top:100px;}
.product .product02 .section05 .layout .txt-box h3{font-size:42px;font-weight: bold;letter-spacing: -1px;line-height: 53px;color:#fff;}
.product .product02 .section05 .layout .txt-box h3 span{color:#fff;}
.product .product02 .section05 .layout .txt-box p{margin-top:25px;font-size:20px;color:#fff;}

.product .product02 .section06{margin-top:145px;}
.product .product02 .section06 .layout{display: flex;}
.product .product02 .section06 .layout > div{flex:1;position:relative;margin-left: 35px;padding-left:260px;}
.product .product02 .section06 .layout > div:first-child{margin-left:0;}
.product .product02 .section06 .layout > div figure{position: absolute;left:0;}
.product .product02 .section06 .layout .txt-box{padding-top:20px;}
.product .product02 .section06 .layout > div h3{font-size: 42px;padding-bottom:25px;border-bottom:2px solid #2fc8e1;font-weight: bold;}
.product .product02 .section06 .layout > div h3 span{display: block;font-size:22px;}
.product .product02 .section06 .layout > div ul{margin-top:25px;}
.product .product02 .section06 .layout > div ul li{font-size: 20px;margin-top:5px;color:#3a3a3a;}
.product .product02 .section06 .layout > div ul li:first-child{margin-top:0;}
.product .product02 .section07{background: #faf3ee;margin-top:215px;padding-bottom:95px;}
.product .product02 .section07 .txt-box{position: relative;top:-45px;}
.product .product02 .section07 .txt-box h3{font-size: 62px;font-weight: bold;text-align: center;}
.product .product02 .section07 .txt-box h3 span{color:#5e402f;}
.product .product02 .section07 .txt-box p{margin-top: 25px;font-size: 30px;text-align: center;}

.product .product02 .section07 ul{display: flex;margin-top:60px;padding:0 80px;}
.product .product02 .section07 ul li{flex:1;margin-left:39px;text-align: center;}
.product .product02 .section07 ul li:first-child{margin-left:0;}
.product .product02 .section07 ul li figure{}
.product .product02 .section07 ul li figure img{}
.product .product02 .section07 ul li p{margin-top:15px;font-size:24px;letter-spacing: -1px;}

.product .product03 .section01{}
.product .product03 .section01 .txt{color:#3a3a3a;font-size:52px;font-weight: bold;line-height: 65px;}
.product .product03 .section02{margin-top:100px;position: relative;height: 400px;background: url(/enterprise/images/clickU/product0301.png) 50% 50% no-repeat;background-size: cover;}
.product .product03 .section02 .layout{position: relative;height: 100%;}
.product .product03 .section02 .layout h3{font-size:42px;color:#5f6161;font-family: 'TTBameuihaebyunR';position: absolute;top: 50%;transform: translateY(-50%);}
.product .product03 .section02 .layout h3 strong{display:block;font-size:62px;}
.product .product03 .section02 .layout figure{position:absolute;top: -90px;right: -25px;}
.product .product03 .section03{margin-top:105px;}
.product .product03 .section03 .layout{display: flex;align-items: center;}
.product .product03 .section03 .layout > div{flex:1;}
.product .product03 .section03 .layout .img{}
.product .product03 .section03 .layout .img img{display: block;}
.product .product03 .section03 .layout .txt-box{padding-left:35px;}
.product .product03 .section03 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product03 .section03 .layout .txt-box h3 em{color:#ed1c24}
.product .product03 .section03 .layout .txt-box p{margin-top:30px;font-size:20px;letter-spacing: -1px;}
.product .product03 .section04{margin-top:100px;}
.product .product03 .section04 .layout{display: flex;align-items: center;}
.product .product03 .section04 .layout > div{flex:1;}
.product .product03 .section04 .layout .img{}
.product .product03 .section04 .layout .img img{display: block;}
.product .product03 .section04 .layout .txt-box{padding-right:35px;}
.product .product03 .section04 .layout .txt-box h3{font-size:42px;font-weight: bold;line-height: 50px;letter-spacing: -1px;}
.product .product03 .section04 .layout .txt-box h3 em{color:#ed1c24}
.product .product03 .section04 .layout .txt-box p{margin-top:30px;font-size:19px;letter-spacing: -1px;}

.product .product03 .section05{margin-top:110px;}
.product .product03 .section05 .layout{padding:85px 145px 80px;max-width: 1500px;background: #f8f8f8;border:1px solid #d7d7d7;border-radius: 20px;}
.product .product03 .section05 .layout h3{text-align: center;font-size:62px;font-weight: bold;}
.product .product03 .section05 .layout p{text-align: center;margin-top:40px;font-size:30px;}
.product .product03 .section05 .layout .list{font-size: 0;margin-top:55px;}
.product .product03 .section05 .layout .list > div{position:relative;display: inline-block;width:calc(50% - 40px);margin:20px;vertical-align: top;font-size: 0;}
.product .product03 .section05 .layout .list > div figure{display: inline-block;vertical-align: middle;}
.product .product03 .section05 .layout .list > div figure img{display:block;}
.product .product03 .section05 .layout .list > div .txt-box{margin-left:18px;display: inline-block;vertical-align: middle;}
.product .product03 .section05 .layout .list > div .txt-box h4{font-size:42px;font-weight: bold;padding-bottom:20px;border-bottom:2px solid #ed1c24;}
.product .product03 .section05 .layout .list > div .txt-box p{margin-top:25px;font-size:20px;text-align: left;}


.product .product03 .section07{background: #f8f8f8;margin-top:215px;padding-bottom:95px;}
.product .product03 .section07 .txt-box{position: relative;top:-55px;}
.product .product03 .section07 .txt-box h3{font-size: 62px;font-weight: bold;text-align: center;}
.product .product03 .section07 .txt-box p{margin-top: 25px;font-size: 30px;text-align: center;}

.product .product03 .section07 ul{display: flex;margin-top:60px;padding:0 80px;}
.product .product03 .section07 ul li{flex:1;margin-left:39px;text-align: center;}
.product .product03 .section07 ul li:first-child{margin-left:0;}
.product .product03 .section07 ul li figure{}
.product .product03 .section07 ul li figure img{}
.product .product03 .section07 ul li p{margin-top:15px;font-size:24px;letter-spacing: -1px;}

.event{margin-top:70px;padding-bottom:95px;}
.event ul{font-size:0;margin:0 -2%;}
.event ul li{display: inline-block;width:29.3333%;vertical-align: top;margin:0 2% 50px;}
.event ul li a{display:block;}

#pagination{text-align: center;font-size:0;}
#pagination a{display: inline-block;vertical-align: middle;font-size:22px;color:#3a3a3a;margin:0 10px;}
#pagination .prev{display: inline-block;width:9px;height:16px;background: url(/enterprise/images/clickU/arrow01.png) no-repeat;transform: rotate(-180deg);background-size: cover;}
#pagination .next{display: inline-block;width:9px;height:16px;background: url(/enterprise/images/clickU/arrow01.png) no-repeat;background-size: cover;}
#pagination a.active,
#pagination a:hover{color:#ed1c24;}


footer{padding:27px 0 35px !important;}
footer .layout{position:relative !important;top:0 !important;left:0 !important;transform:none !important;display: flex;justify-content: space-between;max-width: 1200px !important;}
footer .layout a {margin-top:14px;}
footer address{font-size:16px;color:#666;}
footer .copyright{margin-top:15px!important;font-size:16px!important;color:#666!important;padding-left:0 !important;}
footer.sub{background: #f5f5f5;}


/*!
 * fullPage 3.1.2
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}



/* ----------------------------------------------
 * Generated by Animista on 2022-2-20 4:10:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-left {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}