/* INFO =================================== */
/* INFO > 개인정보취급방침, 이용약관 */
.guide .content_area {padding:180px 0 160px;}
.guide .keyvisual_area {background-image: url("../img/06.info/visual_bg.jpg"); }
.guide .keyvisual_area::after {background-image: url("../img/06.info/visual_bg.jpg"); }

@media all and (max-width:767px){
.guide .content_area {padding:120px 0 60px;}
.guide .keyvisual_area {background-image: url("../img/06.info/visual_mbg.jpg"); }
.guide .keyvisual_area::after {background-image: url("../img/06.info/visual_mbg.jpg"); }
}

.guide_con01 .img_box {padding:0px 0; margin:160px 0 -160px 0; /*background-color:#fef8f0;*/ text-align:center; }
.guide_con01 .img_box img {max-width:100%; }
.guide_con01 .img_box img.mo_img {display:none; }
.guide_con01 .img_box.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.guide_con01 .img_box.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.guide_con01 .img_box {margin:30px 0 0px 0;}
}

/************ layout ************/
body.hidden {overflow:hidden; }
.w1360 {width:100%; max-width:1360px; margin:0 auto; }
.w1400 {width:100%; max-width:1400px; margin:0 auto; }
@media all and (max-width:1400px){
    .w1360,.w1400 {max-width:96%; }
}
@media all and (max-width:767px){
    .w1360,.w1400 {max-width:100%; padding:0 40px; box-sizing:Border-box; }
}

