@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html,body {width:100%; margin:0 auto; padding:0;}
a {text-decoration:none;color: inherit;}
a:link, a:visited {text-decoration:none;color: inherit;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:inherit;}
td,th {border:0 none;}
address,strong{font-style:normal;font-weight:normal;}
textarea{font-size:12px;}
fieldset,img,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}

img,fieldset,iframe {border:0;}
img,fieldset {border:none;}
/*img {max-width:100%;}*/
img {border:0 !important}
img, input, button, select, textarea {vertical-align:middle;}
input[type=text],input[type=password],input[type=submit],textarea {-webkit-appearance: none;}
hr {overflow:hidden;position:absolute;top:0;left:0;}
ol,ul {list-style:none}
q:before, q:after {content:''}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
/*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/
hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;}
/*select::-ms-expand { display: none; }*/

/* form element */
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;}
label {cursor:pointer;margin:0;padding:0;vertical-align:middle}
caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer;border:0 none;}
button,input,textarea {margin:0;outline:none;}
input[type='checkbox'],input[type='radio'] {margin:0; padding:0;margin-top:-3px;}
/*=================================================
		폰트
=================================================*/
*,
html,
body{
	font-family:'Noto Sans KR','Nanum Gothic','malgun gothic',Myriad Pro,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}
/*=================================================
		일반
=================================================*/
/*****#####===== A 링크 =====#####*****/
a{
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus{
	color: inherit;
	text-decoration: none;
	outline: none; 
}
.clear {clear:both;}
.hidden {overflow:hidden;}
.w1200 {width:1200px;margin:0 auto;}
.w1280 {width:1280px;margin:0 auto;}
.w1000 {width:1000px;margin:0 auto;}
.m {display:none;}

//::-webkit-scrollbar {display:none;}
//html {
   /*IE가 넘칠 때 스크롤 막대를 숨기면 여전히 스크롤 가능*/
   -ms-overflow-style:none;
}
/*Chrome 숨겨진 스크롤 막대, 오버플로 투명 스크롤 가능*/
//html::-webkit-scrollbar{width:0px}

#quick {position:fixed;top:100px;left:-1050px;z-index:111;transition: 1s ease all;}
#quick.on {position:fixed;top:100px;left:0;z-index:111;transition: 1s ease all;}
#quick .title {position:absolute;top:0;right:-52px; cursor: pointer;}
.title2 {position:absolute;top:0;right:-52px;display:none;cursor: pointer;}
#quick .con ul {margin-left:-5px;}
#quick .con ul li {float:left;margin-left:0px;}

#popup {position:fixed;top:315px;left:-1027px;z-index:111;transition: 1s ease all;}
#popup.on {position:fixed;top:492px;left:-405px;z-index:111;transition: 1s ease all;}
#popup .title {position:absolute;top:0;right:-52px; cursor: pointer;}
.pop_tit2 {position:absolute;top:0;right:-52px;display:none;cursor: pointer;}
#popup .con ul {margin-left:-5px;}
#popup .con ul li {float:left;margin-left:0px;}


#video {position:fixed; bottom: 70px;left:-628px;z-index:111;transition: 1s ease all;}
#video.on {position:fixed;top:100px;left:0;z-index:111;transition: 1s ease all;}
#video .title {position:absolute;top:0;right:-52px; cursor: pointer;}
.video_tit2 {position:absolute;top:0;right:-52px;cursor: pointer;/*display:none;*/}
#video .con ul {margin-left:-5px;}
#video .con ul li {float:left;margin-left:0px;}


#quick {
	animation-name: quick;
	animation-duration: 0s; /*  숫자를 크게하면 최초 나왔다 들어감  */
	animation-iteration-count: 1;
}
@keyframes quick {
	from {left:0;}
	75%  {left:0;}
	to   {left:-1050px;}
}

#popup {
	animation-name: popup;
	animation-duration: 0s; /*  숫자를 크게하면 최초 나왔다 들어감  */
	animation-iteration-count: 1;
}
@keyframes popup {
	from {left:0;}
	75%  {left:0;}
	to   {left:-1027px;}
}

#video { 
left:0;
}

/*
#video {
	animation-name: video;
	animation-duration: 5s;
	animation-iteration-count: 1;
}
@keyframes video {
	from {left:0;}
	75%  {left:0;}
	to   {left:-628px;}
}
*/




#banner_1 {position:fixed;top:120px;right:20px;z-index:9;}
#banner_2 {position:fixed;top:190px;right:20px;z-index:9;}
#banner_3 {position:fixed;top:320px;right:20px;z-index:9;}
#banner_4 {position:fixed;top:440px;right:20px;z-index:9;}


