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

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}
body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #ff6f00; /* 스크롤바의 색상 */
    border-radius: 10px;
}
body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}
body { font-family: 'Pretendard';  }

#rq { display:block; }
#topsc { display:block; }

#gnb { display:block; }

header { display:block; position:relative; top:0px; left:0px; right:0px; width:100%; height:100px; z-index:10;}
header h1#logo a { display:block;  width:362px; height:48px; background:url('/images/common/logo2.svg') no-repeat 0 0; background-size:100%;}

#gnb ul li a.dt01a { color:#000000;  }
#gnb ul li a.dt01a:hover { color:#fd5100; }
.sub0606 input[type="radio"] {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}


.noticetitle2 { position:relative; width:1280px; margin:0 auto; text-align:center; padding-top:110px; }
.noticetitle2 li:nth-child(1) { font-size:43px; font-weight:700; color:#111111; letter-spacing:-1px; }
.noticetitle2 li:nth-child(2) { margin-top:20px; font-size:18px; font-weight:400; color:#646464; letter-spacing:-0.5px; }
.noticetitle2 li:nth-child(3) { margin-top:10px; font-size:14px; font-weight:300; color:#a5a5a5; letter-spacing:-0.5px; }

.noticetitle2.noticetitleicon  li:nth-child(1) { background:url('/page_KR0/04_sub/images/noticetitleicon.jpg')no-repeat 37% 6px; padding-left:80px; box-sizing:border-box; }

.sub0602 { position:relative; width:100%; min-width:1360px; height:1006px; background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; }
.sub0603 { position:relative; width:100%; min-width:1360px; height:731px; background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; }
.sub0604 { position:relative; width:100%; min-width:1360px; height:734px; background:url('/page_KR0/06_sub/images/0604.jpg')no-repeat 50% 0; }
.sub0605 { position:relative; width:100%; min-width:1360px; height:499px; background:url('/page_KR0/06_sub/images/0605.jpg')no-repeat 50% 0; }
/* .sub0606 { position:relative; width:100%; min-width:1360px; height:599px; background:url('/page_KR0/06_sub/images/0606.jpg')no-repeat 50% 0; } */
.sub0607 { position:relative; width:100%; min-width:1360px; height:599px; background:url('/page_KR0/06_sub/images/0607.jpg')no-repeat 50% 0; }

.subalink2 { position:relative; width:1360px; margin:0 auto; }
.subalink2 a { position:absolute; display:block; width:118px; height:44px; cursor:pointer; }


.contact { position:relative; width:100%; margin:0 auto; }
.contact .quickcontent { position:relative; width:1214px; margin:0 auto;  overflow:hidden; border-top:3px solid #000000; }
.contact .quickcontent ul li.prviebt { position:relative; width:100%; overflow:hidden; border-bottom:1px solid #bcbcbc; margin-top:36px; }
.contact .quickcontent ul li.prviebt div.title { float:left; width:300px; padding-left:46px; box-sizing:border-box; height:30px; font-size:18px; font-weight:700; color:#000000; }
.contact .quickcontent ul li.prviebt div:nth-child(2) { float:left; width:75%; }
.contact .quickcontent ul li.prviebt ul { position:relative; width:100%; overflow:hidden; }
.contact .quickcontent ul li.prviebt ul li { float:left; position:relative; width:18%; padding-top:19.5%;  margin-right:2.5%; }
.contact .quickcontent ul li.prviebt ul.txt li { float:left; position:relative; width:18%; text-align:center; font-size:16px; font-weight:700; color:#000; padding-bottom:5%; padding-top:0px; margin-right:2.5%; }
.contact .quickcontent ul li.prviebt ul li:nth-child(5) { margin-right:0px; }
.contact .quickcontent ul li.prviebt ul li input[type="radio"] { display:none; }
.contact .quickcontent ul li.prviebt ul li input[type="radio"] + label span { position:absolute; top:0px; left:0px; display:inline-block; width:100%; height:100%; vertical-align:middle; border:none; cursor:pointer; }
.contact .quickcontent ul li.prviebt ul li.ck1 input[type="radio"] + label span { background:url('/hair/ck1.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck2 input[type="radio"] + label span { background:url('/hair/ck3.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck3 input[type="radio"] + label span { background:url('/hair/ck5.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck4 input[type="radio"] + label span { background:url('/hair/ck6.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck5 input[type="radio"] + label span { background:url('/hair/ck7.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck1 input[type="radio"]:checked + label span { background:url('/hair/ck1_on.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck2 input[type="radio"]:checked + label span { background:url('/hair/ck3_on.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck3 input[type="radio"]:checked + label span { background:url('/hair/ck5_on.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck4 input[type="radio"]:checked + label span { background:url('/hair/ck6_on.jpg')no-repeat 0 0; background-size:100%; }
.contact .quickcontent ul li.prviebt ul li.ck5 input[type="radio"]:checked + label span { background:url('/hair/ck7_on.jpg')no-repeat 0 0; background-size:100%; }

.contact .quickcontent ul li.prviebt2 { position:relative; width:100%; height:98px; line-height:98px; overflow:hidden; border-bottom:1px solid #bcbcbc; }
.contact .quickcontent ul li.prviebt2 label.title { display:inline-block; float:left; padding-left:46px; box-sizing:border-box; width:300px; line-height:98px; margin-right:0px; font-size:18px; font-weight:700; color:#000000; }

.contact .quickcontent ul li.prviebt2 input[type="radio"] + label { margin-right:2%; height:20px; line-height:20px; }
.contact .quickcontent ul li.prviebt2 input[type="checkbox"] + label { margin-right:2%; height:20px; line-height:20px; }
.contact .quickcontent ul li.prviebt2 input[type="radio"] + label span { margin-right:5px; vertical-align: middle; }
.contact .quickcontent ul li.prviebt2 input[type="checkbox"] + label span { margin-right:5px; vertical-align: middle; }

.contact .quickcontent ul li.name { position:relative; width:100%; height:98px; overflow:hidden; border-bottom:1px solid #bcbcbc; }
.contact .quickcontent ul li.name label { display:inline-block; float:left; width:300px; padding-left:46px; box-sizing:border-box;  line-height:98px; font-size:18px; font-weight:700; color:#000000; }
.contact .quickcontent ul li.name input { display:inline-block;  float:left; width:240px; height:40px; background:#ffffff; margin-top:28px; border:1px solid #dddddd; padding:10px; vertical-align:middle; }

.contact .quickcontent ul li.phone { position:relative; width:100%; height:98px; line-height:98px; overflow:hidden; border-bottom:1px solid #bcbcbc; }
.contact .quickcontent ul li.phone label { display:inline-block; float:left; width:300px; padding-left:46px; box-sizing:border-box; line-height:98px; font-size:18px; font-weight:700; color:#000000; }
.contact .quickcontent ul li.phone input { display:inline-block;  float:left; width:240px; height:40px; margin-top:28px; background:#ffffff; border:1px solid #dddddd; padding:10px;  vertical-align:middle; }

.contact .quickcontent ul li.prviebt3 { width:100%; margin-top:20px; text-align:right; }
.contact .quickcontent ul li.prviebt3 label {  font-size:13px; font-weight:400; color:#4e4d4d; }
.contact .quickcontent ul li.prviebt3 a {  font-size:13px; font-weight:400; color:#4e4d4d; }

.contact input[type="checkbox"] {
 display:none;
}
.contact input[type="checkbox"] + label span {
	display:inline-block;
	width:13px;
	height:13px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	background:url('/images/ck_off.jpg')no-repeat 0 0; margin-right:6px;
}
.contact input[type="checkbox"]:checked + label span { background:url('/images/ck_on.jpg')no-repeat 0px 0; }

.contact .quickcontent ul li.submitbt { width:100%; text-align:center; margin-top:20px; margin-bottom:100px; }
.contact .quickcontent ul li.submitbt input { display:inline-block; width:174px; height:64px; margin:0 auto; border-radius: 60px; background:#ff5000; border:0px; font-size:19px; font-weight:700; color:#ffffff; cursor:pointer; box-sizing:border-box; }

.contact input[type="radio"] {
    display: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.sub0604_01 { position:relative; width:1214px; margin:0 auto; margin-bottom:80px; border-top:3px solid #000000; }
.sub0604_01 ul { position:relative; width:1214px; height:102px; border-bottom:1px solid #dddddd; margin:0 auto; overflow:hidden; }
.sub0604_01 ul li:nth-child(1) { float:left; width:170px; height:102px; line-height:102px; text-align:center; }
.sub0604_01 ul li:nth-child(2) { float:left; width:437px; height:102px; line-height:102px; }
.sub0604_01 ul li:nth-child(3) { float:left; width:170px; height:102px; line-height:102px; text-align:center; }
.sub0604_01 ul li:nth-child(4) { float:left; width:437px; height:102px; line-height:102px; }

.sub0604_01 ul li:nth-child(2) input { display:inline-block; width:136px; height:44px; background:#ffffff; border:1px solid #dddddd; font-size:15px; font-weight:400; color:#2a2a2a; padding:0 8px; }
.sub0604_01 ul li:nth-child(4) input { display:inline-block; width:240px; height:44px; background:#ffffff; border:1px solid #dddddd; font-size:15px; font-weight:400; color:#acacac; padding:0 8px; }

.sub0604_01 .dbul2 li:nth-child(2) span { font-size:14px; font-weight:400; color:#808080; padding:0 5px; }
.sub0604_01 ul.dbul2 li:nth-child(2) select { display:inline-block; width:136px; height:44px; background:#ffffff; border:1px solid #dddddd; font-size:13px; font-weight:400; color:#acacac; padding:0 8px; }
.sub0604_01 ul.dbul2 li:nth-child(4) input { display:inline-block; vertical-align:middle; width:auto; height:auto; background:#ffffff; border:1px solid #dddddd; padding:0px; }
.sub0604_01 ul.dbul2 li:nth-child(4) label { display:inline-block; margin-right:10px;  font-size:14px; font-weight:400; color:#000000;}

.sub0604_01 .bt { position:relative; width:100%; margin-top:80px; text-align:center; }
.sub0604_01 .bt input { display:inline-block; vertical-align:top; width:174px; height:64px; margin-right:6px; border-radius: 60px; background:#ff5000; border:0px; font-size:19px; font-weight:700; color:#ffffff; cursor:pointer; box-sizing:border-box; }
.sub0604_01 .bt a { display:inline-block; vertical-align:top;  width:174px; height:64px; margin-left:6px; line-height:64px; border:1px solid #000000; border-radius: 60px; background:#fffffff; font-size:19px; font-weight:700; color:#000000; cursor:pointer; box-sizing:border-box; }

.sub0604_01 input::placeholder { color:#acacac; }


.sub0604_01 .bt input { display:inline-block; vertical-align:top; width:174px; height:64px; margin-right:6px; border-radius: 60px; background:#ff5000; border:0px; font-size:19px; font-weight:700; color:#ffffff; cursor:pointer; box-sizing:border-box; }
.noticecs { position:relative; width:100%; height:80px; background:#ffffff; z-index:63; }
.noticecscenter { position:relative; width:1166px; margin:0 auto; }
.noticecs .quicktitle { float:left; position:relative; width:260px; height:80px; line-height:80px; box-sizing:border-box; text-align:left; overflow:hidden; }
.noticecs .quicktitle ul li.title { font-size:28px; font-weight:700; color:#000000; line-height:80px; }
.noticecs .quickcontent { float:left; position:relative; width:900px; height:80px; padding-top:16px; box-sizing:border-box; }
.noticecs .quickcontent ul li.name { float:left; width:150px; height:50px; margin-right:10px; }
.noticecs .quickcontent ul li.phone { float:left; width:180px; height:50px; margin-right:10px; }
.noticecs .quickcontent ul li.contents { float:left; width:300px; height:50px; margin-right:10px;  }
.noticecs .quickcontent ul li.name label { display:none; }
.noticecs .quickcontent ul li.name input { display:block; width:100%; height:50px; background:#edecee; border:0px; border-radius:12px; margin-bottom:6px; font-size:13px; font-weight:400; color:#2a2a2a; padding:16px; }
.noticecs .quickcontent ul li.phone label { display:none; }
.noticecs .quickcontent ul li.phone input { display:block; width:100%; height:50px; background:#edecee; border:0px; border-radius:12px; margin-bottom:6px; padding:16px; font-size:13px; font-weight:400; color:#2a2a2a; }
.noticecs .quickcontent ul li.contents input { display:block; width:100%; height:50px; background:#edecee; border:0px; border-radius:12px; padding:16px; margin-bottom:6px; font-size:13px; font-weight:400; color:#8b8686; }
.noticecs .quickcontent ul li.prviebt {position:absolute; top:16px; right:0px; }
.noticecs .quickcontent ul li.prviebt label {  font-size:11px; font-weight:400; color:#4e4d4d; }
.noticecs .quickcontent ul li.prviebt a {  font-size:11px; font-weight:400; color:#4e4d4d; }
.noticecs .quickcontent input::placeholder { color:#2a2a2a; }
.noticecs .quickcontent textarea::placeholder { color:#8b8686; }
.noticecs .submitbt { position:relative; float:left; width:120px; }
.noticecs .submitbt input { 
display:block; width:100%; height:50px; background:#ff5000; border:0px; font-size:18px; font-weight:700; color:#ffffff; cursor:pointer;  border-radius:12px;
}

.noticecs input[type="checkbox"] {
 display:none;
}
.noticecs input[type="checkbox"] + label span {
	display:inline-block;
	width:13px;
	height:13px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	background:url('/images/ck_off.jpg')no-repeat 0 0; margin-right:6px;
}
.noticecs input[type="checkbox"]:checked + label span { background:url('/images/ck_on.jpg')no-repeat 0px 0; }

.noticecs input[type="radio"] {
 display:none;
}
.noticecs input[type="radio"] + label span {
display:inline-block;
width:17px;
height:17px;
vertical-align:middle;
border:none;
cursor:pointer;
background:url('/images/radiobt.png')no-repeat 0 0;
}
.noticecs input[type="radio"]:checked + label span {
background:url('/images/radiobt_on.png')no-repeat 0px 0;
}

.sub0222 { position:relative; width:100%; min-width:1280px; height:5914px; margin:0 auto; background:url('/page_KR0/02_sub/images/0222.jpg')no-repeat 50% 0; }



.sub0101  { position:relative; width:100%; min-width:1280px; height:200px; margin:0 auto; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; }
.sub0102  { position:relative; width:100%; min-width:1280px; height:200px; margin:0 auto; background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; }
.sub0103  { position:relative; width:100%; min-width:1280px; height:2143px; margin:0 auto; background:url('/page_KR0/01_sub/images2/0103.jpg')no-repeat 50% 0; }
.sub0104  { position:relative; width:100%; min-width:1280px; height:2049px; margin:0 auto; background:url('/page_KR0/01_sub/images2/0104.jpg')no-repeat 50% 0; }
.sub0105 { position:relative; width:100%; min-width:1280px; height:1070px; margin:0 auto; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; }
.subsize { position:relative; width:1204px; margin:0 auto; }
.subsize a.sublink { display:block; width:182px; height:44px; position:absolute; top:780px; left:280px; }

.subinte { position:relative; width:1204px; margin:0 auto; }
.subinte ul.intetxt { position:relative; width:1204px; margin:0 auto; overflow:hidden; display:none; }
.subinte ul.intetxt li { float:left; width:170.5px; height:46px; margin-right:6px; line-height:46px; font-size:18px; font-weight:700; color:#ffffff; border-radius:10px; background:#a8a8a8; box-sizing:border-box; text-align:center; }
.subinte ul.intetxt li.on { background:#3fc0d0; }
.subinte ul.intetxt li:last-child { margin-right:0px; }

.subinte div.inteimg { position:relative; width:100%; }
.subinte div.inteimg ul { position:relative; width:100%; }
.subinte div.inteimg ul li { position:relative; width:1200px;  outline:none; }
.subinte div.inteimg ul li span { display:block;  }
.subinte div.inteimg ul li img { width:100%; display: block !important; }
.subinte div.inteimg ul li span.txt { position:absolute; bottom:50px; left:50px; right:50px; font-size:25px; font-weight:700; color:#ffffff; text-align:right; }

.inte_prev { position:absolute; top:300px; left:-100px; cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }
.inte_next { position:absolute; top:300px; right:-100px; cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }

.slider-nav { position:relative; width:100%; margin:0 auto; padding:0.5% 0 120px 0; overflow:hidden; }
.slider-nav ul { position:relative; width:1204px; margin:0 auto; }
.slider-nav li { float:left; width:16.24666666666667%; margin:0 0.5% 0.5% 0px; cursor:pointer; }
.slider-nav li:nth-child(6n){ margin-right:0px; }
.slider-nav li img { width:100%; }

.sub04 { position:relative; width:100%; min-width:1280px; background:#ffffff;  }

#subsearchwrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding-top:84px; }
#subsearch { position:relative; width:100%; height:85px; border-bottom:3px solid #ff5100; overflow:hidden; padding-top:22px; box-sizing:border-box; background:#ffffff; }
#subsearch .sctxt { float:left; width:298px; height:36px; line-height:36px;  text-align:center; border-right:1px solid #dadada; box-sizing:border-box; font-size:21px; font-weight:500; letter-spacing:-1px; color:#111111; }
#subsearch .design_sch_input  { float:left; position:relative; width:60%; height:36px; background:#ffffff;  background:url('/page_KR0/04_sub/images/stbg.jpg') no-repeat 50px 50%; box-sizing:border-box; }
#subsearch .design_sch_input input { 
	display: block; width: 100%; height: 36px; font-size:18px; font-weight:400; color:#adadad; font-family:'Noto Sans KR'; 
	border:0; outline:0; margin:0;  padding:0; padding-left:116px; cursor: auto; box-sizing:border-box; background: transparent; 
}
#subsearch .design_sch_input input::placeholder { color: #adadad; }
#subsearch #searchResultClick { display: block; position: absolute; top:24px; right:64px; width:36px; height:36px; cursor: pointer; background:url('/page_KR0/04_sub/images/ic_search4.jpg') no-repeat 50% 50%; border:0px; box-sizing:border-box; }

.schtab_cnt { position:relative; width:100%; padding-bottom:10px; text-align:center; }
.schtab_cnt ul li { display:inline-block; margin:24px 10px 0 10px; font-size:17px; font-weight:400; color:#000000; cursor:pointer; }
.schtab_cnt ul li:nth-child(1) { font-size:17px; font-weight:700; color:#ff5100; }

.sub02 { position:relative; width:100%; height:1020px; overflow:hidden; background:#141414; }
.sub02 .bg { position:absolute; top:0px; left:150px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/sub02bg.jpg')no-repeat 50% 50%; background-size:cover; }
.sub02 ul.subtxt { position:absolute; top:45%; left:26%; transform:translate(-50%,-50%); }
.sub02 ul.subtxt li.t1 { font-size:22px; font-weight:400; color:#8e8e8d; line-height:100%;  }
.sub02 ul.subtxt li.t2 { margin-top:20px; font-size:33px; font-weight:300; color:#ffffff; line-height:140%; letter-spacing:-1px; }
.sub02 ul.subtxt li.t3 { margin-top:24px; font-size:22px; font-weight:500; color:#fd5100; line-height:100%; }
.sub02 ul.subtxt li.t4 { margin-top:16px; font-size:39px; font-weight:300; color:#ffffff; line-height:140%; letter-spacing:-1px; }
.sub02 ul.subtxt li.t4 span { color:#ff5100; font-weight:500; font-size:44px; }
.sub02 ul.subtxt li.t2 span { display:block; width:1px; height:46px; margin-top:20px; margin-left:4px; background:#ff5100; }


.sub0333 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/03_sub/images/033_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0333 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/033_01.png')no-repeat 50% 50%; }
.sub0333_2 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/03_sub/images/0333_2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0333_2 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0333_2.png')no-repeat 50% 50%; }
.sub0333_3 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/03_sub/images/0333_3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0333_3 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0333_3.png')no-repeat 50% 50%; }
.sub0333_4 { position:relative; width:100%; height:100%; overflow:hidden; background:#000000 url('/page_KR0/03_sub/images/0333_4.jpg')no-repeat 50% 50%; }

.sub0333_5 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/03_sub/images/0333_5.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0333_5 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0333_5.png')no-repeat 50% 50%; }

.sub0444 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/04_sub/images/0444_1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0444 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0444_1.png')no-repeat 50% 50%; }

.sub0444_2 { position:relative; width:100%; height:100%; overflow:hidden; background:#000000 url('/page_KR0/04_sub/images/0444_2.jpg')no-repeat 50% 50%; }

.sub0444_3 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/04_sub/images/0444_3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0444_3 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0444_3.png')no-repeat 50% 50%; }

.sub0444_4 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/04_sub/images/0444_4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0444_4 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0444_4.png')no-repeat 50% 50%; }

.sub0444_5 { position:relative; width:100%; height:100%; overflow:hidden; background:#000000 url('/page_KR0/04_sub/images/0444_5.jpg')no-repeat 50% 50%; }

.sub0444_6 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/04_sub/images/0444_6.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0444_6 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0444_6.png')no-repeat 50% 50%; }

.sub0444_7 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/04_sub/images/0444_7.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0444_7 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0444_7.png')no-repeat 50% 50%; }


.sub05 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/05_sub/images/05.jpg')no-repeat 50% 50%; background-size:cover; }
.sub05 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/05.png')no-repeat 50% 50%; }

.sub05_01 { position:relative; width:100%; height:100%; overflow:hidden; background:#000000 url('/page_KR0/05_sub/images/05_01.jpg')no-repeat 50% 50%; background-size:cover; }

.sub05_02 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/05_sub/images/05_02.jpg')no-repeat 50% 50%; background-size:cover; }
.sub05_02 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/05_02.png')no-repeat 50% 50%; }
.sub05_03 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/05_sub/images/05_03.jpg')no-repeat 50% 50%; background-size:cover; }
.sub05_03 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/05_03.png')no-repeat 50% 50%; }
.sub05_04 { position:relative; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/05_sub/images/05_04.jpg')no-repeat 50% 50%; background-size:cover; }
.sub05_04 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/05_04.png')no-repeat 50% 50%; }


/* .sub02.active .bg { left:0px; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; }
.sub02.active ul.subtxt { opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }
.sub02.active ul.subtxt li.t1 { transform:translateX(0px); opacity:1; transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02.active ul.subtxt li.t2 { transform:translateX(0px); opacity:1; transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02.active ul.subtxt li.t3 { transform:translateX(0px); opacity:1; transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02.active ul.subtxt li.t4 { transform:translateX(0px); opacity:1; transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; } */

.sub02 .viewmore { position:absolute; top:88%; left:50%; transform:translate(-50%,-50%); width:94px; height:54px; /* animation: downbt 0.8s cubic-bezier(0.25, 1, 0.5, 1) both 2.0s; */ }
.sub02 .viewmore a { display:inline-block; position:absolute; animation: morebt 3500ms 2200ms infinite ease; }
@keyframes morebt {
  0% { top:82%; }
  25% { top:92%; }
  50% { top:82%; }
  75% { top:92%; }
  100% { top:82%; }
}
@keyframes downbt {
  0% { top:98%; opacity:0; filter: blur(10px); }
  100% { top:88%; opacity:1; filter: blur(0px); }
}


.sub02_01 { position:relative; width:100%;  background:#ff5100; overflow:hidden; }
.sub02_01 div.subcenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:840px; }
.sub02img { position:relative; width:100%; height:612px; margin-bottom:45px; background:url('/page_KR0/02_sub/images2/sub02_01img1.png')no-repeat 50% 0px; }
.sub02img2 { position:relative;  width:100%; height:46px; margin-bottom:77px; background:url('/page_KR0/02_sub/images2/sub02_01img2.png')no-repeat 50% 0px; }
.sub02img3 { position:relative; width:100%; height:60px; background:url('/page_KR0/02_sub/images2/sub02_01img3.png')no-repeat 50% 0px; }

/* .sub02_01.active .sub02img { animation: sub02img 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub02_01.active .sub02img2 { animation: sub02img2 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub02_01.active .sub02img3 { animation: sub02img3 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; } */
@keyframes sub02img {
	0% { opacity:0; filter: blur(5px); }
	100% { opacity:1; filter: blur(0px); }
}
@keyframes sub02img2 {
	0% { transform:translate(-10%,0%); opacity:0; filter: blur(5px); }
	100% { transform:translate(0%,0%); opacity:1; filter: blur(0px); }
}
@keyframes sub02img3 {
	0% { transform:translate(10%,0%); opacity:0; filter: blur(5px); }
	100% { transform:translate(0%,0%); opacity:1; filter: blur(0px); }
}

.sub02_03 { position:relative; width:100%; height:1000px; background:#080808; overflow:hidden; }
.sub02_03 .sectionbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#0a0a0c url('/page_KR0/02_sub/images/02_03bg.jpg')no-repeat 50% 50px; transform: scale(1.1) translateY(0); transform-origin: 50% 50%; background-size:cover; animation: sectionbg2 15s ease-out both 0s; }
.sub02_03.active .sectionbg { animation: sectionbg2 10s ease-out both 0s; }

.sub02_03 div.subcenter { position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); width:100%; height:638px; }
.sub02_03 ul.subtxt { position:relative; width:1300px; margin:0 auto; text-align:center; }
.sub02_03 ul.subtxt li.t1 { font-size:52px; font-weight:300; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub02_03 ul.subtxt li.t1 span { color:#fd5100; font-weight:700; }
.sub02_03 ul.subtxt li.t2 { margin-top:22px; }
.sub02_03 ul.subtxt li.t3 { margin-top:18px; font-size:26px; font-weight:300; color:#8e8e8e; line-height:100%; letter-spacing:-0.5px; }

.sub02_03 .boxwrap { position:relative; width:925px; height:700px; margin:0 auto; margin-top:40px; }	
.sub02_03 .boxwrap div.bgline { position:absolute; top:140px; left:0px; width:100%; height:1px; background:rgba(255,255,255,20%); }
.sub02_03 .boxwrap div.boxcon { position:relative; width:925px; height:700px; margin:0 auto;}
.sub02_03 .boxwrap div.boxcon ul { float:left; position:absolute; width:320px; text-align:center; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(2) { top:0px; left:126px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(4) { top:0px; left:488px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(1) { top:204px; left:-50px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(3) { top:244px; left:307px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(5) { top:204px; left:666px; }

.sub02_03 .boxwrap div.boxcon ul li:nth-child(3) { position:relative; width:100%; height:126px; margin-top:8px; }
.sub02_03 .boxwrap div.boxcon ul li:nth-child(3) span:nth-child(1) { display:block; font-size:19px; font-weight:700; color:#ffffff; line-height:140%; }
.sub02_03 .boxwrap div.boxcon ul li:nth-child(3) span:nth-child(2) { display:block; margin-top:6px; font-size:14px; font-weight:500; color:#8f8f8f; line-height:140%; }
.sub02_03 .boxwrap div.boxcon ul li:nth-child(2) { margin-top:16px; }
.sub02_03 .boxwrap div.boxcon ul li:nth-child(1) img { display:block; margin:0 auto; border-radius:100%; box-shadow: 2px 2px 25px 5px rgba(0,0,0,20%); }

.sub02_03 .boxwrap div.boxcon ul:nth-child(1) li:nth-child(3) span:nth-child(1) { font-size:17px; font-weight:400; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(1) li:nth-child(3) span:nth-child(2) { font-size:12.5px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(3) li:nth-child(3) span:nth-child(1) { font-size:17px;font-weight:400;  }
.sub02_03 .boxwrap div.boxcon ul:nth-child(3) li:nth-child(3) span:nth-child(2) { font-size:12.5px; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(5) li:nth-child(3) span:nth-child(1) { font-size:17px; font-weight:400; }
.sub02_03 .boxwrap div.boxcon ul:nth-child(5) li:nth-child(3) span:nth-child(2) { font-size:12.5px; }

/* .sub02_03.active ul.subtxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.1s; }
.sub02_03.active .boxwrap div.boxcon ul:nth-child(2) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.4s; }
.sub02_03.active .boxwrap div.boxcon ul:nth-child(4) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.4s; }
.sub02_03.active .boxwrap div.boxcon ul:nth-child(1) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.7s; }
.sub02_03.active .boxwrap div.boxcon ul:nth-child(3) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.7s; }
.sub02_03.active .boxwrap div.boxcon ul:nth-child(5) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.7s; }
 */
@keyframes sectionbg2 {
  0% { transform: scale(1.1) translateY(0); transform-origin: 50% 50%; }
  100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}







.sub02_04 { position:relative; width:100%; height:998px; background:#121212; overflow:hidden; }
.sub02_04 div.subcenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1300px; height:720px; }
.sub02_04 .subtxt { position:relative; width:1300px; margin:0 auto; font-size:24px; font-weight:700; color:#fe5f00; line-height:100%; transform:translateX(-80px); opacity:0; filter: blur(6px); }

.sub02_04 div.sub02_04con { position:relative; width:1300px; margin:0 auto; overflow:hidden; margin-top:50px; }
.sub02_04 div.sub02_04con ul.sub02_04_1 { position:relative; width:920px; height:129px; margin:0 auto; }
.sub02_04 div.sub02_04con ul.sub02_04_1 li { float:left; }
.sub02_04 div.sub02_04con ul.sub02_04_1 li:nth-child(1) { transform:translateY(80px); opacity:0; filter: blur(6px); }
.sub02_04 div.sub02_04con ul.sub02_04_1 li:nth-child(2) { width:0px; height:129px; overflow:hidden; }
.sub02_04 div.sub02_04con ul.sub02_04_1 li:nth-child(2) img { display:block; width:372px; height:129px; }
.sub02_04 div.sub02_04con ul.sub02_04_1 li:nth-child(3) { transform:translateX(-80px); opacity:0; filter: blur(6px); }

.sub02_04_2 { position:relative; width:1300px; margin:0 auto; overflow:hidden; margin-top:45px; transform:translateY(80px); opacity:0; filter: blur(26px); }
.sub02_04_2 ul { float:left; width:50%; height:471px; border-radius:50px; overflow:hidden; }
.sub02_04_2 ul:nth-child(1) { background:#ffffff; }
.sub02_04_2 ul:nth-child(2) { background:#ff6f00; }
.sub02_04_2 ul li:nth-child(1) { width:100%; height:114px; text-align:center; font-size:22px; font-weight:700; color:#2e2e2e; line-height:140%; letter-spacing:-0.5px; padding-top:24px; box-sizing:border-box; }
.sub02_04_2 ul li:nth-child(2) { width:100%; border-top-left-radius:50px; border-top-right-radius:50px; overflow:hidden; }
.sub02_04_2 div { position:absolute; top:58%; left:50%; transform:translate(-50%,-50%); width:84px; height:84px; line-height:84px; text-align:center; border-radius:100%; background:#ff6f00; font-family: 'Montserrat'; font-size:40px; font-weight:700; color:#ffffff; }

.sub02_04.active .subtxt { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; }
.sub02_04.active div.sub02_04con ul.sub02_04_1 li:nth-child(1) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }
.sub02_04.active div.sub02_04con ul.sub02_04_1 li:nth-child(2) { width:372px; height:129px; overflow:hidden; transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.0s; }
.sub02_04.active div.sub02_04con ul.sub02_04_1 li:nth-child(3) { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.5s; }
.sub02_04.active .sub02_04_2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 2.0s; }

.sub02_04 video { display:block; width:650px; }


.sub02_11 { position:relative; width:100%; height:1020px; background:#121212; overflow:hidden; }
.sub02_11 div.subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1132px; }

.sub02_11 ul.subtxt { position:relative; width:1132px; margin:0 auto; }
.sub02_11 ul.subtxt li.t1 { width:100%; padding-bottom:20px; border-bottom:3px solid #ff5100; font-size:58px; font-weight:600; color:#ffffff; }
.sub02_11 ul.subtxt li.t1 font { color:#ff5100; font-size:62px; }
.sub02_11 ul.subtxt li.t1 span { font-size:31px; padding-left:20px; font-weight:500; }
.sub02_11 ul.subtxt li.t2 { font-size:24px; font-weight:400; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub02_11 ul.subtxt li.t3 { margin-top:14px; font-size:58px; font-weight:500; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub02_11 ul.subtxt li.t3 span { color:#fd5100; }
.sub02_11 ul.subtxt li.t4 { margin-top:16px; font-size:21px; font-weight:500; color:#ffffff; line-height:150%; letter-spacing:-0.5px; }

.sub02_11 video.centervod { width:100%; height:100%; object-fit: cover; opacity:30%; }
.sub02_11 .vodtxt { position:relative; width:1132px; margin:0 auto; padding-top:50px; overflow:hidden; }
.sub02_11 .vodtxt .vod { float:left; position:relative; width:750px; height:422px; background:#000000; }
.sub02_11 .vodtxt .vod video { width:100%; opacity:50%;  }
.sub02_11 .vodtxt .txt { float:left; position:relative; width:382px; height:422px; padding:0px 0 0 45px; box-sizing:border-box; }
.sub02_11 .vodtxt .txt li.t1 { font-size:39px; font-weight:500; color:#ffffff; line-height:130%;  opacity:50%; }
.sub02_11 .vodtxt .txt li.t1 span { color:#fd5100; }
.sub02_11 .vodtxt .txt li.t2 { margin-top:16px; font-size:18.5px; font-weight:500; color:#a2a1a1; line-height:150%; }
.sub02_11 .vodtxt .txt li.t2 span { color:#ffffff; }
.sub02_11 .vodtxt .txt li.t3 { position:absolute; bottom:0px; left:45px; }
.sub02_11 .subtxt2 { width:100%; height:25px; line-height:25px; margin-top:20px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:16px; font-weight:400; color:#b8b8b8; }

/* .sub02_11.active ul.subtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub02_11.active .vodtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.7s; }
.sub02_11.active .subtxt2 { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.9s; } */

@keyframes fadeup {
	0% { transform:translateY(80px); opacity:0; filter: blur(6px); }
	100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes fadeup2 {
	0% { transform:translateY(0px); opacity:1; filter: blur(0px); }
	100% { transform:translateY(80px); opacity:0; filter: blur(6px); }
}
@keyframes fadeleft {
	0% { transform:translateX(0px); opacity:1; filter: blur(0px); }
	100% { transform:translateX(-80px); opacity:0; filter: blur(6px); }
}
@keyframes faderight {
	0% { transform:translateX(0px); opacity:1; filter: blur(0px); }
	100% { transform:translateX(80px); opacity:0; filter: blur(6px); }
}

.sub02_16 { position:relative; width:100%; height:1020px; background:#121212; overflow:hidden; }
.sub02_16 div.subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1138px; }
.sub02_16 ul.subtxt { position:relative; width:1138px; margin:0 auto; }
.sub02_16 ul.subtxt li.t1 { width:100%; padding-bottom:20px; border-bottom:3px solid #ff5100; font-size:58px; font-weight:600; color:#ffffff; }
.sub02_16 ul.subtxt li.t1 font { color:#ff5100; font-size:62px; }
.sub02_16 ul.subtxt li.t1 span { font-size:31px; padding-left:20px; font-weight:500; }

.sub02_16 video.centervod { width:100%; height:100%; object-fit: cover; opacity:30%; }
.sub02_16 .vodtxt { position:relative; width:1138px; height:464px; margin:0 auto; padding-top:60px; overflow:hidden; }
.sub02_16 .vodtxt .vod { position:relative; width:100%;  }
.sub02_16 .vodtxt .txt { position:relative; width:100%; margin-top:22px; box-sizing:border-box; text-align:center; }
.sub02_16 .vodtxt .txt li.t2 { font-size:25px; font-weight:700; color:#ffffff; line-height:100%; box-sizing:border-box; }
.sub02_16 .vodtxt .txt li.t2 span { color:#fd5100; font-size:34px; font-weight:700; }
.sub02_16 .vodtxt .txt li.t3 { margin-top:14px; font-size:22px; font-weight:500; color:#ffffff; }


/* .sub02_16.active ul.subtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub02_16.active .vodtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.7s; }
 */


.sub02_12 { position:relative; width:100%; background:#000000; overflow:hidden; }
.sub02_12 div.subcenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1136px; }
.sub02_12 ul.subtxt { position:relative; width:1136px; height:192px; margin:0 auto; }
.sub02_12 ul.subtxt li.t1 { font-size:58px; font-weight:600; color:#ffffff; line-height:120%; }
.sub02_12 ul.subtxt li.t1 span { font-weight:600; color:#f24f02; }
.sub02_12 ul.subtxt li.t2 { position:absolute; bottom:60px; left:580px; font-size:31px; font-weight:500; color:#bab9b9; line-height:100%; letter-spacing:-0.5px; }


.sub02_12 .imgbox { position:relative; width:1136px; margin:0 auto; }
.sub02_12 .imgbox .sub02_12img4 { position:relative; width:1136px; } 
.sub02_12 .imgbox .sub02_12img4 div.t1 { position:relative; width:1136px; margin:0 auto; margin-top:20px; }
.sub02_12 .imgbox .sub02_12img4 div.t1 span {  }
.sub02_12 .imgbox .sub02_12img4 div.t2 {  position:relative; margin-top:10px; font-size:26px; font-weight:700; color:#ffffff; text-align:center; box-sizing:border-box; }
.sub02_12 .imgbox .sub02_12img4 div.t2 span { color:#ff5100; font-size:36px; font-family: 'Montserrat'; font-weight:700; }
.sub02_12 .imgbox .sub02_12img4 div.t3 {  width:100%; margin-top:18px; text-align:center; font-size:23px; font-weight:300; color:#ffffff; }

/* .sub02_12.active .imgbox .sub02_12img4 div.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.8s; }
.sub02_12.active .imgbox .sub02_12img4 div.t2 { opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.3s; }
.sub02_12.active .imgbox .sub02_12img4 div.t3 { opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.3s; } */

.sub02_12 .imgbox .sub02_12img1 { position:absolute; top:40px; left:0px; }
.sub02_12 .imgbox .sub02_12img2 { position:absolute; top:60px; left:458px; width:524px; height:136px; background:url('/page_KR0/02_sub/images/02_12img2.png')no-repeat 0 0; }
.sub02_12 .imgbox .sub02_12img2 ul { float:right; width:363px; padding-bottom:24px; padding-top:34px; border-bottom:1px solid rgba(255,255,255,10%); }
.sub02_12 .imgbox .sub02_12img2 ul li.t1 { font-size:21px; font-weight:500; color:#fd5100; }
.sub02_12 .imgbox .sub02_12img2 ul li.t2 { margin-top:8px; font-size:21px; font-weight:500; color:#8a8a8a; }
.sub02_12 .imgbox .sub02_12img3 { position:absolute; top:216px; left:502px; width:464px; height:202px; background:url('/page_KR0/02_sub/images/02_12img3.png')no-repeat 0 0; }
.sub02_12 .imgbox .sub02_12img3 ul { float:right; width:230px; padding-bottom:24px; padding-top:34px; border-bottom:1px solid rgba(255,255,255,10%); }
.sub02_12 .imgbox .sub02_12img3 ul li.t1 { font-size:21px; font-weight:500; color:#fd5100; }
.sub02_12 .imgbox .sub02_12img3 ul li.t2 { margin-top:8px; font-size:21px; font-weight:500; color:#8a8a8a; }

/* .sub02_12.active ul.subtxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02_12.active .imgbox .sub02_12img1 { left:0px; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0.8s; }
.sub02_12.active .imgbox .sub02_12img2 { top:60px; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.2s; }
.sub02_12.active .imgbox .sub02_12img3 { top:216px; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 1.2s; }
 */

.sub02_17 { position:relative; width:100%; background:#101010 url('/page_KR0/02_sub/images2/02_17.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; }
.sub02_17 div.subcenter { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/02_sub/images2/02_17.png')no-repeat 50% 50%; }


.sub02_13 { position:relative; width:100%; height:1020px; overflow:hidden; background:url('/page_KR0/02_sub/images/02_13bg.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; }
.sub02_13 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1213px; height:499px; background:url('/page_KR0/02_sub/images2/02_13txt.png')no-repeat 50% 0; }



.sub02_14 { position:relative; background:#0d0d0d; background-size:cover; width:100%; overflow:hidden; }
.sub02_14 div.subcenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:608px; background:url('/page_KR0/02_sub/images2/02_14img1.png')no-repeat 50% 0; }
.sub02_14 div.subcenter2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:608px; background:url('/page_KR0/03_sub/images2/02_14img2.png')no-repeat 50% 0; }
.sub02_14 div.subcenter3 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:608px; background:url('/page_KR0/03_sub/images2/02_14img3.png')no-repeat 50% 0; }
.sub02_14 ul.subtxt { position:relative; width:50%; height:608px; padding-left:50%; }
.sub02_14 ul.subtxt li.t1 { margin-top:220px; font-size:39px; font-weight:400; color:#fd5100; }
.sub02_14 ul.subtxt li.t2 { margin-top:20px; font-size:51px; font-weight:600; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub02_14 ul.subtxt li.t4 { margin-top:14px; font-size:24px; font-weight:500; color:#a9a9a8; }
.sub02_14 ul.subtxt li.t3 { margin-top:102px; font-size:31px; font-weight:500; color:#ffffff; line-height:160%; letter-spacing:-0.5px; }
.sub02_14 ul.subtxt li.t5 { margin-top:122px; font-size:31px; font-weight:500; color:#ff5100; line-height:160%; letter-spacing:-0.5px; }

.sub02_14 .subtxt2 { position:absolute; top:84%; left:50%; transform:translate(-50%,-50%); width:1040px; height:25px; line-height:25px; margin-top:40px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:14px; font-weight:500; color:#b8b8b8; }

/* .sub02_14.active .bg { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.4s; }
.sub02_14.active .bg2 { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.4s; }
.sub02_14.active .bg3 { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.4s; }
.sub02_14.active .subtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.4s; }
.sub02_14.active .subtxt2 { animation: sub02_14_1 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.8s; } */

@keyframes sub02_14_1 {
  0% { top:90%; opacity:0; }
  100% { top:84%; opacity:1; }
}



.sub02_15 { position:relative; width:100%; height:980px; overflow:hidden; background:#171717; }
.sub02_15 div.subcenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1138px; }
.sub02_15 .txt3 { width:1138px; margin:0 auto; }
.sub02_15 .txt4 { width:918px; margin:0 auto; padding-top:60px; }

/* .sub02_15.active .txt3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.4s;  }
.sub02_15.active .txt4 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.9s;  }
 */

.sub02_05 { position:relative; width:100%; height:990px; background:#2c2c2c; overflow:hidden; }
.sub02_05 ul.subtxt { position:relative; width:1300px; margin:0 auto; padding-top:114px; transform:translateY(-80px); opacity:0; filter: blur(6px); }
.sub02_05 ul.subtxt li.t1 { font-size:24px; font-weight:700; color:#fd5100; line-height:100%; }
.sub02_05 ul.subtxt li.t2 { margin-top:14px; font-size:40px; font-weight:700; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub02_05 ul.subtxt li.t3 { margin-top:22px; font-size:21px; font-weight:500; color:#747577; line-height:150%; letter-spacing:-0.5px; }
.sub02_05 .sub02_05con { position:absolute; bottom:0px; left:50%; width:1920px; height:701px; transform:translateX(-50%); }
.sub02_05 .sub02_05con div { position:relative; width:0px; height:701px; background:url('/page_KR0/02_sub/images/sub02_05img1.jpg')no-repeat 0 0; background-size:1920px; }
.sub02_05 .sub02_05con2 { position:absolute; bottom:0px; left:50%; width:1300px; height:701px; transform:translateX(-50%); }
.sub02_05 .sub02_05con2 li:nth-child(1) { position:absolute; top:-120px; left:830px; transform:translateY(-80px); opacity:0; filter: blur(16px); }
.sub02_05 .sub02_05con2 li:nth-child(2) { position:absolute; top:135px; left:430px; transform:translateY(80px); opacity:0; filter: blur(16px); }

.sub02_05.active .subtxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 0s; }
.sub02_05.active .sub02_05con div { width:1920px; transition:all 2.8s cubic-bezier(0.55, 0, 0.17, 1) 0.2s; }
.sub02_05.active .sub02_05con2 li:nth-child(1) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 1.2s; }
.sub02_05.active .sub02_05con2 li:nth-child(2) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.2, 0, 0.17, 1) 2.2s; }

.sub02_05wrap { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#2c2c2c; }



.sub02_055 { position:relative; width:100%; height:998px; background:url('/page_KR0/02_sub/images/sub02_05bg2.jpg')no-repeat 50% 0; background-size:1920px; }
.sub02_055 div { position:absolute; top:0px; left:0px; width:100%; height:0%; background:rgba(0,0,0,60%); z-index:3; overflow:hidden; }
.sub02_055 div ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1300px; height:310px; }
.sub02_055 div ul li { float:left; margin-right:20px; }

.sub02_055 div ul li:nth-child(1) { transform:translateY(-120px); opacity:0; filter: blur(10px); }
.sub02_055 div ul li:nth-child(2) { transform:translateY(120px); opacity:0; filter: blur(10px); }
.sub02_055 div ul li:nth-child(3) { transform:translateY(-120px); opacity:0; filter: blur(10px); }
.sub02_055 div ul li:nth-child(4) { transform:translateY(120px); opacity:0; filter: blur(10px); margin-right:0px; }

.sub02_055.active div { height:100%; transition:all 0.8s cubic-bezier(0.55, 2, 0.17, 1) 0.4s; }
.sub02_055.active div ul li  { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 1.0s; }



.sub02_07 { position:relative; width:100%; height:990px; background:#292929; overflow:hidden; }
.sub02_07 ul.subtxt { position:relative; width:1300px; margin:0 auto; padding-top:114px; transform:translateY(-80px); opacity:0; filter: blur(6px); }
.sub02_07 ul.subtxt li.t1 { font-size:24px; font-weight:700; color:#fd5100; line-height:100%; }
.sub02_07 ul.subtxt li.t2 { margin-top:14px; font-size:40px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; }
.sub02_07 ul.subtxt li.t3 { margin-top:22px; font-size:21px; font-weight:500; color:#747577; line-height:150%; letter-spacing:-0.5px; }
.sub02_07 .sub02_05con { position:absolute; bottom:0px; left:50%; width:1920px; height:901px; transform:translateX(-50%); }
.sub02_07 .sub02_05con div { position:relative; width:0px; height:901px; background:url('/page_KR0/02_sub/images/sub02_07img1.jpg')no-repeat 0 0; background-size:1920px; }
.sub02_07 .sub02_05con2 { position:absolute; bottom:0px; left:50%; width:1300px; height:901px; transform:translateX(-50%); }
.sub02_07 .sub02_05con2 li:nth-child(1) { position:absolute; top:49px; left:744px; transform:translateY(-80px); opacity:0; filter: blur(16px); }
.sub02_07 .sub02_05con2 li:nth-child(2) { position:absolute; top:324px; left:366px; transform:translateY(80px); opacity:0; filter: blur(16px); }

.sub02_07 .sub02_05con2 li:nth-child(3) { position:absolute; top:280px; left:1208px; transform:translateY(-80px); width:410px; opacity:0; filter: blur(16px); }
.sub02_07 .sub02_05con2 li:nth-child(4) { position:absolute; top:500px; left:-408px; transform:translateX(-80px); width:622px; opacity:0; filter: blur(16px); }


.sub02_07.active .subtxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 0s; }
.sub02_07.active .sub02_05con div { width:1920px; transition:all 2.8s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }
.sub02_07.active .sub02_05con2 li:nth-child(1) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 1.2s; }
.sub02_07.active .sub02_05con2 li:nth-child(2) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.2, 0, 0.17, 1) 2.2s; }
.sub02_07.active .sub02_05con2 li:nth-child(3) { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.2, 0, 0.17, 1) 2.2s; }
.sub02_07.active .sub02_05con2 li:nth-child(4) { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.2, 0, 0.17, 1) 0.6s; }


.sub02_06 { position:relative; width:100%; height:976px; background:#202020 url('/page_KR0/02_sub/images/sub02_06.jpg')no-repeat 50% 0; }
.sub02_10 { position:relative; width:100%; height:990px; background:url('/page_KR0/02_sub/images/02_10.jpg')no-repeat 50% 0; background-size:1920px; }


.sub02_08 { position:relative; width:100%; height:980px; background:#000000; background-size:cover; overflow:hidden; }
.sub02_08 .subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:100%; }

.sub02_08 .txt { width:1122px; margin:0 auto; text-align:center;  z-index:1;}
.sub02_08 .txt .t1 { font-size:58px; font-weight:500; color:#ff5100; letter-spacing:-1px; }
.sub02_08 .txt .t2 { margin-top:10px; font-size:58px; font-weight:500; color:#ffffff; letter-spacing:-1px; }
.sub02_08 .txt .t3 { margin-top:30px; font-size:23px; font-weight:500; color:#dbdada; line-height:100%; }
.sub02_08 .txt .t3 span { color:#ff5100; }
.sub02_08 .txt .t3 span:nth-child(2) { padding-left:10px; color:#ff5100; }

.sub02_08 .main08img4wrap { position:relative; margin-top:120px; width:100%; height:284px; background:rgba(0,0,0,70%); }
.sub02_08 .main08img4 { position:relative; width:1122px; height:284px;  margin:0 auto;}
.sub02_08 .main08img4 .box08left { float:left; width:508px; height:240px;  padding-top:52px; text-align:center; box-sizing:border-box; }
.sub02_08 .main08img4 li.t1 { width:100%; padding-bottom:34px; border-bottom:2px solid #ff6f00; font-size:43px; font-weight:500; color:#ffffff; }
.sub02_08 .main08img4 li.t2 { margin-top:24px; font-size:27px; font-weight:500; color:#a6a6a6; line-height:130%; }
.sub02_08 .main08img4 .main08img { float:left;  width:98px; height:240px; line-height:240px; z-index:1; letter-spacing:-1px; text-align:center; font-size:52px; font-weight:400; color:#ff6f00; }



.sub02_08 .subtxt2 { width:1280px; margin:0 auto; height:25px; line-height:25px; margin-top:40px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:14px; font-weight:500; color:#b8b8b8; }


.sub02_08 .mainvod2 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; opacity:50%; }
.sub02_08 .mainvod2 video { display:block; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%); }

/* .sub02_08.active .txt { animation: main08_3 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
.sub02_08.active .subtxt2  { animation: main08_1 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }
.sub02_08.active .main08img4  { animation: main08_2 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s; }
 */
@keyframes main08_1 {
  0% { transform:translateY(80px);opacity:0; filter: blur(0px); }
  100% { transform:translateY(0px);opacity:1; filter: blur(0px); }
}
@keyframes main08_2 {
  0% {transform:translateY(80px);opacity:0; filter: blur(0px); }
  100% {transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes main08_3 {
  0% { transform:translateY(-80px);opacity:0; filter: blur(0px); }
  100% { transform:translateY(0px);opacity:1; filter: blur(0px); }
}


.sub02_09 { position:relative; width:100%; height:980px; overflow:hidden;background:url('/page_KR0/02_sub/images/02_09.jpg')no-repeat 50% 0; background-size:cover; }

.sub02_09 ul.subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:70%; width:100%; max-width:1400px; }
.sub02_09 ul.subtxt li.t3 { width:111px; height:3px; background:#fe5f00; }
.sub02_09 ul.subtxt li.t1 { position:absolute; bottom:0%; right:0%; font-size:26px; font-weight:700; color:#ffffff; line-height:120%; padding-top:20px; }
.sub02_09 ul.subtxt li.t2 { margin-top:26px; font-size:39px; font-weight:600; color:#fe5f00; line-height:130%; letter-spacing:-0.5px; }

.sub02_09 div { position:absolute; bottom:10%; right:0%; width:316px; display:none; }
.sub02_09 div img { width:100%; }

/* .sub02_09.active ul.subtxt li.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02_09.active ul.subtxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.7s; }
.sub02_09.active div { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 1.1s; }
 */

.sub02_10 { position:relative; background:#222222; background-size:cover; }
.sub02_10 ul.subtxt { position:absolute; top:26%; left:50%; transform:translate(-50%,-50%); width:1300px; text-align:center; }
.sub02_10 ul.subtxt li.t1 { font-size:58px; font-weight:700; color:#ffffff; line-height:100%; letter-spacing:-1px; transform:translateY(80px); opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}
.sub02_10 ul.subtxt li.t1 span { font-size:50px; padding:0 10px; font-weight:700; color:#ffffff; font-family: 'Montserrat'; }
.sub02_10 ul.subtxt li.t2 { margin-top:18px; font-size:23px; font-weight:700; color:#fe5f00; line-height:100%;  transform:translateY(80px); opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}

.sub02_10.active ul.subtxt li.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }
.sub02_10.active ul.subtxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }

.sub02_10 .logo02 { position:absolute; top:64%; left:50%; transform:translate(-50%,-50%); width:1019px; height:366px; }
.sub02_10 .logo02 div img { width:100%; }
.sub02_10 .logo02 .logo02_1 { position:absolute; top:100px; left:300px; width:0px; opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}
.sub02_10 .logo02 .logo02_2 { position:absolute; top:100px; right:300px; width:0px; opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}
.sub02_10 .logo02 .logo02_3 { position:absolute; top:100px; left:300px; width:0px; opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}
.sub02_10 .logo02 .logo02_4 { position:absolute; top:100px; left:300px; width:0px; opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}
.sub02_10 .logo02 .logo02_5 { position:absolute; top:100px; right:300px; width:0px; opacity:0; filter: blur(5px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0s;}

.sub02_10.active .logo02 .logo02_1 { position:absolute; top:0px; left:0px; width:446px; height:68px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 1.0s;}
.sub02_10.active .logo02 .logo02_2 { position:absolute; top:0px; right:0px; width:350px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 1.0s;}
.sub02_10.active .logo02 .logo02_3 { position:absolute; top:202px; left:0px; width:132px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 1.0s;}
.sub02_10.active .logo02 .logo02_4 { position:absolute; top:215px; left:412px; width:270px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 1.0s;}
.sub02_10.active .logo02 .logo02_5 { position:absolute; top:183px; right:0px; width:157px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 1.0s;}

.sub02_10 .mainvod2 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.sub02_10 .mainvod2 video { display:block; position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%); }

.sub02_10 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,50%); }





.sub03 { position:relative; background:#1e1e1e; }
.sub03 .bg { position:absolute; top:50%; left:5%; width:46px; height:46px; transform:translate(-50%,-50%); background:rgba(255,255,255,100%); border-radius:100%; border:1px solid rgba(255,255,255,30%); box-sizing:border-box; }
.sub03 ul.subtxt { opacity:0; filter: blur(6px); position:absolute; top:48%; left:8%; transform:translate(-50%,-50%); width:420px; text-align:center; }
.sub03 ul.subtxt li.t1 { margin-top:34px; font-size:38px; font-weight:700; color:#ffffff; line-height:100%; }
.sub03 ul.subtxt li.t2 { margin-top:20px; font-size:23px; font-weight:700; color:#fd5100; line-height:140%; letter-spacing:-1px; }
.sub03 ul.subtxt li.t3 {   }

.sub03.active .bg { width:1296px; height:1296px; background:rgba(255,255,255,5%); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }
.sub03.active ul.subtxt { left:21%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 1.2s; }

.sub03 .img1 { position:absolute; top:50%; left:45%; width:353px; height:445px; transform:translate(-50%,-50%);  }
.sub03 .img1 div { display:block; width:0px; height:445px; overflow:hidden; }
.sub03 .img1 div span { display:block; width:353px; height:445px; }
.sub03 .img1 img { display:block; width:353px; height:445px;  }
.sub03.active .img1 div { width:353px; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1.9s; }

.sub03 .subtxt2 { position:absolute; top:50%; left:70%; width:502px; height:570px; transform:translate(-50%,-50%); }
.sub03 .subtxt2 ul.box1 { float:left; transform:translateX(80px);opacity:0; filter: blur(10px); }
.sub03 .subtxt2 ul.box1 li {  position:relative; width:230px; height:166px; margin-bottom:24px; border:3px solid #fd5100; border-radius:30px; }
.sub03 .subtxt2 ul.box1 li span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:30px; font-weight:700; color:#ffffff; letter-spacing:-0.5px; line-height:140%; text-align:center; }
.sub03 .subtxt2 ul.box2 { float:left; margin-left:30px; transform:translateX(80px);opacity:0; filter: blur(10px);  }
.sub03 .subtxt2 ul.box2 li { position:relative; width:230px; height:166px; margin-bottom:24px; }
.sub03 .subtxt2 ul.box2 li span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:15px; font-weight:500; color:#8e8e8d; letter-spacing:-0.5px; line-height:140%; text-align:left; }

.sub03.active .subtxt2 ul.box1 { transform:translateX(0px);opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 2.4s; }
.sub03.active .subtxt2 ul.box2 { transform:translateX(0px);opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 2.8s; }


.sub03_12 { position:relative; background:url('/page_KR0/03_sub/images/03_12bg.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; }
.sub03_12 .bg {
	position:absolute; top:50%; left:50%; width:766px; height:796px; transform:translate(-50%,-50%); background:url('/page_KR0/03_sub/images/03_12bg2.png')no-repeat 50% 0; box-sizing:border-box; 
}
.sub03_12 ul.subtxt { opacity:0; filter: blur(6px); position:absolute; top:35%; left:50%; transform:translate(-50%,-50%); width:430px; text-align:center; }
.sub03_12 ul.subtxt li.t1 { margin-top:0px; font-size:26px; font-weight:500; color:#dddddd; line-height:100%; }
.sub03_12 ul.subtxt li.t2 { margin-top:20px; font-size:47px; font-weight:900; color:#ffffff; line-height:140%; letter-spacing:-1px; }
.sub03_12 ul.subtxt li.t2 span { color:#fd5100; }

.sub03_12.active .bg {  transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 0.5s; }
.sub03_12.active ul.subtxt { top:30%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 0.3s; }

.sub03_12 .img1 { position:absolute; top:50%; left:45%; width:353px; height:445px; transform:translate(-50%,-50%);  }
.sub03_12 .img1 div { display:block; width:0px; height:445px; overflow:hidden; }
.sub03_12 .img1 div span { display:block; width:353px; height:445px; }
.sub03_12 .img1 img { display:block; width:353px; height:445px;  }
.sub03_12.active .img1 div { width:353px; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1.9s; }

.sub03_12 .subtxt2 { position:absolute; top:60%; left:50%; width:1090px; transform:translate(-50%,-50%); }
.sub03_12 .subtxt2 ul.box1 { position:relative; width:100%; transform:translateY(80px); opacity:0; filter: blur(10px); overflow:hidden; }
.sub03_12 .subtxt2 ul.box1 li.boxview { float:left; position:relative; width:330px; height:116px; border:3px solid #8f8f8f; border-radius:60px; }
.sub03_12 .subtxt2 ul.box1 li.plus { float:left; position:relative; width:41px; height:116px; font-size:34px; font-weight:700; color:#ffffff; line-height:116px; text-align:center; }
.sub03_12 .subtxt2 ul.box1 li span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:34px; font-weight:700; color:#ffffff; letter-spacing:-0.5px; line-height:140%; text-align:center; }
.sub03_12 .subtxt2 ul.box1 li span font { color:#fd5100; }
.sub03_12 .subtxt2 ul.box2 { position:relative; width:100%; height:120px; margin-top:20px; transform:translateY(80px);opacity:0; filter: blur(10px);  }
.sub03_12 .subtxt2 ul.box2 li { float:left; position:relative; width:330px; height:120px; text-align:center; }
.sub03_12 .subtxt2 ul.box2 li span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:21px; font-weight:500; color:#959393; letter-spacing:-0.5px; line-height:150%;}
.sub03_12 .subtxt2 ul.box2 li.plus { float:left; position:relative; width:41px; height:120px; }

.sub03_12.active .subtxt2 ul.box1 { transform:translateY(0px);opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 1.0s; }
.sub03_12.active .subtxt2 ul.box2 { transform:translateY(0px);opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.55, 0, 0.17, 1) 1.0s; }


.sub03 .viewmore { position:absolute; top:88%; left:50%; transform:translate(-50%,-50%); width:94px; height:54px; animation: downbt 0.8s cubic-bezier(0.25, 1, 0.5, 1) both 3.5s; }
.sub03 .viewmore a { display:inline-block; position:absolute; animation: morebt 3500ms 2200ms infinite ease; }
@keyframes morebt {
  0% { top:82%; }
  25% { top:92%; }
  50% { top:82%; }
  75% { top:92%; }
  100% { top:82%; }
}
@keyframes downbt {
  0% { top:98%; opacity:0; filter: blur(10px); }
  100% { top:88%; opacity:1; filter: blur(0px); }
}





.sub033 { position:relative; width:100%; height:980px; overflow:hidden; background:#1e1e1e; }
.sub033 .bg { animation: sectionbg 25s ease-out infinite 0s; position:absolute; top:0%; left:0%; width:100%; height:100%; background:url('/page_KR0/03_sub/images/sub033.jpg')no-repeat 50% 50%; background-size:cover; }
.sub033 ul.subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.sub033 ul.subtxt li.t1 { font-size:60px; font-weight:500; color:#ff5100; line-height:100%; }
.sub033 ul.subtxt li.t2 { margin-top:20px; font-size:21px; font-weight:300; color:#c2c2c2; line-height:100%; }
.sub033 ul.subtxt li.t3 { margin-top:46px; }


.sub033 .viewmore { position:absolute; top:88%; left:50%; transform:translate(-50%,-50%); width:94px; height:54px; /* animation: downbt 0.8s cubic-bezier(0.25, 1, 0.5, 1) both 1.2s; */ }
.sub033 .viewmore a { display:inline-block; position:absolute; animation: morebt 3500ms 2200ms infinite ease; }

@keyframes sub033_1 {
  0% { transform:translateY(90px); opacity:0; filter: blur(5px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes sub033_5 {
  0% { left:-20%; opacity:0; filter: blur(5px); }
  40% { left:-20%; opacity:1; filter: blur(0px); }
  100% { left:0%; opacity:1; filter: blur(0px); }
}
@keyframes sub033_6 {
  0% { opacity:0; filter: blur(5px); }
  40% { opacity:1; filter: blur(0px); }
  100% { opacity:1; filter: blur(0px); }
}
@keyframes sub033_7 {
  0% { right:-20%; opacity:0; filter: blur(5px); }
  40% { right:-20%; opacity:1; filter: blur(0px); }
  100% { right:0%; opacity:1; filter: blur(0px); }
}


@keyframes sub033_2 {
  0% { left:-80px; opacity:0; filter: blur(5px); }
  100% { left:0px; opacity:1; filter: blur(0px); }
}
@keyframes sub033_3 {
  0% { letter-spacing:10px; opacity:0; filter: blur(5px); }
  100% { letter-spacing:-1px;  opacity:1; filter: blur(0px); }
}
@keyframes sub033_4 {
  0% { right:-80px; opacity:0; filter: blur(5px); }
  100% { right:0px; opacity:1; filter: blur(0px); }
}




.sub03_01 { position:relative; width:100%; background:#dcdcdc; background-size:cover; overflow:hidden; }
.sub03_01 .bg { position:absolute; top:0%; left:0%; width:100%; height:100%; background:#dcdcdc url('/page_KR0/03_sub/images2/03_01bg.jpg')no-repeat 50% 50%; }
.sub03_01 .img4 { position:absolute; top:76%; left:81%; width:299px; height:299px; transform:translate(-50%,-50%); overflow:hidden; border-radius:100%; }
.sub03_01 .img4 video { position:absolute; top:-50px; left:-55px; width: 399px; }

/* .sub03_01.active .bg { animation: sub03_01_1 1.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
.sub03_01.active .img4 { animation: sub03_01_2 1.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; }
 */
@keyframes sub03_01_1 {
  0% { top:10%; opacity:0; }
  100% { top:0%; opacity:1; }
}
@keyframes sub03_01_2 {
  0% { left:91%; opacity:0;}
  100% { left:81%; opacity:1; }
}

.sub03_01_1 { position:relative; width:100%; overflow:hidden; background:#dcdcdc url('/page_KR0/03_sub/images2/03_01_1bg.jpg')no-repeat 50% 50%; }

.sub03_01_2 { position:relative; background:#dcdcdc; background-size:cover; width:100%; height:980px; overflow:hidden; background:url('/page_KR0/03_sub/images/03_01_1bg2.jpg')no-repeat 50% 50%; }
.sub03_01_2 .bg { position:absolute; top:0%; left:0%; width:100%; height:100%; background:url('/page_KR0/03_sub/images/03_01_1b2.png')no-repeat 50% 50%; }
/* .sub03_01_2.active .bg { animation: sub03_01_1 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
 */
.sub03_09 { position:relative; background:#000000; width:100%; height:980px; overflow:hidden; background:url('/page_KR0/03_sub/images/03_09bg.jpg')no-repeat 50% 0; background-size:cover; }
.sub03_09 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/03_sub/images2/03_09bg2.png')no-repeat 50% 50%; }


.sub03_20 { position:relative; background:#000000; width:100%; height:980px; overflow:hidden; background:#efefef; background-size:cover; }
.sub03_20 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/03_sub/images2/03_20.jpg')no-repeat 50% 50%; }
/* .sub03_20.active .bg { animation: sub03_01_1 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; } */



.sub03_011 { position:relative; background:#efefef; background-size:cover; width:100%; height:980px; overflow:hidden; }
.sub03_011 ul.subtxt { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); width:100%; height:196px; text-align:center; }
.sub03_011 ul.subtxt li.t1 { width:46px; height:46px; margin:0 auto; background:#fd5100; border-radius:100%; font-size:24px; font-weight:700; color:#ffffff; line-height:46px; font-family: 'Montserrat'; }
.sub03_011 ul.subtxt li.t2 { margin-top:22px; font-size:24px; font-weight:700; color:#464646; line-height:100%; letter-spacing:-1px; }
.sub03_011 ul.subtxt li.t3 { margin-top:14px; font-size:54px; font-weight:900; color:#000000; line-height:100%; letter-spacing:-1px; }
.sub03_011 ul.subtxt li.t3 span { color:#fd5100; }

.sub03_011 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/03_sub/images2/03_011.png')no-repeat 50% 50%; }

.sub03_011 .img1 { position:absolute; top:58%; left:54%; transform:translate(-50%,-50%); width:310px; height:310px; overflow:hidden; }
.sub03_011 .img2 { position:absolute; top:58%; left:72.5%; transform:translate(-50%,-50%); width:310px; height:310px; overflow:hidden; }
.sub03_011 .img2 video { position:absolute; top:0px; left:-100px; height:310px; }


@keyframes main06_55 {
  0% { top:78%;opacity:0; filter: blur(10px); }
  100% { top:68%; opacity:1; filter: blur(0px); }
}

.sub03_02 { position:relative; background:#121212; width:100%; height:980px; overflow:hidden; }
.sub03_02 div.subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1340px; }
.sub03_02 ul.subtxt { position:relative; width:1300px; margin:0 auto; text-align:center; }
.sub03_02 ul.subtxt li.t2 { font-size:22px; font-weight:500; color:#a4a4a4; line-height:100%; letter-spacing:-1px; }
.sub03_02 ul.subtxt li.t3 { margin-top:14px; font-size:58px; font-weight:900; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub03_02 ul.subtxt li.t3 span { color:#fd5100; }
.sub03_02 ul.subtxt li.t4 { margin-top:16px; font-size:40px; font-weight:700; color:#fd5100; line-height:150%; letter-spacing:-0.5px; }
.sub03_02 video.centervod { width:100%; height:100%; object-fit: cover; opacity:30%; }
.sub03_02 .vodtxt { position:relative; width:1340px; margin:0 auto; padding-top:50px; overflow:hidden; }
.sub03_02 .vodtxt .vod { float:left; position:relative; width:685px; height:556px; }

.sub03_02 .vodtxt .txt { float:left; position:relative; width:655px; box-sizing:border-box; padding-left:50px; padding-top:100px; }
.sub03_02 .vodtxt .txt li.t1 { font-size:22px; font-weight:700; color:#ffffff; line-height:130%; }
.sub03_02 .vodtxt .txt li.t1 span { color:#fd5100; }
.sub03_02 .vodtxt .txt li.t2 { margin-top:24px; width:100%; padding:40px 0; font-size:18px; font-weight:500; color:#a2a1a1; line-height:180%; border-top:1px solid rgba(255,255,255,20%); border-bottom:1px solid rgba(255,255,255,20%); }
.sub03_02 .vodtxt .txt li.t2 span { color:#fd5100; }
.sub03_02 .subtxt2 { width:100%; height:25px; line-height:25px; margin-top:20px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:16px; font-weight:400; color:#b8b8b8; }

.sub03_02.active ul.subtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub03_02.active .vodtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.7s; }
.sub03_02.active .subtxt2 { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.9s; }



.sub03_03 { position:relative; width:100%; background:#252525; overflow:hidden; }
.sub03_03 div.subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1340px; }
.sub03_03 ul.subtxt { position:relative; width:1300px; margin:0 auto; text-align:center; }
.sub03_03 ul.subtxt li.t2 { font-size:22px; font-weight:500; color:#a4a4a4; line-height:100%; letter-spacing:-1px; }
.sub03_03 ul.subtxt li.t3 { margin-top:14px; font-size:58px; font-weight:900; color:#ffffff; line-height:100%; letter-spacing:-1px; }
.sub03_03 ul.subtxt li.t3 span { color:#fd5100; }
.sub03_03 ul.subtxt li.t4 { margin-top:16px; font-size:40px; font-weight:700; color:#fd5100; line-height:150%; letter-spacing:-0.5px; }
.sub03_03 video.centervod { width:100%; height:100%; object-fit: cover; opacity:30%; }
.sub03_03 .vodtxt { position:relative; width:1340px; margin:0 auto; padding-top:50px; overflow:hidden; }
.sub03_03 .vodtxt .vod { float:left; position:relative; width:685px; height:556px; }

.sub03_03 .vodtxt .txt { float:left; position:relative; width:655px; box-sizing:border-box; padding-left:50px;  }
.sub03_03 .vodtxt .txt li.t1 { font-size:22px; font-weight:700; color:#ffffff; line-height:130%; }
.sub03_03 .vodtxt .txt li.t1 span { color:#fd5100; }
.sub03_03 .vodtxt .txt li.t2 { margin-top:24px; width:100%; padding:40px 0; font-size:18px; font-weight:500; color:#a2a1a1; line-height:180%; border-top:1px solid rgba(255,255,255,20%); border-bottom:1px solid rgba(255,255,255,20%); }
.sub03_03 .vodtxt .txt li.t2 span { color:#fd5100; }
.sub03_03 .subtxt2 { width:100%; height:25px; line-height:25px; margin-top:20px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:16px; font-weight:400; color:#b8b8b8; }

.sub03_03.active ul.subtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.3s; }
.sub03_03.active .vodtxt { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.7s; }
.sub03_03.active .subtxt2 { animation: fadeup 0.8s cubic-bezier(0.55, 0, 0.17, 1) both 0.9s; }


.sub03_03 .main08img { position:absolute; top:-40px; left:50%; transform:translate(-50%,0);  width:93px; height:93px; border-radius:100%; background:#ff6f00; z-index:1; letter-spacing:-1px; text-align:center; line-height:93px; font-size:48px; font-weight:700; color:#ffffff; font-family: 'Montserrat'; }


.sub03_08 { position:relative; background:#0d0d0d; background-size:cover; overflow:hidden; }

.sub03_08 .subtxt2 { position:absolute; top:12%; left:7%; font-size:34px; font-weight:600; color:#ffffff; font-family: 'Montserrat'; }
.sub03_08 .subtxt2 span { display:block; position:absolute; top:60px; left:0px; width:85px; height:1px; background:rgba(255,255,255,20%); }
.sub03_08 .subtxt2 div { position:absolute; top:80px; left:0px; width:300px; font-size:18px; font-weight:500; color:#787878; line-height:160%; font-family:'Noto Sans KR'; }
.sub03_08 ul.subtxt { position:absolute; top:54%; left:68%; transform:translate(-50%,-50%); width:681px; height:620px; text-align:center; background:url('/page_KR0/03_sub/images/03_08txtbg.png')no-repeat 50% 0; }
.sub03_08 ul.subtxt li.t2 { transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; opacity:0; filter: blur(6px); padding-top:90px; font-size:23px; font-weight:500; color:#ffffff; line-height:160%; }
.sub03_08 ul.subtxt li.t4 { margin-top:30px; transform:translateY(80px); opacity:0; filter: blur(0px); }
.sub03_08 ul.subtxt li.t3 { margin-top:110px; font-size:19px; font-weight:500; color:#868686; line-height:160%; letter-spacing:-0.5px; 
	transform:translateX(80px); opacity:0; filter: blur(6px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s;
}
.sub03_08 ul.subtxt li.t3 span { font-size:23px; color:#fe5f00; line-height:140%; }
.sub03_08 .bg { transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; opacity:0; filter: blur(16px); position:absolute; top:50%; left:45%; transform:translate(-50%,-50%); width:1920px; height:100%; background:url('/page_KR0/03_sub/images/03_08bg.jpg')no-repeat 50% 0; }
.sub03_08 .bg2 { transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; opacity:0; filter: blur(16px); position:absolute; top:50%; left:45%; transform:translate(-50%,-50%); width:1920px; height:100%; background:url('/page_KR0/03_sub/images/03_08bg2.jpg')no-repeat 50% 0; }
.sub03_08 .bg3 { transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; opacity:0; filter: blur(16px); position:absolute; top:50%; left:45%; transform:translate(-50%,-50%); width:1920px; height:100%; background:url('/page_KR0/03_sub/images/03_08bg3.jpg')no-repeat 50% 0; }


.sub03_08.active ul.subtxt li.t4 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 1.1s;  }
.sub03_08.active ul.subtxt li.t2 { opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 0.8s;  }
.sub03_08.active ul.subtxt li.t3 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 1.4s;  }
.sub03_08.active .bg { left:50%; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 0.1s;  }
.sub03_08.active .bg2 { left:50%; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 0.1s;  }
.sub03_08.active .bg3 { left:50%; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.55, 0, 0.17, 1) 0.1s;  }





.sub03_10 { position:relative; background:#000000; overflow:hidden; width:100%; height:980px; overflow:hidden; }
.sub03_10 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/03_sub/images/03_10bg.jpg')no-repeat 50% 0; background-size:cover;     background-attachment: fixed; }
.sub03_10 ul { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:1302px; height:777px; opacity:0; filter: blur(10px); }
.sub03_10 ul li { float:left; }
.sub03_10 video.centervod { width:100%; height:100%; object-fit: cover; opacity:30%; }
.sub03_10.active ul  { top:50%; opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 0.2s;  }

.sub03_11 { position:relative; background:url('/page_KR0/03_sub/images/03_11.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; width:100%; height:980px; overflow:hidden; }
.sub03_11 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/03_sub/images2/03_11txt.png')no-repeat 50% 50%;  }
/* .sub03_11.active .bg { animation: sub03_11 1.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } */
@keyframes sub03_11 {
  0% { top:5%; opacity:0; filter: blur(10px); }
  100% { top:0%; opacity:1; filter: blur(0px); }
}

.sub03_04 { position:relative; background:#efefef; background-size:cover; width:100%; height:980px; overflow:hidden; }
.sub03_04 .bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1920px; height:100%; background:url('/page_KR0/03_sub/images/03_04.jpg')no-repeat 50% 50%; background-size:1902px 100%; }
.sub03_04 .bg2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1920px; height:100%; background:url('/page_KR0/03_sub/images/03_04txt.png')no-repeat 50% 50%; }
.sub03_04 .subtxt2 { position:absolute; top:75%; left:50%; transform:translate(-50%,-50%); width:1280px; height:25px; line-height:25px; margin-top:20px; padding-left:30px; box-sizing:border-box; background:url('/page_KR0/02_sub/images/subtxt2.png')no-repeat 0 0; font-size:16px; font-weight:400; color:#9e9e9e; }

/* .sub03_04.active .bg { animation: sub03_04_3 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
.sub03_04.active .bg2 { animation: sub03_04_4 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }
.sub03_04.active .subtxt2 { animation: sub03_04_5 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s; } */

@keyframes sub03_04_3 {
  0% { left:55%; opacity:0; filter: blur(10px); }
  100% { left:50%; opacity:1; filter: blur(0px); }
}
@keyframes sub03_04_4 {
  0% { left:45%; opacity:0; filter: blur(10px); }
  100% { left:50%; opacity:1; filter: blur(0px); }
}
@keyframes sub03_04_5 {
  0% { top:80%; opacity:0; filter: blur(10px); }
  100% { top:75%; opacity:1; filter: blur(0px); }
}

.sub03_05 { background:#171717 url('/page_KR0/03_sub/images/03_05.jpg')no-repeat 50% 50%; background-size:cover; }
.sub03_06 { background:#171717 url('/page_KR0/03_sub/images/03_06.jpg')no-repeat 50% 50%; background-size:cover; }





.sub03_07 { position:relative; width:100%; background:#efefef url('/page_KR0/03_sub/images/03_07.jpg')no-repeat 50% 0; overflow:hidden; }
.sub03_07 div.subcenter { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:1300px; }
.sub03_07 ul.subtxt { position:relative; width:1300px; margin:0 auto; text-align:center;  transform:translateY(80px); opacity:0; filter: blur(6px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; }
.sub03_07 ul.subtxt li.t1 { width:46px; height:46px; margin:0 auto; background:#fe7400; border-radius:100%; font-size:24px; font-weight:700; color:#ffffff; line-height:46px; font-family: 'Montserrat'; }
.sub03_07 ul.subtxt li.t2 { margin-top:22px; font-size:24px; font-weight:700; color:#2f2f2f; line-height:100%; letter-spacing:-1px; }
.sub03_07 ul.subtxt li.t3 { margin-top:20px; font-size:58px; font-weight:900; color:#2f2f2f; line-height:100%; letter-spacing:-1px; }
.sub03_07 ul.subtxt li.t4 { margin-top:26px; font-size:19px; font-weight:500; color:#acacac; line-height:160%; letter-spacing:-0.5px; }
.sub03_07 .txt2 { opacity:0; filter: blur(6px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; position:relative; width:285px; height:67px; line-height:63px; border:3px solid #fd5100; margin:0 auto; margin-top:58px; text-align:center; border-radius:60px; font-size:26px; font-weight:700; color:#2f2f2f; }
.sub03_07 .txt3 { transform:translateY(80px); opacity:0; filter: blur(6px); transition:all 0.8s cubic-bezier(0.55, 0, 0.17, 1) 0s; width:1012px; margin:0 auto; padding-top:16px; }

.sub03_07.active ul.subtxt { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.2s cubic-bezier(0.55, 0, 0.17, 1) 0.3s;  }
.sub03_07.active .txt2 { opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 0.7s;  }
.sub03_07.active .txt3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.0s cubic-bezier(0.55, 0, 0.17, 1) 1.2s;  }







.sub0606wrap { position:relative; width:100%; padding:40px 0 80px 0; margin:0 auto; box-sizing:border-box; }
.sub0606 { position:relative; width:720px; margin:0 auto; overflow:hidden; }
.sub0606 ul li label { font-size:0px; display:none; }
.sub0606 ul li.name input { width:100%; height:86px; border:1px solid #000; padding:0 25px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; }
.sub0606 ul li.phone input { width:100%; height:86px; border:1px solid #000; padding:0 25px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; }
.sub0606 ul li.subject1 select {
	width:100%; height:86px; border:1px solid #000; padding:0 25px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a;
	background:url('/page_KR0/06_sub/images/subject1.jpg') no-repeat 95% 50%;
	-webkit-appearance: none; -moz-appearance: none; appearance : none; font-family: 'Noto Sans KR', sans-serif;
}
.sub0606 ul li.contentinput textarea { width:100%; height:186px; border:1px solid #000; padding:25px; margin-bottom:16px; font-size:17px; font-weight:300; color:#333333; font-family: 'Noto Sans KR', sans-serif; }
.sub0606 ul li.subject2 { width:100%; height:86px; border:1px solid #000; padding:0 25px; margin-bottom:16px; box-sizing:border-box; }
.sub0606 ul li div.subject2left { float:left; width:134px; line-height:84px; font-size:20px; font-weight:700; color:#2a2a2a; }
.sub0606 ul li div.subject2right { display:block; float:left; width:400px; height:84px;line-height:84px; }
.sub0606 ul li div.subject2right input { width:18px; height:18px; vertical-align: middle; }
.sub0606 ul li div.subject2right span { display:inline-block;  margin-right:10px; height:84px; vertical-align:top; }
.sub0606 ul li div.subject2right span label {  display:inline-block; padding-left:4px; font-size:17px; color:#2a2a2a; font-weight:400; vertical-align:middle; }

.sub0606 ul li.fpv { width:100%; font-size:17px; color:#2a2a2a; font-weight:400; text-align:right; }
.sub0606 ul li.fpv input[id="check1"] {
	display: none;
}
.sub0606 ul li.fpv input[id="check1"] + label {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 0px solid #bcbcbc;
	background:#e1e1e1;
	cursor: pointer;
	border-radius:100%;
	margin-right:8px;
	 vertical-align: middle;
}
.sub0606 ul li.fpv input[id="check1"]:checked + label { background-color: #000; }
.sub0606 ul li.submitbt input { width:100%; height:86px; margin-top:50px; cursor:pointer; border:1px solid #000; background:#1a1a1a; border:0px; font-size:28px; font-weight:700; color:#fff; font-family: 'Noto Sans KR', sans-serif; }
.sub0606 ul li input::placeholder { color:#2a2a2a; }