@charset "utf-8";
/* common */
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body {
  font-family: "Noto Sans KR", sans-serif !important;
}

* {font-family: 'Nanum Gothic', sans-serif;}
body{margin:0; padding:0;color:#666;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both; border-collapse:collapse; border-spacing:0; }
em,address{font-style:normal}
#skip, .hide, legend, hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {}

:root{
	--main-color: #0a4bc3;
	--area-wide-width: 1720px;
	--area-box-width: 1640px;
	--area-width: 1400px;
	--area-padding: 30px;
	--header-top: 50px;
	--header-height: 100px;
	--sub-visual-height: 48rem;
	--sub-menu-height: 69px;
	--sub-menu-height2: 46px;
	--full-height: 100vh;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
	--font-family1: "Outfit", "Wanted Sans Variable", "Wanted Sans", "ë‚˜ëˆ”ê³ ë”•", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	--font-family2: 'Noto Sans KR', "ë‚˜ëˆ”ê³ ë”•", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,aside,details, /* 1 */
figcaption,figure,footer,header,main, /* 2 */
menu,nav,section,summary { /* 1 */  display: block;}

.blind{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0}

/* skip navigation */
.skipNavi{position:absolute;top:0;left:0;width:100%;z-index:10001;}
.skipNavi a{position:absolute; display:block; width:100%; padding:10px 0; background:#444444;color:#fff; font-size:16px; text-align:center; top:-9999px;}
.skipNavi a:hover, .skipNavi a:active, .skipNavi a:focus{top:0;}


#skipnavigation {z-index:9999;position:absolute;left:0;top:0}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:1px;height:1px;overflow:hidden;color:#000;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{width:auto;height:auto;background:#ffd;}


/* ******************  메인 인트로 ********************** */
#mainIntro{position: fixed; top:0; left:0; width:100vw; height:100vh; z-index:10000; background:#000;}
#mainIntro .main-intro-bg{position: absolute; top:50%; left:50%; transform:Translate(-50%, -50%); width: 100vw; height: 100vh; pointer-events:none; transition:all 2s cubic-bezier(0.4, 0, 0.2, 1)}
#mainIntro .main-intro-bg img{width:100%; height:100%; object-fit:cover;}
#mainIntro .main-intro-circle{position: absolute; top:50%; left:50%; transform:Translate(-50%, -50%); pointer-events:none; opacity:0;}
#mainIntro .main-intro-circle img{width:100%; height:100%;}
#mainIntro .main-intro-circle.circle-txt{width:42.4rem; height:42.4rem;}
#mainIntro .main-intro-circle.circle-img{width:32.8rem; height:32.8rem;}
#mainIntro .main-intro-txt{position: absolute; top:50%; left:50%; transform:Translate(-50%, -50%) scale(1.2); opacity:0;}
#mainIntro .main-intro-txt img{display: block; position: relative; width:auto; height:3rem; overflow:visible;}
/* main-start */
.main-start #mainIntro .main-intro-circle.circle-txt{animation: introCircleBefore 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-start #mainIntro .main-intro-circle.circle-img{animation: introCircleBefore2 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-start #mainIntro .main-intro-txt{animation: introSvgAni 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
/* main-start - after */
.main-start #mainIntro.after-effect .main-intro-bg{transform:Translate(-50%, -50%) scale(1.1); }
.main-start #mainIntro.after-effect .main-intro-circle.circle-txt{animation: introCircleAfter 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-start #mainIntro.after-effect .circle-img.circle-img{animation: introCircleAfter2 1.8s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-start #mainIntro.after-effect .main-intro-txt{animation: introSvgAniAfter 2.3s cubic-bezier(0.4, 0, 0.2, 1) both;}


@keyframes introCircleBefore {
	from { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) rotate(0deg); }
	to { opacity:1.0;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) rotate(60deg); }
}
@keyframes introCircleAfter {
	from { opacity:1.0;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) rotate(60deg); }
	to { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) rotate(-90deg) scale(2); }
}
@keyframes introCircleBefore2 {
	from { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) rotate(0deg); }
	to { opacity:1.0;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) rotate(-90deg); }
}
@keyframes introCircleAfter2 {
	from { opacity:1.0;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) rotate(-90deg); }
	to { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) rotate(90deg) scale(2); }
}
@keyframes introSvgAni {
	0% { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) scale(1.5); }
	100% { opacity:1;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) scale(0.9); }
}
@keyframes introSvgAniAfter {
	0% { opacity:1;filter:Alpha(opacity=100); transform:Translate(-50%, -50%) scale(0.9); }
	100% { opacity:0;filter:Alpha(opacity=0); transform:Translate(-50%, -50%) scale(2.5); }
}

