@charset "utf-8";
@import url('../fonts/ProductSans.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* ————————————————————————————————————————————————————
 *
 * Reset
 *
/* ———————————————————————————————————————————————————— */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
html{height:100%;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'ProductSans','NotoSansKR','Noto Sans KR',-apple-system,system-ui,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,Arial,sans-serif;font-weight:normal;letter-spacing:-0.05em;font-size:14px;line-height:1.5;color:#000;word-break:keep-all;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
b, h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#000}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
/* .checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear} */
a:focus{outline:none !important}
button img{vertical-align:middle}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
img, video{border:0;vertical-align:top}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
input, select{vertical-align:middle}
label{cursor:pointer}
.blind, caption, hr, legend{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
button, input, select, textarea{font-family:'ProductSans','NotoSansKR','Noto Sans KR',-apple-system,system-ui,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,Arial,sans-serif;background: transparent;font-size:14px;position:relative;zoom:1}
body.black,body.black d{color:#fff}


/* ————————————————————————————————————————————————————
 *
 * skipNavi
 *
/* ———————————————————————————————————————————————————— */
#skipNavi {position:relative;text-align:center;z-index: 9999999;}
#skipNavi a {display:block;overflow:hidden;width:0;height:0;font-weight:bold;white-space:nowrap;}
#skipNavi a:focus, #skip_navi a:active {overflow:hidden;width:100%;height:40px;line-height:40px;color:#ffffff;background:#000;}


/* ————————————————————————————————————————————————————
 *
 * 여백
 *
/* ———————————————————————————————————————————————————— */
/* margin */
.mg0{margin:0 !important;}
/* margin-top */
.mgt0 {margin-top:0 !important}
.mgt4 {margin-top:4px !important}
.mgt6 {margin-top:6px !important}
.mgt10 {margin-top:10px !important}
.mgt20 {margin-top:20px !important}
.mgt30 {margin-top:30px !important}
.mgt60 {margin-top:60px !important}
/* margin-bottom */
.mgb0 {margin-bottom:0 !important}
.mgb10{margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
/* margin-left */
.mgl0 {margin-left:0 !important}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
/* margin-right */
.mgr0 {margin-right:0 !important}
.mgr10 {margin-right:10px !important}
.mgr20 {margin-right:20px !important;}
.mgr30{margin-right:30px!important;}

/* padding */
.pd0 {padding:0 !important}
.pd25 {padding:25px !important}
/* padding-top */
.pdt0 {padding-top:0 !important}
/* padding-bottom */
.pdb0 {padding-bottom:0 !important}
/* padding-left */
.pdl0 {padding-left:0 !important;}
/* padding-right */
.pdr0 {padding-right:0 !important}


/* ————————————————————————————————————————————————————
 *
 * Font
 *
/* ———————————————————————————————————————————————————— */
.txt_red {color:#FA4242 !important;}
.txt_blue {color:#1e88e5 !important;}
.txt_wht {color:#FFFFFF !important;}

.txt_fs13 {font-size:13px !important;}
.txt_fs20 {font-size:20px !important;}
.txt_fs24 {font-size:24px !important;}

.txt_c000 {color:#000000 !important;}
.txt_c222 {color:#222222 !important;}
.txt_c333 {color:#333333 !important;}
.txt_c666 {color:#666666 !important;}
.txt_c888 {color:#888888 !important;}
.txt_c999 {color:#999999 !important;}
.txt_through{text-decoration:line-through;}
.txt_under{text-decoration:underline;}

.txt_fw300 {font-weight:300 !important;}
.txt_fw400 {font-weight:400 !important;}
.txt_fw500 {font-weight:500 !important;}
.txt_fw700 {font-weight:700 !important;}
.txt_fw900 {font-weight:900 !important;}

.txt_lt{text-align:left !important}
.txt_ct{text-align:center !important}
.txt_rt{text-align:right !important}


/* ————————————————————————————————————————————————————
 *
 * Typography
 *
/* ———————————————————————————————————————————————————— */
/* title */
.title_1 {
    font-size: 110px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0;
}
.title_1 em {
    font-weight: 300;
}
.title_2 {
    font-size: 58px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.title_2 > p {
    font-size: 24px;
    color: #ff6730;
    line-height: 1;
    margin-bottom: 16px;
    letter-spacing: -0.025em;
}
.title_3 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.title_4 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.title_5 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.05em;
}



/* ————————————————————————————————————————————————————
 *
 * Button
 *
/* ———————————————————————————————————————————————————— */
.btn_arr,
.btn_arr span,
.btn_arr span:after{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-ms-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear}
.btn_arr{display:inline-block;font-size:72px;line-height:1.3;font-weight:900;letter-spacing:0}
.btn_arr span{position:relative;display:inline-block;padding-right:76px}
.btn_arr span:after{content:'';width:60px;height:18px;display:inline-block;background:url("../img/ico_gallery_next.svg") no-repeat;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;position:absolute;top:50%;right:0;margin-top:-9px;}
.btn_arr:hover span{padding-right:86px}
.btn_arr:hover span:after {margin-right: -10px;}

/* btn_arr_le */
.btn_arr_le{}
.btn_arr_le span{padding-left:76px;padding-right:0}
.btn_arr_le span:after{background:url("../img/ico_gallery_prev.svg") no-repeat;left:0;right:inherit}
.btn_arr_le:hover span{padding-left:86px;padding-right:0}
.btn_arr_le:hover span:after{margin-right:0;margin-left:-10px}



/* ————————————————————————————————————————————————————
 *
 * Section
 *
/* ———————————————————————————————————————————————————— */
.section {
    position: relative;
    padding: 130px 0 0;
}


/* ————————————————————————————————————————————————————
 *
 * Text Style
 *
/* ———————————————————————————————————————————————————— */
/* half_text_wrap */
.half_text_wrap{}
.half_text_wrap ul li{width:50%;font-size:18px;line-height:1.6}
.half_text_wrap ul li.text_left{float:left}
.half_text_wrap ul li.text_right{float:right}



/* ————————————————————————————————————————————————————
 *
 * Background Object
 *
/* ———————————————————————————————————————————————————— */
.lastScroll .bg_object{opacity:0;visibility:hidden;-webkit-transition:all 0.15s;-moz-transition:all 0.15s;transition:all 0.15s}
.bg_object{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.bg_object>div{position:fixed;z-index:0}
.bg_object>div.bg_object_01{left:-240px;bottom:-145px}
.bg_object>div.bg_object_02{left:180px;bottom:420px}
.bg_object>div.bg_object_03{right:-150px;bottom:420px}
.bg_object>div.bg_object_01 img{width:514px;height:auto}
.bg_object>div.bg_object_02 img{width:80px;height:auto}
.bg_object>div.bg_object_03 img{width:380px;height:auto}



/* ————————————————————————————————————————————————————
 *
 * motion
 *
/* ———————————————————————————————————————————————————— */
/* motion_img */
.motion_img{position:relative;display:inline-block;overflow:hidden}
.motion_img:after,
.motion_img:before{content:'';display:block;width:100%;height:100%;left:0;top:0;position:absolute;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:1}
.motion_img:before{background:#fff}
.motion_img:after{background:#000;width:0}
.motion_img img{max-width:100%;height:auto;-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5);transition:1.5s ease}
.ani.motion_img:after,
.ani.motion_img:before{-webkit-transform:translateX(102%);-moz-transform:translateX(102%);-ms-transform:translateX(102%);-o-transform:translateX(102%);transform:translateX(102%);-webkit-transition:width 0.5s 0s,transform 0.5s 0.5s;-moz-transition:width 0.5s 0s,transform 0.5s 0.5s;-ms-transition:width 0.5s 0s,transform 0.5s 0.5s;-o-transition:width 0.5s 0s,transform 0.5s 0.5s;transition:width 0.5s 0s,transform 0.5s 0.5s}
.ani.motion_img:after{width:100%}
.ani.motion_img img{-webkit-transform:scale(1,1);transform:scale(1,1)}
.ani.motion_img img:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}


/* motion_txt */
.motion_txt{}
.motion_txt span{position:relative;display:inline-block;overflow:hidden}
.motion_txt span:after,
.motion_txt span:before{content:'';display:block;width:100%;height:100%;left:0;top:0;position:absolute;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;z-index:1}
.motion_txt span:before{background:#fff}
.motion_txt span:after{background:#121212;width:0}
.motion_txt.motion_txt_invert span:before{background:#121212}
.motion_txt.motion_txt_invert span:after{background:#fff}
.ani.motion_txt span:after,
.ani.motion_txt span:before{-webkit-transform:translateX(102%);-moz-transform:translateX(102%);-ms-transform:translateX(102%);-o-transform:translateX(102%);transform:translateX(102%);-webkit-transition:width 0.5s 0s,transform 0.5s 0.5s;-moz-transition:width 0.5s 0s,transform 0.5s 0.5s;-ms-transition:width 0.5s 0s,transform 0.5s 0.5s;-o-transition:width 0.5s 0s,transform 0.5s 0.5s;transition:width 0.5s 0s,transform 0.5s 0.5s}
.ani.motion_txt span:after{width:100%}



/* ————————————————————————————————————————————————————
 *
 * Page Title
 *
/* ———————————————————————————————————————————————————— */
.page_title {
    
}
.page_title .page_title_desc {
    margin-top: 60px;
}
.page_title .page_title_desc .desc {
    font-size: 26px;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

/* ————————————————————————————————————————————————————
 *
 * Page Title Navigation
 *
/* ———————————————————————————————————————————————————— */
.page_title_nav{position:fixed;left:110px;top:200px;z-index:9999}
.page_title_nav_inner{}
.page_title_nav ul li{position:relative;margin-bottom:10px}
/*
.page_title_nav ul li:before{content:'';height:3px;position:absolute;left:0;right:calc(100% + 20px);top:50%;margin-top:-2px;background:#000;-webkit-transition:0.3s;transition:0.3s}
.page_title_nav ul li.on:before{left:-110px}
*/
.page_title_nav ul li a{display:block;font-size:28px;font-weight:500;color:#aaa}
.page_title_nav ul li.on a{font-weight:700;color:#000}


/* ————————————————————————————————————————————————————
 *
 * Single View
 *
/* ———————————————————————————————————————————————————— */
.single_view{
    position: relative;
    z-index: 10;
}
.single_view .inner{width:700px}
.single_header{text-align:center}
.single_header .cate{font-size:18px;letter-spacing:0;color:#ff6730;font-weight:700;padding-bottom:24px}
.single_header h3{font-size:40px}
.single_header .date{letter-spacing:0.025em;font-size:16px;color:#888;padding-top:20px}
.single_content{padding:60px 0 100px}
.single_content p{max-width:700px;font-size:18px;font-weight:500;line-height:1.7;margin-left:auto;margin-right:auto;margin-bottom:26px}
.single_video_wrap{text-align:center;margin-bottom:60px !important}
.single_video_wrap .single_video{width:100%;padding-top:56.25%;position:relative}
.single_video_wrap .single_video iframe{width:100%;height:100%;position:absolute;top:0;left:0}
.single_btn{text-align:center;padding:60px 0;border-top:2px solid #000}
.single_btn .btn_golist{font-size:52px}