/************ common ************/
main {overflow: hidden;}
.en_mont {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.mix_font {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.content_area {padding:120px 0 220px;}
.clrfix::after{content: ""; display: block; clear: both;}

@media all and (max-width:767px){
    .content_area {padding:40px 0px 0px; border:0px solid blue;}
}

/************ text style ************/
.black {color:#000;}
.main_title {font-size:55px; font-weight: 600;}
.sub_title {font-size:45px; font-weight: 600;}
.sub_title_01 {font-size:46px; font-weight: 600;}
.sub_title_02 {font-size:30px; font-weight: 600;}
.sub_title_03 {font-size:24px; font-weight: 600;}
.sub_title_04 {font-size:22px; font-weight: 600;}

.sub_title_01:lang(en){line-height: 1.2;}

@media all and (max-width:767px){
.main_title {font-size:2.0rem;}
.sub_title {font-size:1.7rem;}
.sub_title_01 {font-size:1.7rem;}
.sub_title_02 {font-size:1.5rem;}
.sub_title_03 {font-size:1.3rem;}
.sub_title_04 {font-size:1.3rem;}
}

/************ company_title style ************/
.company_title {text-align:center; }
.company_title .eng {display:block; font-size:18px; font-weight:400; color:#666; font-family: 'SUIT','Noto Sans KR', sans-serif;}
.company_title .main_title {margin:30px 0 50px; line-height:1.4; word-break:keep-all; }
.company_title .main_title br.mo_ver {display:none;}
.company_title p.desc {font-size:18px; font-weight:400; color:#666; line-height:1.6; word-break:keep-all; }
.company_title .main_title:lang(en){margin-bottom:30px; font-family: 'SUIT','Noto Sans KR', sans-serif; font-size:56px; }
.company_title p.desc:lang(en){line-height: 1.5;}

.company_title.scroll_motion .main_title,
.company_title.scroll_motion .eng,
.company_title.scroll_motion p.desc {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.company_title.scroll_motion.on .main_title,
.company_title.scroll_motion.on .eng,
.company_title.scroll_motion.on p.desc {opacity:1; transform:translateY(0);}
.company_title.scroll_motion.on .main_title {transition-delay:0.2s; }
.company_title.scroll_motion.on p.desc {transition-delay:0.4s; }

.company_title.scroll_motion.on .main_title:lang(en) {transition-delay:0s; }
.company_title.scroll_motion.on p.desc:lang(en) {transition-delay:0.2s; }

@media all and (max-width:767px){
.company_title .eng {font-size:0.65rem;}
.company_title .main_title {margin:20px 0 30px; line-height:1.4em; }
.company_title p.desc {font-size:0.90rem;line-height:1.6em;text-align:left;word-break:normal;}
}


/************ keyvisual ************/
.keyvisual_area {position: relative; display:table; width:100%; height: 100vh; text-align: center; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; }

@media all and (max-width:767px){
    .keyvisual_area {background-attachment:unset}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .keyvisual_area {background-attachment:scroll; }
}

.keyvisual_area:after {content: ""; position: absolute; top:0; left:0; bottom:0; right: 0; width:100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-animation:bgMove 2s ease-in-out both;
    -moz-animation:bgMove 2s ease-in-out both;
    -ms-animation:bgMove 2s ease-in-out both;
    -o-animation:bgMove 2s ease-in-out both;
    animation:bgMove 2s ease-in-out both;}
.keyvisual_txt h1 {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_area.fixed .keyvisual_navi, .keyvisual_area.fixed .keyvisual_scroll_down {opacity: 0; transition: all 0.5s; visibility: hidden;}
.keyvisual_area.fixed:after{display: none;}
.keyvisual_area.fixed .keyvisual_txt h1, .keyvisual_area.fixed .keyvisual_txt h2 {
    -webkit-animation:textDown 1.5s ease-in-out both;
    -moz-animation:textDown 1.5s ease-in-out both;
    -ms-animation:textDown 1.5s ease-in-out both;
    -o-animation:textDown 1.5s ease-in-out both;
    animation: textDown 1.5s ease-in-out both;}



@keyframes textDown {
    from {
            visibility: visible;
            opacity: 1;
            transform:translateY(0);
        }

    to {
        visibility: visible;
        opacity: 0;
        transform:translateY(-150px);
    }
}

/* bgmove */
@-webkit-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);

    }

    to {
        transform:scale(1);
    }
}
@-moz-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-ms-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@-o-keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}
@keyframes bgMove {
    from {
        transform:scale(1.08) rotate(.001deg);
    }

    to {
        transform:scale(1);
    }
}


.keyvisual_txt {position:relative; display:table-cell; vertical-align:middle; max-width:95%; z-index: 10;}
.keyvisual_txt > * {color: #fff;}
.keyvisual_txt h1 {font-size:5.5rem; font-weight: 700; animation:textUp 1s ease-in-out both; transition: 0.5s; transform: translateY(0); line-height:1.2; }
.keyvisual_txt h2 {font-size:1.5rem; font-weight: 300; margin-top:50px; line-height:1.8; animation:textUp 2s ease-in-out both; transition: 0.5s; transform: translateY(0);}
.keyvisual_txt .mo_ver {display:none; }
@keyframes textUp {
    from {
        visibility: hidden;
        opacity: 0;
        transform:translateY(50px);
    }

    to {
        visibility: visible;
        opacity: 1;
        transform:translateY(0);
    }
}
.keyvisual_navi {position: absolute; left:0; bottom:0px; width:100vw; max-width:100%; height:6.8vh; transform: translateY(0%); text-align: left; z-index: 10;}
.keyvisual_navi span {float:left;width:50%; color: #fff; font-weight:600;text-align:center;padding:0;margin:0;background-color: rgba(0, 0, 0, .7);display:inline-block;}
/*.keyvisual_navi span::after {content: ""; position: absolute; right: -3px; top:50%; width:4px; height:7px; transform: translateY(-50%); background: url("../../img/common/icon_navi.png") no-repeat;}
.keyvisual_navi span:first-child {padding:0 15px 0 0; font-weight: 300;}
.keyvisual_navi span:nth-child(2) {font-weight: 300;}
.keyvisual_navi span:last-child::after {display: none;}*/
.keyvisual_navi a {font-family: 'SUIT','Noto Sans KR', sans-serif;}
.keyvisual_navi a:link {color:#fff;padding:20px 0 25px 0;font-size:0.95rem;font-weight:400;}
.keyvisual_navi a:hover {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;}
.keyvisual_navi .active {background-color:rgba(255, 255, 255, 1.0);color:#00BBD3;font-size:1.1rem !important;}

@media all and (max-width:767px){
.keyvisual_navi {display:none;}
}


.R_navi {float:left;width:100%;padding:50px 50px;margin:0;font-size:0.85rem;display:block;}
.R_navi span {color:#4ed0e0;font-weight:600;}
.R_navi.scroll_motion {opacity:0; transform:translateY(50px); transition:all 0.5s; }
.R_navi.scroll_motion.on {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
.R_navi {padding:30px 30px 0px 30px;font-size:0.75rem;}
}

.keyvisual_scroll_down {position: absolute; bottom:63px; left:50%; transform: translateX(-50%); z-index: 10;}
.keyvisual_scroll_down span {position: relative; display: block; padding-bottom: 60px; color:#fff; font-family: 'SUIT','Noto Sans KR', sans-serif;font-size:1.0rem;}
.keyvisual_scroll_down span::after {content: ""; position: absolute; left:50%; bottom:0; transform: translateX(-50%); width:2px; height: 50px; background: #ccc; animation: fullbar 5s infinite;}

@keyframes fullbar {
    0% {
        height: 50px;
        background: #ccc;
    }

    100% {
        height:0;
        background: #fff;
    }
}

.keyvisual_txt h2:lang(en) {font-size: 20px; font-weight: 300; line-height: 1.5;}
.keyvisual_navi span:first-child:lang(en), .keyvisual_navi span:nth-child(2):lang(en) {font-weight: 300;}

@media all and (max-width:767px){
    .keyvisual_txt h1 {font-size:2.5rem;margin-top:-50px;}
    .keyvisual_txt h1:lang(en) {font-size:2.5rem;}
    .keyvisual_txt h2, .keyvisual_txt h2:lang(en) {width: 85%; margin:5px auto 0; font-size:1.2rem;line-height: 1.7;}
	.keyvisual_txt h3, .keyvisual_txt h3:lang(en) {width: 85%; margin:20px auto 0; font-size:1.3rem;line-height: 1.7;}
	.keyvisual_txt h5, .keyvisual_txt h5:lang(en) {font-size:1.0rem;margin:20px auto 0;line-height: 1.7;}
    .keyvisual_txt .mo_ver {display:block; }
   /* .keyvisual_navi {display:none; }*/
   .keyvisual_scroll_down {bottom:0px;}
    .keyvisual_scroll_down span {font-size:0.90rem;}
}