.section {
  position: relative;
  width: 100%;
}
.semicircle{padding-top:22%}

.parallax-item {
  width:100%;height:100px;
}
.semicircle-content-wrap {
  position:fixed;
  top:30%;
  left:0%;
  width:100%;
  z-index:8889;
}

.full_popup{position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:9999}
.full_popup .bg{position:absolute;left:0px;top:0px;height:100%;width:100%;background:#000;opacity:0.6;z-index:99997}
.full_popup .popup_area{position:absolute;top:20%;z-index:99998}
.full_popup .popup_area2{position:absolute;top:5%;z-index:99999}


.main_circle_text{position:absolute;left:50%;top:50%;width:479px;height:123px;background:url('../images/main_visual_text_white.png') no-repeat center center;margin-left:-239px;z-index:33;opacity:0}


.semicircle-content-wrap h3{background:url('../images/main_visual_text.png') no-repeat center center;width:479px;height:123px;position:absolute;left:50%;margin-left:-239px;top:0px;}
.semicircle-content-wrap h2{background:url('../images/main_visual_logo.png') no-repeat center center;width:843px;height:121px;position:absolute;left:50%;margin-left:-421px;top:200px;}

.semicircle-media{height:130vh;position:relative;z-index:8888;
-webkit-clip-path: ellipse(58% 100% at 50% 100%);
  clip-path: ellipse(58% 100% at 50% 100%);
}
.semicircle-media .bg{position:absolute;left:0px;top:0px;height:100%;width:100%;background:url('../images/main_visual_image.jpg') no-repeat center center;background-size:cover}
.semicircle-media:before {padding-bottom: calc(10 / 16 * 100%);content:''}

#header{position:fixed;left:0px;top:0px;width:100%;z-index:999;display:none}
#header .header_box{position:relative;width:100%;height:100px;}
#header .header_box:before{content:'';position:absolute;left:0px;width:100%;height:1px;bottom:0px;background:#8a8a8a;opacity:0.5}
#header .menu_box{position:relative;width:100%;height:50px;}
#header .menu_box:before{content:'';position:absolute;left:0px;width:100%;height:1px;bottom:0px;background:#8a8a8a;opacity:0.5}
#header .header_box .left{position:Absolute;left:80px;width:193px;height:25px;background:url('../images/top_left.png') no-repeat center center;top:37px}
#header .header_box h1{position:Absolute;left:50%;margin-left:-215px;width:431px;height:24px;background:url('../images/logo.png') no-repeat center center;top:38px}
#header .header_box h1 a{display:block;height:100%;}
#header .header_box .tel{position:Absolute;right:80px;width:236px;height:28px;background:url('../images/tel.png') no-repeat center center;top:36px}
#header .menu_box #gnb{display:block;text-align:center;}
#header .menu_box #gnb li{display:inline-block;margin-right:36px;margin-left:36px;}
#header .menu_box #gnb li p{display:inline-block;}
#header .menu_box #gnb li p a{display:inline-block;color:#898a89;font-size:16px;font-family: 'Apple SD Gothic Neo', sans-serif;letter-spacing:-1px;padding:0px 0px;line-height:50px;}
#header .menu_box #gnb li:hover p a{border-bottom:2px solid #443129;color:#443129;}
#header .menu_box #gnb li.active p a{border-bottom:2px solid #443129;color:#443129;}


#wrap.main-page #header.white .header_box:before{background:#fff;opacity:0.5}
#wrap.main-page #header.white .menu_box:before{background:#fff;opacity:0.5}
#wrap.main-page #header.white .header_box .left{background:url('../images/top_left_white.png') no-repeat center center;}
#wrap.main-page #header.white .header_box h1{background:url('../images/logo_white.png') no-repeat center center;}
#wrap.main-page #header.white .header_box .tel{background:url('../images/tel_white.png') no-repeat center center;}
#wrap.main-page #header.white .menu_box #gnb li p a{color:#fff;;}

#wrap.sub #header .header_box:before{background:#fff;opacity:0.5}
#wrap.sub #header .menu_box:before{background:#fff;opacity:0.5}
#wrap.sub #header .header_box .left{background:url('../images/top_left_white.png') no-repeat center center;}
#wrap.sub #header .header_box h1{background:url('../images/logo_white.png') no-repeat center center;}
#wrap.sub #header .header_box .tel{background:url('../images/tel_white.png') no-repeat center center;}
#wrap.sub #header .menu_box #gnb li p a{color:#fff;;}
#wrap.sub #header .menu_box #gnb li.active p a{color:#ccc;;}

#wrap.sub #header.on,#wrap.main-page #header.bg.on{background:#fff;}
#wrap.sub #header.on .header_box:before,#wrap.main-page #header.bg.on .header_box:before{background:#8a8a8a;opacity:0.5}
#wrap.sub #header.on .menu_box:before,#wrap.main-page #header.bg.on .menu_box:before{background:#8a8a8a;opacity:0.5}
#wrap.sub #header.on .header_box .left,#wrap.main-page #header.bg.on .header_box .left{background:url('../images/top_left.png') no-repeat center center;}
#wrap.sub #header.on .header_box h1,#wrap.main-page #header.bg.on .header_box h1{background:url('../images/logo.png') no-repeat center center;}
#wrap.sub #header.on .header_box .tel,#wrap.main-page #header.bg.on .header_box .tel{background:url('../images/tel.png') no-repeat center center;}
#wrap.sub #header.on .menu_box #gnb li p a,#wrap.main-page #header.bg.on .menu_box #gnb li p a{color:#898a89;;}
#wrap.sub #header.on .menu_box #gnb li.active p a,#wrap.main-page #header.bg.on .menu_box #gnb li.active p a{color:#898a89;;}

#wrap{min-width:1800px;}

.semicircle{background:#fff;opacity:0}

.main_section{position:relative;height:928px;}
.main_section .main_section_select{width:50%;}
.main_section .main_section_select .tab{padding-top:70px;}
.main_section .main_section_select .tab ul{text-align:center;}
.main_section .main_section_select .tab ul li{display:inline-block;margin-right:20px;margin-left:20px;}
.main_section .main_section_select .tab ul li a{display:inline-block;color:#777878;font-size:17px;font-family:'Noto Sans KR';padding-bottom:5px;font-weight:700}
.main_section .main_section_select .tab ul li.active a{color:#3d1f13;border-bottom:2px solid #3d1f13;}

.main_section .main_section_select .motion{width:540px;margin:0 auto;margin-top:133px;}
.main_section .main_section_image{width:50%;position:absolute;right:0px;top:0px;height:100%;}
.main_section .main_section_image .scroll{height:100%;}
.main_section .main_section_image .scroll ul{height:100%;}
.main_section .main_section_image .scroll li{height:100%}
.main_section .main_section_image .scroll li .bg{height:928px;}
.main_section .main_section_image .scroll .bg1 .bg{background:url('../images/main_section01.jpg') no-repeat center center;background-size:cover}
.main_section .main_section_image .scroll .bg2 .bg{background:url('../images/main_section02.jpg') no-repeat center center;background-size:cover}
.main_section .main_section_image .scroll .bg3 .bg{background:url('../images/main_section03.jpg') no-repeat center center;background-size:cover}




.main_contact{position:relative;height:928px;}
.main_contact .area{position:relative;}
.main_contact .area .title{height:297px;text-align:center;position:relative}
.main_contact .area .title span{position:absolute;left:0px;width:100%;top:115px;text-align:center;}
.main_contact .area .map_area{position:absolute;height:550px;background:#3d1f13;width:50%;}
.main_contact .area .map_area .map1{position:absolute;left:40px;top:99px;}
.main_contact .area .map_area .map2{position:absolute;left:668px;top:99px;}

.main_contact .area .map_link{position:absolute;left:1324px;top:527px;}
.main_contact .area .map_link .link1{margin-bottom:33px;position:relative}

.main_contact .area .map_link>div{position:relative}




.main_last{position:relative;height:925px;}
.main_last .area{position:relative;background:url('../images/main_last_bg.jpg') no-repeat center center;background-size:cover;height:100%;}
.main_last .area .text{position:absolute;right:55px;top:70px;}


.main_premium{position:relative}
.main-industry-tit-box{height:239px;position:relative}
.main-industry-tit-box .cm-main-effect{text-align:center;padding-top:90px;}
.main-industry-tit-box .product-overview-list{height:688px}

.product-overview-list {display: flex; width: 100%;background:#000;overflow:hidden}
.product-overview-list .overview-item {position: relative; opacity:0; transition:var(--transition-custom2);}
.product-overview-list .overview-item .overview-inner {display: block; width: 100%; height: 100%;}
.product-overview-list .overview-item .overview-img-box {position: relative; height:688px; margin: 0; overflow: hidden; background:#000}
.product-overview-list .overview-item .overview-img-box img {position: absolute; height:100%; min-width:100%; object-fit:cover; left: 50%; transform: translateX(-50%); opacity:0.3; transition:var(--transition-custom2);}
.product-overview-list .overview-item:first-child .overview-img-box img{left:0; transform:translateX(0);}
.product-overview-list .overview-item:last-child .overview-img-box img{left:auto; right:0; transform:translateX(0);}
/* 기본 */
.product-overview-list .overview-item .overview-tit-box{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center; z-index:9; transition:var(--transition-custom); transition-delay:0.2s;}
.product-overview-list .overview-item .overview-tit-box .tit{text-align:center;}
.product-overview-list .overview-item .overview-tit-box .txt{font-size:1.8rem; line-height:1.77; letter-spacing:-0.05em; color:rgba(255,255,255,0.3); font-weight:500;}
.product-overview-list .overview-item .overview-tit-box .prd-overview-btn-m{display: none;}
/* 오버시 */
.product-overview-list .overview-item .overview-thumb-box{position: absolute; top:0; left:0; width:100%; height:100%; padding:10rem 1.5rem; box-sizing:border-box; z-index:9; /* opacity:0; */ transition:var(--transition-custom);}
.product-overview-list .overview-item .overview-thumb-box .tit-box{margin-bottom:1.5rem;}
.product-overview-list .overview-item .overview-thumb-box .tit-box .tit{font-size:6rem; line-height:1.2; letter-spacing:-0.005em; color:#fff; font-weight:400; margin-bottom:1rem; white-space:nowrap;}
.product-overview-list .overview-item .overview-thumb-box .tit-box .tit .br-1640{display: none;}
.product-overview-list .overview-item .overview-thumb-box .tit-box .txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight:500; white-space:nowrap;}
.product-overview-list .overview-item .overview-thumb-box .check-list{margin-bottom:4rem;}
.product-overview-list .overview-item .overview-thumb-box .check-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:2; letter-spacing:-0.05em; color:#fff; font-weight:500; white-space:nowrap;}
.product-overview-list .overview-item .overview-thumb-box .check-list p:before{position: absolute; content:'\e929'; font-family:'xeicon'; color:#fff; font-size:1.6rem; left:0; top:0;}
/* animated */
.product-overview-list.animated .overview-item{transform:translateY(0px); opacity:1;}
.product-overview-list.animated .overview-item:nth-child(1){transition-delay:0s;}
.product-overview-list.animated .overview-item:nth-child(2){transition-delay:0.2s;}
.product-overview-list.animated .overview-item:nth-child(3){transition-delay:0.4s;}
.product-overview-list.animated .overview-item:nth-child(4){transition-delay:0.6s;}
.product-overview-list.animated .overview-item:nth-child(5){transition-delay:0.8s;}


/* active */
.product-overview-list .overview-item .overview-img-box.active img{opacity: 1;}
.product-overview-list .overview-item .overview-img-box.active + .overview-tit-box{opacity: 0; transition-delay:0s;}

.product-overview-list .overview-item .overview-img-box + .overview-tit-box + .overview-thumb-box .cm-main-effect .cm-effect{transform:translateY(100px); opacity:0; transition: transform 1.2s ease-in-out, opacity 0.4s ease-in-out;text-align:center;}
.product-overview-list.animated .overview-item .overview-img-box.active + .overview-tit-box + .overview-thumb-box .cm-main-effect .cm-effect{transform:translateY(0%); opacity:1; transition: all 1.2s ease-in-out;text-align:center;}


#snb_wrap{position:absolute;left:0px;right:0px;bottom:0px;height:80px;display:none}
#snb_wrap .snb_bg{position:absolute;left:0px;right:0px;height:80px;bottom:0px;z-index:88;background:#000;opacity:0.5}
#snb_wrap .snb_quick{position:absolute;left:50%;width:550px;height:80px;z-index:89;text-align:right}
#snb_wrap .snb_quick a{display:inline-block;height:80px;width:99px;position:relative}
#snb_wrap .snb_quick a.kakao{background:url('../images/navi_sns01.png') no-repeat center center;}
#snb_wrap .snb_quick a.facebook{background:url('../images/navi_sns02.png') no-repeat center center;}
#snb_wrap .snb_quick a.facebook:before{background:url('../images/mavi_sns_line.png') no-repeat right center;position:absolute;right:0px;height:100%;width:1px;content:''}
#snb_wrap .snb_quick a.facebook:after{background:url('../images/mavi_sns_line.png') no-repeat left center;position:absolute;left:0px;height:100%;width:1px;content:''}
#snb_wrap .snb_quick a.instargram{background:url('../images/navi_sns03.png') no-repeat center center;}

#snb{width:1100px;left:50%;margin-left:-550px;bottom:0px;height:80px;; z-index:89;position:absolute;}
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left;position:relative;height:80px;}
#snb > li.home{float:left; position:relative;height:80px;width:120px;background:url('../images/navi_line.png') no-repeat right center;}
#snb > li.home a{display:block;background:url('../images/navi_home.png') no-repeat left center;height:100%;}
#snb > li.home a span{display:block;height:80px;font-size:15px;color:#fff;font-family: "Noto Sans KR";line-height:80px;margin-left:42px;background:url('../images/navi_line.png') no-repeat left center;padding-left:17px;padding-right:10px;}

#snb > li:first-child + li > a {background:url("../images/navi_sub.png") no-repeat 90% 50%;}
#snb > li:first-child + li + li > a {margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;background:url('../images/navi_line.png') no-repeat right center;}
#snb .ov > a {
    display:block;
    height:80px;
    line-height:80px;
    padding:0 35px 0 15px;
    font-size:15px;
    letter-spacing:-0.075em;
    min-width:160px;
    font-family:'NanumSquare';color:#fff;
    font-weight:700;
}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fafbfc;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px;font-family: "Noto Sans KR" font-weight:400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:13px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov ul li a span{font-size:13px;color:#999;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#fafbfc;color:#333;}
#snb .ov ul li a:hover span{color:#333;}
#snb .ov ul li.active a {background:#fafbfc;color:#333;}
#snb .ov ul li.active a span{color:#333;}



#footer{background:#2a2a2a;overflow:hidden;height:163px;}
#footer .box{width:1717px;margin:0 auto;height:163px;position:relative;background:#2a2a2a;}
#footer .box .logo{position:absolute;left:0px;top:0px;}
#footer .box .copyright{position:absolute;left:377px;top:50px;}
#footer .box .company{position:absolute;right:98px;top:34px;}
#footer .box .menu{position:absolute;right:98px;bottom:33px;}

#container{}
#container .sub_visual{height:542px;position:relative;}
#container .sub_visual .box{height:542px;position:relative;overflow:hidden}
#container .sub_visual .box .bg{background:url('../images/sub_visual.jpg') no-repeat center center;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;}
#container .sub_visual .txt{background:url('../images/sub_visual_text.png') no-repeat center center;position:absolute;left:50%;margin-left:-239px;top:260px;width:479px;height:124px;}

.cont{width:1100px;margin:0 auto;padding-top:90px;padding-bottom:120px}
.cont .title{padding-bottom:110px;}
.cont .contents{}


.ncctab {height:80px;width:1100px;margin:0 auto;margin-bottom:48px;}
.ncctab ul {height:80px;}
.ncctab li {float:left;width:364px;margin-right:4px;}
.ncctab li#shop_n3{width:364px;margin-right:0px;}
.ncctab li.active {}
.ncctab li a{display:block;font-size:36px;line-height:80px;color:#877670;text-align:center;height:80px;background:#ffff;font-weight:700;border:1px solid #877670}
.ncctab li.active a{background:#877670;color:#fff;}

.nsstab_cont2{display:none}