@charset "utf-8";
/*@import "../fonts/font.css";*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html, button, input, select, textarea {color: #101010; font-size: 18px; font-family:"NotoSansJP-Regular" !important;-webkit-appearance: none;-webkit-border-radius: 0;outline:none;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0;font-weight:400;}
body {width:auto;margin:0; font-family:"NotoSansJP-Regular" !important; font-size: 18px;letter-spacing: -0.05em;}

body * {letter-spacing: -0.05em;}
/*::-moz-selection { background: #b3d4fc; text-shadow: none;overflow-y: scroll;}
::selection {background: #aaa; text-shadow: none;}*/
em {font-style: normal;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {vertical-align:middle;border:none;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {height:130px;line-height:26px;padding:10px 20px;border:1px solid #cccccc;resize: none;box-sizing:border-box;} 
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='number'],input[type='tel'],input[type='date'] {appearance: none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0;-moz-border-radius:0; -o-border-radius:0; border-radius:0;border:1px solid #cccccc;padding:0 20px;box-sizing:border-box;}
input[type="text"] {height:50px}
input[type="text"]::placeholder {color:#666;}

a {color:#101010;text-decoration:none;outline:none;}
a:visited {/*color:#494949;*/text-decoration:none;}  
a:hover {/*color:#494949;*/text-decoration: none;}
a:focus {outline:none;}
a:visited {outline:none}
a:active,a:target {outline:none}
select {font-family:"NotoSansJP-Regular",sans-serif; font-size: 18px;vertical-align:middle;}
dd{margin:0;}
label,input{vertical-align:middle;}
ul,ol,li{list-style:none;padding:0;}
li, p { background-image:url(''); }
caption,.hidden{text-indent:-9900px;top:0;width:0;height:0;overflow:hidden;font-size:0 !important; }
/*h3,th{line-height:auto;}*/
table {border-spacing: 0;table-layout:fixed;}
*:first-child+html table {border-collapse:collapse;border-spacing:0;}
iframe {border:none !important;}

/* common */
#skipNav{position:absolute;width:100%;overflow:hidden;z-index:11;}
#skipNav a{display:block; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; text-decoration:none; color:#333; font-size:12px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{display:block;height:auto;padding:5px 0; background:#f2f2f2;}


/* skipnavi */
#skipToContent{overflow:hidden; position:absolute;left:0;top:0; width:100%; z-index:2000000000;}
#skipToContent dt,#skipToContent dd{margin-left:0;}
#skipToContent .hid { position: absolute; left: 0; top:0;}
a.skip01,a.skip02 {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
a.skip01:hover,a.skip01:focus,a.skip01:active,a.skip02:hover,a.skip02:focus,a.skip02:active {background:#a6096e; color:#fff; font-size:12px; font-weight:bold; margin:0; height:20px; line-height:18px; margin:0; padding:4px 0; width:auto;}


#toTop {position:absolute; right:0; top:-44px;z-index:99999;}
#wrap {width:100%;min-width:1200px;margin:0 auto;background:#ffffff;position:relative;overflow:hidden;} /* 180723 반응형처리 min-위드스 삭제*/
#gnbAnchor {position:absolute;top:0;left:0;text-indent:-9999px;overflow:hidden;}
#contentAnchor {position:absolute;top:0;left:0;text-indent:-9999px;overflow:hidden;}
#contentWrap {min-height:calc(100vh - 398px);box-sizing: border-box;}

.inner {width:1200px;margin:0 auto;}

/* 헤더 부분 */
#header {background:rgba(0,0,0,0.8);height:90px;position:fixed;top:0;left:0;width:100%;z-index:5000;}
#header.gnb_hover {background:#000;}
#header .logo {float:left;display:inline-block;margin-top:30px;line-height:30px;color:#fff;font-size:28px;font-weight:bold;}
#header .logo img {display:inline-block;height:25px;width:auto;margin-top:-8px;margin-left:5px;}
#header .top_link {width:auto;font-size:18px;padding:30px 30px;line-height:30px;float:right;display:inline-block;background:rgb(0, 0, 0);color:#fff;text-align:center;}
#header .top_link img {vertical-align:middle;display:inline-block;margin-left:10px;margin-top: -8px;}
#header .header_wrap {width:1200px;height:100%;margin:0 auto;text-align:center;position:relative;z-index:9000;}
#header .header_wrap .gnb {display:inline-block;float:left;margin-left:70px;position:relative;}
#header .header_wrap .gnb > li {float:left;cursor:pointer;padding:30px 12px;}
#header .header_wrap .gnb > li > a {padding:0 8px;color:#a0a0a0;font-size:18px;line-height:30px;display:block;position:relative;}
#header .header_wrap .gnb > li > a:after {position:absolute;bottom:-30px;left:0;width:100%;content:'';-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}
#header .header_wrap .gnb > li.active > a {color:#fff;}
#header .header_wrap .gnb > li.active > a:after {border-bottom:4px solid #b50021;} // #ad7b61
#header .header_wrap .gnb:hover > li.active >a,
#header .header_wrap .gnb:focus > li.active >a{color:#a0a0a0;}
#header .header_wrap .gnb:hover > li.active >a:after,
#header .header_wrap .gnb:focus > li.active >a:after{border:0;}
#header .header_wrap .gnb > li:hover > a ,
#header .header_wrap .gnb > li:focus > a {color:#fff !important;}
#header .header_wrap .gnb > li:hover > a:after ,
#header .header_wrap .gnb > li:focus > a:after {border-bottom:4px solid #b50021 !important;} // #ad7b61

/* gnb */
#header .header_wrap .gnb .gnb_sub {position:fixed;top:90px;left:0;padding:0;background:#000;overflow:hidden;width:100%;height:0px;box-sizing:border-box;-webkit-transition:width 0s, height 0.5s, -webkit-transform 0.5s;transition:width 0s, height 0.5s, transform 0.5s;}
#header .header_wrap .gnb > li .gnb_sub ul {display:none;}
#header .header_wrap .gnb > li:hover .gnb_sub,
#header .header_wrap .gnb > li.hover .gnb_sub {height:120px !important;}
#header .header_wrap .gnb > li:hover .gnb_sub ul,
#header .header_wrap .gnb > li.hover .gnb_sub ul {display:block;}
.gnb_sub  > .inner {padding: 40px 0 40px;padding-left:280px;overflow:hidden; width: 1200px !important; box-sizing: border-box; margin: 0 auto;}
.gnb_sub  > ul > li {float:left;width:auto;padding-right:40px;text-align:left;}
.gnb_sub  > ul > li > a {color:#fff;font-size: 18px;font-weight:bold;}
.gnb_sub  > ul > li:hover  > a,
.gnb_sub  > ul > li:focus  > a{color:#ad7b61;}
.gnb_sub  > ul > li > ul {margin-top:20px;}
.gnb_sub  > ul > li > ul li a {color:#a0a0a0;font-size: 16px;line-height:30px;}
.gnb_sub >  ul > li > ul li:hover a,
.gnb_sub > ul > li > ul li:focus a {color:#ad7b61;}
/* 푸터영역 */
#footer {background:#000;padding:0 0 80px;overflow:hidden;position:relative;font-size: 12px;font-weight:200;z-index:5;}
#footer .footer_copyright {width:1200px;margin:0 auto;text-align:center;font-size:10px;font-weight:200;color:#adadad;opacity:0.6;}
#footer .footer_con {margin:0 auto 36px;box-sizing:border-box;overflow:hidden;}
#footer .footer_con .footer_sec {float:left;width:175px;padding:0 30px 0 0;box-sizing: border-box;}
#footer .footer_con .footer_sec h3,
#footer .footer_con .footer_sec h3 a{font-size:14px;line-height:20px;color:#fff;font-weight:900}
#footer .footer_con .footer_sec ul li {opacity:0.6;line-height:24px;}
#footer .footer_con .footer_sec ul li ,
#footer .footer_con .footer_sec ul li a {font-size:14px;color:#fff;}
#footer .footer_con .footer_sec ul li a:hover{
	text-decoration: underline;
}
#footer .footer_con.top {border-bottom:2px solid #141414;margin-bottom:20px;}
#footer .footer_con.top .inner {padding-left:230px;height:80px;background:url('../../images/com/logo01_png-white-2.png') left top 24px no-repeat;box-sizing:border-box;
	background-size: 70px
}
#footer .footer_con.top .footer_sec {width:170px;line-height:40px;height:80px;padding:20px 0;}
#footer .footer_con.top h3 {display:inline-block;width:100%;vertical-align:middle;text-align:center;}
#footer .footer_con.top .footer_sec + .footer_sec h3 {border-left:2px solid #141414;} 

#footer .footer_con.bottom .footer_sec h3 {margin-bottom:20px;display:block;}
#footer .footer_con.bottom .footer_sec {min-height:130px !important;width:auto;padding:0 30px 0 0;}
#footer .footer_con.bottom .footer_sec + .footer_sec {padding-left:30px;}
#footer .footer_con.bottom .footer_sec ul {float:left;}
#footer .footer_con.bottom .footer_sec:nth-child(1) ul + ul {margin-left:30px !important;}
#footer .footer_con .footer_sec.footer_sns_wrap {width:350px !important;float:right !important;overflow:hidden;background:#191919;text-align:center;}
#footer .footer_con .footer_sec.footer_sns_wrap h3 {width:auto!important;border:0;}
.footer_sns {display:inline-block;vertical-align:middle;margin-top: 5px;margin-left: 30px;}
.footer_sns li {float:left;}
.footer_sns li + li  {margin-left:20px;text-align:center;}
.footer_sns li a {display:inline-block;width:30px;height:30px;background:url('../../images/com/icon_sns.png') left top no-repeat;}
.footer_sns li a.sns_y {background-position:left 0px top;width:26px;}
.footer_sns li a.sns_f {background-position:left -30px top;width:15px;}
.footer_sns li a.sns_i {background-position:left -60px top;width:22px;}
.footer_sns li a.sns_nb {background-position:left -90px top;width:30px;}
.footer_sns li a.sns_np {background-position:left -120px top;width:15px;}
/* top버튼 */

._flex_{
	display: flex;
}
._margin_left_10{
	margin-left: 10px
}
._color_999{
	color: #999!important
}
._font_weight200{
	font-weight: 200!important
}
._color_222{
	color: #222!important
}
input::placeholder{
	color: #999!important
}
._p_icon{
	position: relative;
	padding-left: 15px;
}
._p_icon:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: red;
    position: absolute;
    left: 0;
    top: calc(50% - 4px);
}
.no_padding{
	padding: 0!important
}
._relatives{
	position: relative;
}
._color_b{
	color: #000!important
}
.mo_header {display:none;}

/* main.css 가져옴 */
.section01 {height:100vh;position:relative;overflow:hidden;}
.section01 .up {position:absolute;bottom:0;left:0;width:100%;min-width:1200px;text-align:center;z-index:1;}
.section01 .scroll_swing {bottom:40px;}
.section01 .scroll_swing span:before {content:'';display:block;width:14px;height:9px;background:url('../../images/icon/arrow_w.png') center no-repeat;margin: 10px auto;}
.section01 .scroll_swing span {display:block;color:#fff;font-size:12px;line-height:12px;animation:scrollArrow 1.5s infinite}

/*section02*/
.section02 {position:relative;overflow:hidden;}
/* .section02 .video_wrap #MainVideo01 {width:100%; min-width: 1200px;} */
.section02 .video_wrap{text-align:center;}
.section02 .video_wrap #MainVideo01 {width:80%;vertical-align:top;}

.section06 {background:#000;padding:20px 0;text-align:center;}

.tab_x1,
.tab_x2,
.tab_x3,
.tab_x4,
.tab_x5{width:20%;}

.vse_section01, .vse_section02, .vse_section03, .vse_section04, .vse_section05{text-align:center;}
.vse_section01 img, .vse_section02 img, .vse_section03 img, .vse_section04 img, .vse_section05 img{vertical-align:top;}

.display_none {display:none;}