@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700');
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:100%;}
body {font-size:12px;line-height:18px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#231815;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;}



html, body { font-family: Noto Sans KR, Apple SD Gothic Neo, 돋움, Dotum, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;;}

/* wrap */
#wrap {width:100%;position:relative; min-width: 320px;}
.main_container{padding-top:52px; width:100%; height:100%;}
header{position:fixed;height:52px;width:100%;z-index:9999;top:0px;-webkit-transform:translate3d(0,0,0); text-align:center; background:#fff; border-bottom: 1px solid #ddd;}
header h1{display:inline-block;margin:11px 15px;}
header h1 a{display:block;}
header h1 a span {width: 187px;height: 31px;display: inline-block;overflow: hidden;background: url("/m/images/logo.png") no-repeat center;color: transparent; background-size: 187px 31px;}
header h1.sub a span {background-position: 0px -30px;}



header .btn_home_menu > a{position: absolute;top:0;right:44px;width: 50px;height: 52px;overflow:hidden;z-index:999;background: url("/_resource/global_images/ico_home.png") no-repeat;-webkit-background-size:24px 20px;background-size:24px 20px;background-position: 16px 15px;color: transparent;}
header .btn_total_menu > a{position: absolute;top:0;left:0;width: 50px;height: 52px;overflow:hidden;z-index:999;}
header .btn_total_menu a span{margin:24px 15px;color: transparent;white-space: nowrap}
header .btn_total_menu a span,
header .btn_total_menu a span:before,
header .btn_total_menu a span:after{ content: "";background-color: #5561ac;display: block;position: absolute;width: 23px;height: 3px;}

header .btn_total_menu a span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -7px;
    z-index: 10;
}
header .btn_total_menu a span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 7px;
}


#dot_menu{position: fixed;top:66px;right:5px;z-index:99;}
#dot_menu ul li{display:block;position:relative;width:18px;margin-top:5px;}
#dot_menu ul li span{display: block;position:relative;width: 6px;height: 6px;color: transparent;background-color: #fcfcfc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#dot_menu ul li.active span{background-color: #fff100;}



#section2 .section_box{background:url(/m/images/section2/txt_bg.png) no-repeat center 100px; height:100%; background-size: 95%; max-width:447px; margin:0 auto;}
#section2 .section_box .scroll_info{position:absolute; bottom:50px; left:50%; margin-left:-45px;}
#section2 .section_box .qrbox{position:absolute; left:50%; bottom:230px; margin-left:-43px;}
#section2 .section_box .text_box { position: absolute; top: 140px; width:300px; text-align:left; color: #fff; left:50%; margin-left:-136px}
#section2 .section_box .text_box .subtitle{margin-bottom:10px;}
#section2 .section_box .text_box .title{margin-bottom:10px;}
#section2 .section_box .text_box .txt{margin-bottom:10px;}


#section3 .section_box{background:url(/images/index/section3/txt_bg.png) no-repeat center 200px; height:100%;}
#section3 .section_box .scroll_info{position:absolute; bottom:50px; left:50%; margin-left:-45px;}
#section3 .section_box .qrbox{position:absolute; left:50%; bottom:100px; margin-left:-43px;}
#section3 .section_box .text_box { position: absolute; top: 140px; width:353px; text-align:left; color: #fff; left:50%; margin-left:-176.5px}
#section3 .section_box .text_box .subtitle{margin-bottom:25px;}
#section3 .section_box .text_box .title{margin-bottom:25px;}
#section3 .section_box .text_box .txt{margin-bottom:25px;}


#section4 .section_box{background:url(/images/index/section4/txt_bg.png) no-repeat center 200px; height:100%;}
#section4 .section_box .scroll_info{position:absolute; bottom:50px; left:50%; margin-left:-45px;}
#section4 .section_box .qrbox{position:absolute; left:50%; bottom:100px; margin-left:-43px;}
#section4 .section_box .text_box { position: absolute; top: 150px; width:343px; text-align:left; color: #fff; left:50%; margin-left:-171.5px}
#section4 .section_box .text_box .subtitle{margin-bottom:25px;}
#section4 .section_box .text_box .title{margin-bottom:25px;}
#section4 .section_box .text_box .txt{margin-bottom:25px;}


#section5 .section_box{background:url(/images/index/section5/txt_bg.png) no-repeat center 200px; height:100%;}
#section5 .section_box .scroll_info{position:absolute; bottom:50px; left:50%; margin-left:-45px;}
#section5 .section_box .qrbox{position:absolute; left:50%; bottom:100px; margin-left:-43px;}
#section5 .section_box .text_box { position: absolute; top: 150px; width:331px; text-align:left; color: #fff; left:50%; margin-left:-165.5px}
#section5 .section_box .text_box .subtitle{margin-bottom:25px;}
#section5 .section_box .text_box .title{margin-bottom:25px;}
#section5 .section_box .text_box .txt{margin-bottom:25px;}

#section6 .section_box{background:url(/images/index/section6/txt_bg.png) no-repeat center 200px; height:100%;}
#section6 .section_box .scroll_info{position:absolute; bottom:50px; left:50%; margin-left:-45px;}
#section6 .section_box .qrbox{position:absolute; left:50%; bottom:100px; margin-left:-43px;}
#section6 .section_box .text_box { position: absolute; top: 150px; width:334px; text-align:left; color: #fff; left:50%; margin-left:-167px}
#section6 .section_box .text_box .subtitle{margin-bottom:25px;}
#section6 .section_box .text_box .title{margin-bottom:25px;}
#section6 .section_box .text_box .txt{margin-bottom:25px;}



.section {width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; overflow: hidden; background-size: cover !important;}
#section1{background-image:url(/m/images/section1/bg1.jpg);}
#section2{background-image:url(/m/images/section2/bg1.jpg);}
#section3{background-image:url(/m/images/section3/bg1.jpg);}
#section4{background-image:url(/m/images/section4/bg1.jpg);}
#section5{background-image:url(/m/images/section5/bg1.jpg);}
#section6{background-image:url(/m/images/section6/bg1.jpg);}





.main_contents{width:100%; height:100%; margin:0 auto; position:relative;}
.main_contents .text_area{width:323px;margin: 0 auto;text-align:center;position:absolute;top:30%;left:50%;margin-left:-161.5px;margin-top:-118px;}
.main_contents .text_area .box .subtitle{margin-bottom:24px;}
.main_contents .text_area .box .title{position:relative; padding-bottom:26px;}
.main_contents .text_area .box .title::after{ content:''; display:block; width:19px; height:1px; margin:26px 0; background:#333; position:absolute; left:50%; bottom:-26px; margin-left:-9.5px}
.main_contents .text_area .box .txt{margin-top:26px;}



.border_enter{
    position:absolute;
    bottom:158px;
    left:50%;
    margin-left:-107px;
   /* background-color: rgba(0,0,0,0.2);*/
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.border_enter a{display:block;color:#fff;letter-spacing: 10px;width:215px;height:45px;border: solid 1px rgba(255, 255, 255, .4);}
.border_enter a > span{display: table;width: 100%;height: 100%;}
.border_enter a > span > span{display: table-cell;vertical-align: middle;text-align: center;}




.scroll_info {position:relative; width:90px; margin:48px auto;}
.scroll_info div {position:absolute; top:0; left:0;}
/*#section1 .main_contents .text_area .text_box .scroll_info .scroll_line {left:46px; width:1px; height:48px; background-color:#f57c00; }
#section1 .main_contents .text_area .text_box .scroll_info .scroll_ball {top:-16px; left:32px;}*/
.scroll_info .scroll_copy {top:14px; left:14px;}
.scroll_info .scroll_seq {top:38px; left:35px; width:25px; height:25px; overflow:hidden;}





/* main scroll animation */
.scroll_container{position:absolute; width:86px; left:50%; bottom:40px; margin-left:-43px; text-align:center;}
.scroll_container .scroll_arrow{width:28px;margin:0 auto;}
.scroll_container .scroll_text{color:#fff;font-size:11px;font-weight:bold;letter-spacing: 3px;}
.scroll_container .scroll_arrow .arrow{position:absolute;width:18px;height:8px;opacity: 0; margin-left:-6px;}
.scroll_container .scroll_arrow .arrow_img{position:absolute;width:100%;height: 100%;background-image: url("/m/images/scroll_arrow.png");background-size:18px 8px;}
.scroll_container.active .scroll_arrow .arrow:nth-child(1){
    -webkit-animation: arrow 1200ms 0s linear infinite ;
    -moz-animation: arrow 1200ms 0s linear infinite ;
    animation:  arrow 1200ms 0s linear infinite ;
}
.scroll_container.active .scroll_arrow .arrow:nth-child(2){
    -webkit-animation: arrow 1200ms 600ms linear infinite ;
    -moz-animation: arrow 1200ms 600ms linear infinite ;
    animation:  arrow 1200ms 600ms linear infinite ;
}

@-webkit-keyframes arrow {
    0% {-webkit-transform: translate(0px, 0px);opacity: 0;}
    50% {-webkit-transform: translate(0px, 9px);opacity: 1;}
    100% {-webkit-transform: translate(0px, 18px);opacity: 0;}
}
@-moz-keyframes arrow{
    0% {-moz-transform: translate(0px, 0px);opacity: 0;}
    50% {-moz-transform: translate(0px, 9px);opacity: 1;}
    100% {-moz-transform: translate(0px, 18px);opacity: 0;}
}
@keyframes arrow {
    0% {transform: translate(0px, 0px);opacity: 0;}
    50% {transform: translate(0px, 9px);opacity: 1;}
    100% {transform: translate(0px, 18px);opacity: 0;}
}



#section1 .scroll_container{position:absolute; width:86px; left:50%; bottom:220px; margin-left:-43px; text-align:center;}
#section1 .scroll_container .scroll_arrow{width:28px;margin:0 auto;}
#section1 .scroll_container .scroll_text{color:#333;font-size:11px;font-weight:bold;letter-spacing: 3px;}




#sub_menu {position:absolute; bottom:20px; left:0; width:100%; z-index:2;}
#sub_menu .subMenu_area {margin:0 auto;}
#sub_menu .subMenu_area li {position:relative; float:left; width:20%; height:98px;  opacity: 0;}
#sub_menu .subMenu_area li:last-child {margin-right:0;}
#sub_menu .subMenu_area li a {display: block; position:relative; width:100%; height:100%;}
#sub_menu .subMenu_area li a:hover .submenu_desc .ko_name {color:#6e5a91;}
#sub_menu .subMenu_area li a:hover .submenu_desc .line {background-color:#f27824;}
#sub_menu .subMenu_area li a:hover .submenu_desc .en_name {color:#f27824;}
#sub_menu .subMenu_area li div {position:relative;}
#sub_menu .subMenu_area li div.submenu_bg {position:absolute; top:0; left:0;}
#sub_menu .subMenu_area li div.submenu_progress {position:absolute; top:0; left:0; width:0; height:2px; background-color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc {color:#333333; height:60px; line-height:60px; text-align:center;}
#sub_menu .subMenu_area li div.submenu_desc .ko_name {font-size:15px; font-weight:500;}
#sub_menu .subMenu_area li div.submenu_desc .ko_name img{vertical-align:middle;}
#sub_menu .subMenu_area li div.submenu_desc .line {width:1px; height:10px; background-color:#737979; margin:10px 0 0 9px;}
#sub_menu .subMenu_area li div.submenu_desc .en_name {font-size:14px; margin:5px 0 0 11px;}

#sub_menu .subMenu_area li div.submenu_desc .ko_name.active {color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc .line.active {background-color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc .en_name.active {color:#f27824;}


#sub_menu .subMenu_area li div.submenu_desc2 {float:left; clear:both; margin:11px 0 0 30px; color:#333333; font-size:12px;}
#sub_menu .subMenu_area li div.submenu_desc2 .hidden_br {display: none;}
#sub_menu .subMenu_area li div.submenu_desc2 .small_desc {display: none;}
#sub_menu .subMenu_area li div.submenu_icon {position:absolute; top:33px; right:22px;}
#sub_menu .subMenu_area li.active div.submenu_desc {color:#f27824;}
#sub_menu .subMenu_area li.active div.submenu_desc .line {background-color:#f27824;}



/* total menu */
#total_menu{
    display:none;
    position:fixed;
    overflow-y:auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    z-index:99999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
#total_menu_dimmed{position:absolute;top: 0;left: 0; right: 0; bottom: 0; width:100%;height:100%;z-index:99;background: rgba(0, 0, 0, 0.6);-webkit-backface-visibility : hidden;}
#total_menu_wrap{
    position:absolute;
    /* top:0px; */
    left:0px;
    width:330px;
    height:100%;
    z-index: 100;
    background-color:#f8f8f8;
    -webkit-backface-visibility : hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -moz-transform: translateZ(0px) translateX(100%) translateY(0px);
    -ms-transform: translateZ(0px) translateX(100%) translateY(0px);
    -webkit-transform :translateZ(0px) translateX(100%) translateY(0px);
    transform:translateZ(0px) translateX(100%) translateY(0px);
}
/*#total_menu_wrap{position:absolute;top:0px;right:0px;width:303px;height:100%;z-index: 100;background-color:#f8f8f8;overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -moz-transition:700ms cubic-bezier(0.55, 0.31, 0.15, 0.93);
    -o-transition:700ms cubic-bezier(0.55, 0.31, 0.15, 0.93);
    -webkit-transition: 700ms cubic-bezier(0.55, 0.31, 0.15, 0.93);
    transition:700ms cubic-bezier(0.55, 0.31, 0.15, 0.93);
    -moz-transform: translateZ(0px) translateX(100%) translateY(0px);
    -ms-transform: translateZ(0px) translateX(100%) translateY(0px);
    -webkit-transform :translateZ(0px) translateX(100%) translateY(0px);
    transform:translateZ(0px) translateX(100%) translateY(0px);
}
#total_menu_wrap.opened{
    -moz-transform: translateZ(0px) translateX(0px) translateY(0px);
    -ms-transform: translateZ(0px) translateX(0px) translateY(0px);
    -webkit-transform :translateZ(0px) translateX(0px) translateY(0px);
    transform:translateZ(0px) translateX(0px) translateY(0px);
}*/


#total_menu .btn_total_menu_close a{position: absolute;top:0;right:0;width: 50px;height: 52px;overflow:hidden;color: transparent;z-index:999;}
#total_menu .btn_total_menu_close a span{margin:24px 17px;}
#total_menu .btn_total_menu_close a span,
#total_menu .btn_total_menu_close a span:before,
#total_menu .btn_total_menu_close a span:after{
    content: "";
    background-color: transparent;
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
}

#total_menu .btn_total_menu_close a span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -6px;
    z-index: 10;
    -moz-transform: translateY(3px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(3px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(3px) translateX(1px) rotate(45deg);
    transform: translateY(3px) translateX(1px) rotate(45deg);
    background-color: #7424f2;
}

#total_menu .btn_total_menu_close a span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 6px;
    -moz-transform: translateY(-4px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-4px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-4px) translateX(1px) rotate(-45deg);
    transform: translateY(-4px) translateX(1px) rotate(-45deg);
    background-color: #7424f2;
}

#total_menu_wrap .menu_top{height:51px;background-color:#fff;border-bottom: 1px solid #e5e5e5; position:relative;}
#total_menu_wrap .menu_logo{position:absolute; top:10px; left:10px;}
#total_menu_wrap .menu_top ul{display:block;padding:16px 0px 16px 22px;font-size:14px;}
#total_menu_wrap .menu_top ul li{float:left;padding-right:16px;}
#total_menu_wrap .menu_top ul li:before{position: relative;top:0px;right:8px;content: '';height: 10px;border-left: 1px #d0d0d0 solid;display: inline-block;}
#total_menu_wrap .menu_top ul li:first-child:before{content: none;}
#total_menu_wrap .menu_top ul li a{font-size:12px;font-weight: bolder}


#total_menu_wrap .menu_dth1{display:block;width: auto;clear: both;}
#total_menu_wrap .menu_dth1 > li{background-color:#ffffff;overflow: hidden;}

#total_menu_wrap .menu_dth1 > li > a{display:block;padding:16px 0px 16px 60px;font-size:14px;border-bottom: 1px solid #e5e5e5; position:relative;}
#total_menu_wrap .menu_dth1 > li > a:before{content: "";position:absolute;left:18px; top:13px; width:18px;height:18px;background-size:18px 18px;}
#total_menu_wrap .menu_dth1 > li > a:after{content: "";position: absolute;right:18px;width:7px;height:7px;border: 1px solid #c3c3c3;border-width: 1px 1px 0 0;background: none; margin-top:4px;
    /* -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;*/
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);}
#total_menu_wrap .menu_dth1 > li > a.opened:after{margin-top:6px;border-color:#f27824;-webkit-transform: rotate(315deg);transform: rotate(315deg);}
#total_menu_wrap .menu_dth2{display:none;background-color:#f6f6f6;border-bottom: 1px solid #e5e5e5;}
#total_menu_wrap .menu_dth2 > li > a{display:block;padding:10px 0px 10px 60px;font-size:13px;}

#total_menu_wrap .menu_dth2 > li:first-child > a{padding:20px 0px 10px 60px}
#total_menu_wrap .menu_dth2 > li:last-child > a{padding:10px 0px 20px 60px}
#total_menu_wrap .menu_dth2 > li.opened > a{color:#f27824;}
#total_menu_wrap .menu_dimmed{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:1005;}

#total_menu_wrap .menu_footer {position:relative;padding:18px 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-msbox-sizing: border-box;box-sizing: border-box; font-size:12px; color:#666; background: #fff;}
#total_menu_wrap .menu_footer .footerMark{position:absolute;right:14px}
#total_menu_wrap .menu_footer .copy { color: #666; letter-spacing: -0.02em;}

select::-ms-expand {display:none}
#total_menu_wrap .menu_footer .terms{clear: both;padding:15px 0 18px 0;}
#total_menu_wrap .menu_footer .terms ul {overflow: hidden;}
#total_menu_wrap .menu_footer .terms ul li{float:left;font-size:10px;margin-top: 7px;padding-right:12px;}
#total_menu_wrap .menu_footer .terms ul li.first_row {margin-top: 0;}
#total_menu_wrap .menu_footer .terms ul li a{color:#666666;}
#total_menu_wrap .menu_footer .terms ul li:after{position:relative;top:2px;left:6px;content: '';height: 10px;border-left: 1px #d0d0d0 solid;display: inline-block;}
#total_menu_wrap .menu_footer .terms ul li:nth-child(3):after {border:none;}
/*#total_menu_wrap .menu_footer .terms ul li:nth-child(5):after {border:none;}*/
#total_menu_wrap .menu_footer .terms ul li:last-child:after{border: none;}
#total_menu_wrap .menu_footer .terms ul li a.open_footer_youtube_popup img {margin-top: 1px; margin-right: 4px; width:13.5px; vertical-align: top;}
#total_menu_wrap .menu_footer .copyright{clear: both;font-size:12px; letter-spacing:-0.8px;}
#total_menu_wrap .menu_footer .copyright p{color:#666666; margin-top:17px;}
#total_menu_wrap .menu_footer .copyright p img {margin-top:2px;}

.foot_nav { margin-bottom: 5px;}
.foot_nav > li { margin-bottom: 5px;}
.foot_nav > li .btn_map { position: relative; display: inline-block; padding-right: 20px;}
.foot_nav > li .btn_map:after { position: absolute; right: 0; top: -5px; content: ""; display: block; width: 14px; height: 20px; background: url(../images/icon_map2x.png) no-repeat 0 0; background-size: 14px 20px;}
.foot_nav > li .btn_pc { display: inline-block; border: 1px solid #ddd; padding: 7px 15px; border-radius: 7px; margin: 5px 0;}

.sns_link { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}
.sns_link li { display: inline-block; margin: 0 10px;}
.sns_link li a { display: block;}

#total_menu_wrap .menu_dth1 > li > a:before{width:34px;height:34px; background:url("/m/images/ico_gnb.png?210727") no-repeat -10px -5px;}
#total_menu_wrap .menu_dth1 > li:nth-child(2) > a:before{background-image:url("/m/images/ico_gnb.png");background-position: -56px -6px;}
#total_menu_wrap .menu_dth1 > li:nth-child(3) > a:before{background-image:url("/m/images/ico_gnb.png");background-position: -100px -4px; top:11px; left:18px;}
#total_menu_wrap .menu_dth1 > li:nth-child(4) > a:before{background-image:url("/m/images/ico_gnb.png");background-position: -146px -1px; top:10px;}
#total_menu_wrap .menu_dth1 > li:nth-child(5) > a:before{background-image:url("/m/images/ico_gnb.png");background-position: -196px -1px; top:10px;}
#total_menu_wrap .menu_dth1 > li:nth-child(6) > a:before{background-image:url("/m/images/ico_gnb.png");background-position: -245px -1px; top:10px; width: 39px; left: 15px;}


/* About us */
.page_wrap { padding: 60px 0; background: #fff; font-size: 15px; line-height: 1.76;}
.page_wrap > div { padding: 25px 0; width: 100%; max-width: 768px; margin: 0 auto;}
.black_wrap { background: #000; color: #fff;}

.page_head { position: fixed; left: 0; top: 50px; width: 100%; min-width: 320px; text-align: right; letter-spacing: -0.06em; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255,255,255,.75); transition: all .4s ease; z-index: 1000;}
.page_head > div { position: relative; padding: 25px 0 0; max-width: 768px; margin: 0 auto;}
.page_head h1 { position: absolute; left: 15px; top: 27px; font-size: 26px; font-family: 'S-CoreDream-6Bold', sans-serif; transition: all .4s ease;}
.page_head .page_nav { padding-right: 15px;}
.page_head .page_nav > li  { display: inline-block; margin-left: 10px; overflow: hidden; padding-bottom: 20px;}
.page_head .page_nav > li a { position: relative; color: #999; font-size: 14px; font-weight: bold;}
.page_head .page_nav > li a:after { position: absolute; left: 0; bottom: -7px; content: ""; display: block; width: 0; height: 2px; background: #999; transition: all .4s ease;}
.page_head .page_nav > li a:hover:after { width: 100%;}
.page_head .page_nav > li a.active { color: #222;}
.page_head .page_nav > li a.active:after { width: 100%; background: #222;}

.page_head.on { background: rgba(0,0,0,.75);}
.page_head.on h1 { color: #fff;}
.page_head.on .page_nav > li a.active { color: #fff;}
.page_head.on .page_nav > li a.active:after { background: #fff;}

.page { position: relative; word-break: keep-all; padding: 15px;}
.page h2 { position: relative; font-size: 24px; font-family: 'S-CoreDream-6Bold', sans-serif;}
.page h2:before { content: ""; display: block; width: 40px; height: 3px; background: #000; margin-bottom: 5px;}
.section02.page h2:before { background: #fff !important;}
.page h3 { font-size: 21px; font-family: 'S-CoreDream-6Bold', sans-serif;}

.column > * { margin-bottom: 25px;}

.book_list { padding-left: 25%;}
.book_list dl { margin-bottom: 45px;}
.book_list dt { font-size: 24px; font-family: 'S-CoreDream-6Bold', sans-serif; margin-bottom: 25px; color: #b17bdf;}
.book_list dd ul li { margin-bottom: 15px;}
.book_list dd ul li:before { content: ""; display: block; width: 40px; height: 2px; background: #fff; margin-bottom: 15px;}

.dot_list { margin: 25px 0 80px; padding-left: 10%;}
.dot_list li { position: relative; padding-left: 45px; margin-bottom: 15px;}
.dot_list li:after { position: absolute; left: 0; top: 13px; content: ""; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.dot_list li span { position: absolute; left: 14px; opacity: .5;}

.img_wrap { position: relative;}
.img_wrap:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100%;}
.img_wrap.pos01 { position: absolute; right: 0; top: -170px;}
.img_wrap.pos02 { text-align: center; margin-top: 20px;}

.intxt { font-size: 17px; font-weight: bold; line-height: 1.6; padding-right: 10%; margin: 10% 0;}
.intxt b { font-size: 32px; color: #512975;}

.section01 { padding-top: 60px;}
.section01 .column { padding-left: 15%;}
.section01 .column div { padding: 0 20px; font-size: 15px;}

.txt_ceo { font-size: 15px; font-family: 'S-CoreDream-6Bold', sans-serif; text-align: right; color: #512975;}
.txt_ceo b { margin-left: 20px; position: relative; top: -12px;}

.select_wrapper { position: -webkit-sticky; position: sticky; float: right; top: 160px; z-index: 1000; font-family: 'S-CoreDream-6Bold', sans-serif;}
.select_wrapper ul li a { position: relative; color: #000; font-size: 20px;}
.select_wrapper ul li a:after { position: absolute; left: 0; bottom: -4px; content: ""; display: block; width: 0; height: 2px; background: #000; transition: all .4s ease;}
.select_wrapper ul li a:hover:after { width: 100%;}

#intro02 { background: #000 url(../../images/logo_blur_w.png) no-repeat center center; background-attachment: fixed; background-size: 425px 227px;}
#intro03 { background: url(../../images/logo_blur.png) no-repeat center center; background-attachment: fixed; background-size: 425px 227px;}
.section03 dl { margin-top: 30px; padding: 10px;}
.section03 dl dt { font-size: 32px; font-family: 'S-CoreDream-6Bold', sans-serif;}
.section03 dl dd ul li { position: relative; border-top: 1px solid #eee; padding: 10px 0 10px 80px;}
.section03 dl dd ul.no_pd li { padding-left: 0;}
.section03 dl dd ul li span { position: absolute; left: 0; top: 11px; font-family: 'S-CoreDream-6Bold', sans-serif;}

.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; z-index:100;}
.btn_top_wrap div { position:relative; width:100%; margin:0 auto; padding: 0 0 calc(env(safe-area-inset-bottom));}
.btn_top { position:absolute; top: -70px; right: 20px; display: block; width: 50px; height: 50px; text-indent: -9999px; transition: none; background: #8d1fa1 url(../../images/btn_top.svg) no-repeat center center; background-size: 17px; border-radius: 7px;}

.h_move {
    animation: h_move .5s .1s ease forwards;
	opacity: 0;
}

.v_move {
    animation: v_move .5s .1s ease forwards;
	opacity: 0;
}

.u_move {
    animation: u_move 3s .1s infinite ease forwards;
}

@keyframes h_move {
	0% { opacity: 0; transform: translateX(-15px);}
	100% { opacity: 1; transform: translateX(0px);}
}

@keyframes v_move {
	0% { opacity: 0; transform: translateY(15px);}
	100% { opacity: 1; transform: translateY(0px);}
}

@keyframes u_move {
	0% { transform: translateY(15px);}
	50% { transform: translateY(0px);}
	100% { transform: translateY(15px);}
}