#warp {width:100%;position:relative;}
#header {width:100%;min-width:1200px;height:100px;position:absolute;top:0;z-index:99;}
#header:hover{z-index:99;background:#282154;}

#header .logo {position:absolute;top:10px;left:3%;z-index:11;}
#header .logo a {display:block;}
#header .menu {width:850px;height:100px;margin:0 auto;text-align:center;position:relative;z-index:11111;}
#header .menu ul li {display:inline-block;font-size:19px;color:#fff;line-height:100px;font-weight:500;}
#header .menu ul li a {display:block;padding:0 20px;}
#header .tel {position:absolute;top:10px;right:7%;z-index:11;}

.big_menu {position:absolute;top:0;left:0;width:100%;height:100px;z-index:10;}
.submenu_div {width:100%;position:relative;top:100px;z-index:110;overflow:hidden;}
.submenu_div > .submenu {position:absolute;top:-190px;left:0;width:100%;z-index:1111;background:#282154;}
.submenu_div > .submenu > ul.submenu_ul {position:relative;width:1100px;margin:0 auto;padding:20px 0 25px;overflow:hidden;;box-sizing:border-box;text-align:center;}
.submenu_div > .submenu > ul.submenu_ul > li {position:relative !important;display:inline-block;width:140px;height:216px;vertical-align:top;border-right:1px solid #bda48d;}
.submenu_div > .submenu > ul.submenu_ul > li:first-child {border-left:1px solid #bda48d;left:50px;}
.submenu_div > .submenu > ul.submenu_ul > li.submenu_block4 {width:122px;}
.submenu_div > .submenu > ul.submenu_ul > li.submenu_block7 {width:175px;}
.submenu_div > .submenu > ul.submenu_ul > li > div {font-size:16px;color:#fff;line-height:36px;}
.submenu_div > .submenu > ul.submenu_ul > li > div > a {color:#fff;text-decoration:none;letter-spacing:-1px;display:block;}
.submenu_div > .submenu > ul.submenu_ul > li > div > a:hover {color:#000;}

/* .submenu_block1{visibility: hidden;}
.submenu_block2{visibility: hidden;}
.submenu_block3{visibility: hidden;}
.submenu_block4{visibility: hidden;}
.submenu_block5{visibility: hidden;}
.submenu_block6{right:50px;}
.submenu_block7{visibility: hidden;} */

.sub_bg{display:none;width:100%;height:210px;background:#dddddd;}
.sub_menu_wrap1{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap2{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap3{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap4{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap5{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap6{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap7{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu_wrap8{display:none;width:985px;height:210px;position:absolute;top:100px;left:60px;}
.sub_menu{/* width:950px; */margin:0 auto;overflow:auto;padding-top:30px;}
.sub_menu .sub_menu_list{float:right;width:485px;line-height:30px;text-align:left;}
.sub_menu .sub_menu_list p{color:#323232;font-size:15px;border-bottom:1px solid rgba(181,154,128,0.2);width:190px;line-height:30px;margin-bottom:10px;margin-right:30px;display:inline-block;position:relative;transition:all 0.3s;letter-spacing:-0.05em;}
.sub_menu .sub_menu_list p::after{content:"";display:inline-block;background:url(../images/menu_arrow2.png)no-repeat;width:10px;height:10px;background-size:contain;position:absolute;right:10px;top:17px;}
.sub_menu .sub_menu_list p:hover{border-bottom:1px solid #282154;color:#282154;}
.sub_menu .sub_menu_list p:hover::after{content:"";display:inline-block;background:url(../images/menu_arrow.png)no-repeat;width:10px;height:10px;background-size:contain;position:absolute;right:10px;top:17px;}
.sub_menu .menu_box{float:left;background:#fff;width:450px;height:150px;}
.menu_txt{float:left;margin:40px 0 0 30px;text-align:left;}
.menu_txt p:first-child{font-size:24px;font-weight:700;margin-bottom:13px;line-height:20px;color:#000;font-family: 'Montserrat', sans-serif;letter-spacing:-0.03em;}
.menu_txt p:last-child{font-size:15px;font-weight:300;line-height:20px;color:#9c9c9c;font-weight:500;letter-spacing:-0.05em;}
.menu_img{float:right;background:#ddd;}
.menu_img img{width:100%;height:150px;}


#footer {background:#42413f;}
.foot {overflow:hidden;min-width:1400px;}
.foot .fc1 {float:left;}
.foot .fc1 .logo {float:left;padding-top:5px;}
.foot .fc1 .copy {float:left;font-size:13px;color:rgba(255,255,255,0.4);line-height:24px;font-weight:300;padding-left:50px;}
.foot .fc2 {float:right;text-align:right;}
.foot .fc2 .link {font-size:15px;color:#fff;line-height:24px;font-weight:300;}
.foot .fc2 .txt {font-size:13px;color:rgba(255,255,255,0.4);line-height:22px;font-weight:300;padding-top:5px;}
.foot .fc2 .txt span {color:#ad937a;}







.unit-tab {width: 100%; margin: 0 auto; overflow: hidden;position:relative;}
.mov01{width:268px !important;height:232px;padding-top:0 !important;position:absolute;top:1529px;right:0;}
.mov02{width:268px !important;height:270px;padding-top:0 !important;position:absolute;top:2277px;right:0;}
.mov03{width:268px !important;height:231px;padding-top:0 !important;position:absolute;top:738px;left:280px;}
.mov04{width:276px !important;height:280px;padding-top:0 !important;position:absolute;top:970px;right:0;}
.mov05{width:273px !important;height:276px;padding-top:0 !important;position:absolute;top:1249px;left:276px;}
.mov06{width:279px !important;height:217px;padding-top:0 !important;position:absolute;top:532px;left:553px;}
.mov07{width:276px !important;height:220px;padding-top:0 !important;position:absolute;top:1260px;left:0px;}
.mov08{width:276px !important;height:193px;padding-top:0 !important;position:absolute;bottom:0;left:0px;}
.mov09{width:268px !important;height:219px;padding-top:0 !important;position:absolute;top:1200px;left:280px;}
.mov10{width:273px !important;height:180px;padding-top:0 !important;position:absolute;top:1419px;right:279px;}
.mov11{width:279px !important;height:179px;padding-top:0 !important;position:absolute;top:1419px;right:0px;}
.mov12{width:273px !important;height:194px;padding-top:0 !important;position:absolute;bottom:0;right:279px;}










#cs_movie {
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -550px;
	top: 0px;
}
#cs_movie .tit {
	position: absolute;
	left: 50px;
	top: 20px;
	font-size: 1.5rem;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 500;
	color: #fff;
	letter-spacing: -0.04em;
}
.ytp-cued-thumbnail-overlay-image {
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}

#cs_movie{height:1045px;width:100%;background:#006a92;}
.slide_wrap{background:#000;width:1005px;height:330px;position:absolute;top:670px;left:48px;}
.slide_wrap > p{margin:30px 0 0 30px;}
.slide{position:absolute;color:#fff;padding:30px;}
.slide div{}
.slide div p{font-size:14px;text-align:center;margin-left:-15px;margin-top:6px;}
.slick-arrow{display:none !important;}
.slick-dots{position:absolute;left:50%;transform:translateX(-50%);top:230px;}
.slick-dots li{display:inline-block;margin:0 7px;}
.slick-dots button {
	display: inline-block;
	width:12px;
	height:12px;
	padding: 0;
	border-radius: 100%;
	background-color: #9e9e9e;
	text-indent: -9999px;
}
.slick-dots li.slick-active button {
	background-color: #fff;
}








.jabji{width:100%;height:auto;background:#333;margin:0 auto;text-align:center;}
.jabji_tab{padding-top:70px;}
.jabji_tabb{padding-top:20px;padding-bottom:50px;}
.jabji_tab ul{}
.jabji_tab ul li{display:inline-block;color:rgba(255,255,255,0.2);padding:0 35px;border-right:1px solid rgba(255,255,255,0.1);transition:all .3s;}
.jabji_tab ul li.live{color:#b59981;}
.jabji_tab ul li:hover{color:#b59981;}
.jabji_tab ul li p:first-child{font-size:18px;font-family: 'Montserrat', sans-serif;font-weight:700;}
.jabji_tab ul li p:last-child{font-size:20px;letter-spacing:-0.05em;}

.jabji img{width:90%;height:auto;padding:50px 0;}

.jabji2{width:100%;height:auto;background:#333;margin:0 auto;text-align:center;}
.jabji2_img1{width:90%;height:auto;padding:50px 0;}
.jabji2_img2{width:90%;height:auto;padding-bottom:50px;}


.scroll{position:fixed;margin:0 auto;text-align:center;width:100%;bottom:0vh;}
.scroll img{width:50px;}

.scroll {
	animation-name: bounce;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;		
}
@keyframes bounce {
	from {transform: translate(0,  0px);}
	65%  {transform: translate(0, 20px);}
	to {transform: translate(0, 0px);}    
}