@charset "utf-8";


/* 모바일 박스 */
.bg {position: absolute; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:777; display:none;}
.m_box {position:fixed; top:0; right:-310px; width:310px; height:100%; background-color:#fff; overflow-y:auto; z-index:999; transition:all .5s;z-index: 99999999;}
.m_box.on {right:0;}
.m_box > div.m_top { padding:20px; border-bottom:1px solid #ccc;}
.m_box > div.m_top:after {content:""; display:block; clear:both;}
.m_box > div.m_top > a.m_close {display:none; position:fixed; right:330px;}
.m_box > div.m_top > span {float:left; font-family: "Lato"; font-size:0.875rem;}
.m_box > div.m_top > .m_login {float:right; font-family:"Lato"; font-size:0.875rem;}
.m_box > div.m_top > a.m_close > i {font-size:23px; color:#fff;}

.m_box > ul.m_list > li {text-indent:20px; line-height:50px; border-bottom:1px solid #ccc;}
.m_box > ul.m_list > li > a {position:relative; display:block; font-weight:500;font-family:"Lato"; }
/* .m_box > ul.m_list > li > a.line {border-left:5px solid #d6908d;} */
.m_box > ul.m_list > li > a:after {content:"\f078"; font-size: 13px; color: silver; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > a.fontbg:after {content:"\f077"; font-size: 13px; color: silver; font-family: FontAwesome; position: absolute; z-index: 99999; top:0px; right:15px;}
.m_box > ul.m_list > li > ul.m_sub {background-color:#efefef; display:none;}
.m_box > ul.m_list > li > ul.m_sub > li {border-bottom:1px solid #e5e5e5;}
.m_box > ul.m_list > li > ul.m_sub > li:last-child {border-bottom:none;}
.m_box > ul.m_list > li > ul.m_sub > li > a {display:block; color:#666; font-family:"Lato"; font-size:0.875rem; font-weight:500;}


/* 해더 영역 */
#header_r {position:fixed; top:0px; left:0px; width:100%; z-index:9999; background-color:#fff; }
#header_r .h_center {display:flex; justify-content:space-between; align-items:center; position:relative; width:95%; margin:0px auto; height:120px;}

#header_r .h_center .m_btn {display:none;}
#header_r .f_l_gnb {}
#header_r .f_l_gnb:after {content:""; display:block; clear:both;}
#header_r .f_l_gnb > li {position:relative; float:left; margin-right:27px;}
#header_r .f_l_gnb > li:last-child {margin-right:0px;}
#header_r .f_l_gnb > li > a {font-size:0.875rem;/* font-weight:500;*/ /*font-family:"Lato";*/}
#header_r .f_l_gnb > li.on > a {font-weight:800;}
#header_r .f_l_gnb > li > a.on {font-weight:800;}
#header_r .f_l_gnb > li:hover > a {font-weight:800;}
/* #header_r .f_l_gnb > li > .h_l_sub {position:absolute; left:50%; transform:translateX(-50%); width:108px; margin-top:12px;  border:2px solid #c4c4c4; border-radius:5px; background-color:#fff; box-sizing:border-box; display:none; z-index:99;}
#header_r .f_l_gnb > li > .h_l_sub > li {height:35px; line-height:35px; text-align:center; border-bottom:1px dashed #ebebeb; box-sizing:border-box;}
#header_r .f_l_gnb > li > .h_l_sub > li:last-child {border-bottom:none;}
#header_r .f_l_gnb > li > .h_l_sub > li > a {font-size:0.875rem; font-weight:500; font-family:"Lato"; transition:all .5s;}
#header_r .f_l_gnb > li > .h_l_sub.on {display:none;} */
#header_r .f_l_gnb > li > .h_l_sub {position:absolute; left:0px; width:108px; margin-top:12px; box-sizing:border-box; display:none; z-index:99;}
#header_r .f_l_gnb > li > .h_l_sub > li {height:35px; line-height:35px; text-align:left; box-sizing:border-box;}
#header_r .f_l_gnb > li > .h_l_sub > li:last-child {border-bottom:none;}
#header_r .f_l_gnb > li > .h_l_sub > li > a {font-size:0.875rem; font-weight:500; /*font-family:"Lato";*/ transition:all .5s;}
#header_r .f_l_gnb > li > .h_l_sub > li > a:hover {font-weight:550;}
#header_r .f_l_gnb > li > .h_l_sub.on {display:none;}

#header_r .h_logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:237px;}

#header_r .h_r_gnb {}
#header_r .h_r_gnb:after {content:""; display:block; clear:both;}
#header_r .h_r_gnb > li {float:left; margin-left:27px;}
#header_r .h_r_gnb > li:first-child {margin-left:0px;}
#header_r .h_r_gnb > li > a {font-size:0.875rem; /* font-weight:500;*/ /*font-family:"Lato";*/}
#header_r .h_r_gnb > li > a.on {font-weight:800;}
#header_r .h_r_gnb > li:hover > a {font-weight:800;}





/* 비주얼 영역 */
#Visual {padding-top:120px;}
#Visual .Visual_center {}
#Visual .Visual_top {width:95%; margin:0px auto 25px;}
#Visual .Visual_top .Visual_img {}


#Visual .Visual_middle {width:95%; margin:0px auto; padding-bottom:110px; border-bottom:1px solid #e5e5e5;}
#Visual .Visual_middle .text_box {width:50%;}
#Visual .Visual_middle .text_box .tit {display:inline-block; margin-bottom:25px; font-size:0.875rem; color:gray;}
#Visual .Visual_middle .text_box .text {font-size:0.875rem;}

#Visual .Visual_bot {width:95%; margin:0px auto; padding:110px 0px; border-bottom:1px solid #e5e5e5;}
#Visual .Visual_bot .v_product_list {display:flex;}
#Visual .Visual_bot .v_product_list > li {display:flex; align-items:flex-end; width:50%;}
#Visual .Visual_bot .v_product_list > li .v_p_img {width:47%; margin-right:5%;}
#Visual .Visual_bot .v_product_list > li .v_p_text {width:44%;}
#Visual .Visual_bot .v_product_list > li .v_p_text > span {display:inline-block; margin-bottom:20px; font-size:0.9375rem;}
#Visual .Visual_bot .v_product_list > li .v_p_text > p {margin-bottom:20px; font-size:0.75rem;}
#Visual .Visual_bot .v_product_list > li .v_p_more_btn {font-size:0.875rem; font-style:italic; transition:.3s;}
#Visual .Visual_bot .v_product_list > li .v_p_more_btn:hover {text-decoration:underline;}

/* #Visual .Visual_bot .v_product_list > li:nth-child(2) .v_p_img  {width:55%;} */


#main_video {padding-top:110px; }
#main_video .main_v_center {width:95%; margin:0px auto;}
#main_video .main_v_center .Video_text {margin-bottom:40px; font-size:0.8125rem; line-height:1.7;}
#main_video .main_v_center .Video_wrap {display:flex; justify-content:center;}

#main_video .main_v_center video {height:700px;}


/* 풋터 영역 */
#footer_r {padding:40px 0px 50px;}
/* #footer_r .f_center {width:1815px; margin:0px auto;} */
#footer_r .f_center {width:95%; margin:0px auto;}
#footer_r .f_center:after {content:""; display:block; clear:both;}
#footer_r .f_sns_wrap {float:right;}
#footer_r .f_sns_wrap:after {content:""; display:block; clear:both;}
#footer_r .f_sns_wrap > li {float:left; margin-right:10px; width:30px;}

#footer_r .f_sns_wrap > li > a {display:block;}
#footer_r .address {float:left; font-size:0.8125rem; line-height:23px; font-weight:400; font-family:"Lato";}
#footer_r .f_list:after {content:""; display:block; clear:both;}
#footer_r .f_list > li {float:left; font-weight:500; font-size:0.8125rem;}
#footer_r .f_list > li:after {content:""; display:inline-block; width:1px; height:10px; background:#d7d7d7; margin:0px 10px;}
#footer_r .f_list > li:last-child:after {display:none;}

#footer_r .f_list > li > a {font-weight:500; font-size:0.8125rem;}


/* @media screen and (max-width:1200px){
    #footer_r .f_center {width:95%;}

} */





.main_Privacy_bg {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
.main_Privacy_bg .main_Privacy_center {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:700px; background:#fff; padding:30px 15px 30px 30px; border-radius:5px;}

.main_Privacy_bg .main_close {position:absolute; top:15px; right:15px; font-size:1.5625rem; font-weight:550; color:#666;}
.main_Privacy_bg .Privacy_tit {margin-bottom:10px; font-size:1.125rem; font-weight:550;}
.main_Privacy_bg .main_Privacy_box {height:550px; overflow-y:scroll;}

.main_Privacy_bg .main_privacy_tit {display:block; margin-bottom:10px; font-weight:500;}


.main_Privacy_bg_f {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
.main_Privacy_bg_f .main_Privacy_center {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:700px; background:#fff; padding:30px 15px 30px 30px; border-radius:5px;}

.main_Privacy_bg_f .main_close {position:absolute; top:15px; right:15px; font-size:1.5625rem; font-weight:550; color:#666;}
.main_Privacy_bg_f .Privacy_tit {margin-bottom:10px; font-size:1.125rem; font-weight:550;}
.main_Privacy_bg_f .main_Privacy_box {height:550px; overflow-y:scroll;}

.main_Privacy_bg_f .main_privacy_tit {display:block; margin-bottom:10px; font-weight:500;}




@media screen and (max-width:1200px){
    #header_r .h_center {height:100px;}
    #header_r .h_logo {width:230px;}

    #Visual {padding-top:100px;}

    #Visual .Visual_middle .text_box {width:100%;}

    #main_video .main_v_center .Video_wrap {position:relative; height:0px; padding-bottom:55%;}
    #main_video .main_v_center .Video_wrap .Video {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
}

@media screen and (max-width:1024px){

    #header_r .h_center {height:90px;}
    #header_r .h_logo {width:200px;}
    #header_r .h_logo > a > img {width:100%;}
    #header_r .h_center .m_btn {position:absolute; top:50%; right:0; transform:translateY(-50%); display:block;}
    #header_r .h_center .m_btn > i {color:#000; font-size:20px;}
    #header_r .f_l_gnb {display:none;}
    #header_r .h_r_gnb {display:none;}

    #Visual {padding-top:90px;}




}

@media screen and (max-width:1000px){
    #header_r .h_center {height:80px;}
    #header_r .h_logo {width:180px;}


    #Visual {padding-top:80px;}

    #Visual .Visual_top {width:100%;}
    #Visual .Visual_middle {padding-bottom:90px;}

    #Visual .Visual_bot {padding:90px 0px;}
    #main_video {padding-top:90px;}

    #Visual .Visual_bot .v_product_list {display:block;}
    #Visual .Visual_bot .v_product_list > li {display:block; width:100%;}
    #Visual .Visual_bot .v_product_list > li .v_p_img {width:50%; margin-right:0px;}
    #Visual .Visual_bot .v_product_list > li .v_p_img > a {display:block;}
    #Visual .Visual_bot .v_product_list > li .v_p_text {margin:25px 0px 55px; width:100%;}
    #Visual .Visual_bot .v_product_list > li:last-child .v_p_text {margin:25px 0px 0px;}


}
@media screen and (max-width:800px){


    #Visual .Visual_middle {padding-bottom:80px;}
    #Visual .Visual_bot {padding:80px 0px;}
    #main_video {padding-top:80px;}



}




@media screen and (max-width:768px){
    #header_r .h_center {height:70px;}
    #header_r .h_logo {width:170px;}

    #Visual {padding-top:70px;}

    #Visual .Visual_middle {padding-bottom:60px;}
    #Visual .Visual_bot {padding:60px 0px;}
    #main_video {padding-top:60px;}

    #Visual .Visual_top .Visual_img > a {position:relative; display:block; padding-bottom:56.25%;}
    #Visual .Visual_top .Visual_img > a > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
  

    .main_Privacy_bg .main_Privacy_center {width:93%;}
    .main_Privacy_bg_f .main_Privacy_center {width:93%;}


}




@media screen and (max-width:600px){
    #header_r .h_center {height:65px;}
    #header_r .h_logo {width:160px;}

    #Visual {padding-top:65px;}


    /* #Visual .Visual_bot .v_product_list > li .v_p_img {width:60%;} */
    #Visual .Visual_bot .v_product_list > li .v_p_img {width:100%;}
    #Visual .Visual_bot .v_product_list > li .v_p_img > img {width:100%;}

    .main_Privacy_bg .main_Privacy_center {padding:20px 15px 20px 20px;}
    .main_Privacy_bg .Privacy_tit {font-size:1rem;}
    .main_Privacy_bg .main_Privacy_box {height:400px; font-size:0.9375rem;}

    .main_Privacy_bg_f .main_Privacy_center {padding:20px 15px 20px 20px;}
    .main_Privacy_bg_f .Privacy_tit {font-size:1rem;}
    .main_Privacy_bg_f .main_Privacy_box {height:400px; font-size:0.9375rem;}
    


}


@media screen and (max-width:500px){
 

    #footer_r {padding:25px 0px 50px;}
    #footer_r .address {float:none;}
    #footer_r .f_sns_wrap {margin-top:10px;}

    /* #Visual .Visual_bot .v_product_list > li .v_p_img {width:70%;} */
    .main_Privacy_bg .main_Privacy_box {height:350px;}
    .main_Privacy_bg_f .main_Privacy_box {height:350px;}


}

@media screen and (max-width:400px){
    #Visual .Visual_top .Visual_img > a {padding-bottom:65%;}
    #main_video .main_v_center .Video_wrap {padding-bottom:70%;}
}