@charset "utf-8";

#sub_main_banner {overflow:hidden;width:100%;height:330px;margin:auto;background:url(/img/s_vi.jpg) no-repeat 50% 50%;background-size:cover;animation:sub_main 10s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes sub_main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sub_main_banner.s_scroll{background-position:0 -100px !important}

@media (max-width:1024px){
#sub_main_banner{width:100%}
}

@media (max-width:480px){
#sub_main_banner {height:auto;background:none}
#co_content_tit_wrap{margin: 0 auto}
#co_content_tit{display:block;padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#222}
#co_content_tit h3{height:auto;margin:0;font-size:16px;line-height:1.2;font-family:'notokr-medium'}
#co_content_tit span{display:none}
#fix_tel{display:block;right:15px}
#co_ft_btns{display:block;background-color:transparent}
#toTop{display:none}
.r_menu {display:none}
#co_content{margin-top:0px}
}


@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 페이지 리뉴얼 201020 [s] */
.pagecommon{font-size:16px;color:#777;letter-spacing:-.2px;line-height:1.8;font-family:'notokr-regular'; max-width:1600px; margin:100px auto}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br{white-space:pre-line}

/*회사소개*/
#p6>div{margin:0 70px 75px}
#p6>div:after{display:block;clear:both;content:''}
#p6 .tit{float:left;width:120px;font-weight:700;font-size:14px;line-height:3;color:#694930;letter-spacing:0;font-family:'Poppins',sans-serif}
#p6 .content{float:left;width:calc(100% - 120px)}
#p6 .tit_area{font-weight:normal;line-height:1.4;color:#222;font-family:'notokr-light'}
#p6 .about_area .content .tit_area{margin-bottom:30px;font-size:32px}
#p6 .about_area .content .txt b{text-decoration:underline;color:#222}
#p6 .img_area{position:relative}
#p6 .img_area:before{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:calc(100% + 140px);height:335px;background-color:#393a46;content:'';z-index:-1}
#p6 .img_area img{float:left;width:50%}
#p6 .img_area img:nth-child(2){padding-top:46px;margin-bottom:56px}
#p6 .img_area p{position:absolute;top:0;right:70px;width:140px;height:120px;background:linear-gradient(135deg,#4e000c,#c7102d);background:-o-linear-gradient(135deg,#4e000c,#c7102d);background:-moz-linear-gradient(135deg,#4e000c,#c7102d);background:-webkit-linear-gradient(135deg,#4e000c,#c7102d)}
#p6 .img_area p span{position:absolute;bottom:25px;left:28px;font-weight:500;font-size:13px;color:#fff;font-family:'Poppins',sans-serif;letter-spacing:0}
#p6 .investment_area .content .tit_area{margin-bottom:35px;font-size:28px}

#p6 .investment_area .content .icon_area{overflow:hidden;border:1px solid #e1e1e1;padding:80px 15px 45px}
#p6 .investment_area .content .icon_area dl{float:left;width:calc(100% / 3 - 72px);margin:0 34px}
#p6 .investment_area .content .icon_area dl dt{position:relative;padding-bottom:26px;margin-bottom:30px;border-bottom:3px solid #222;font-weight:500;font-size:13px;text-align:right;font-family:'Poppins',sans-serif;color:#222}
#p6 .investment_area .content .icon_area dl dt:after{position:absolute;left:0;bottom:26px;height:56px;width:65px;background:no-repeat bottom left;content:''}
#p6 .investment_area .content .icon_area dl:nth-child(1) dt:after{background-image:url(/img/p1.png)}
#p6 .investment_area .content .icon_area dl:nth-child(2) dt:after{background-image:url(/img/p2.png)}
#p6 .investment_area .content .icon_area dl:nth-child(3) dt:after{background-image:url(/img/p3.png)}
#p6 .investment_area .content .icon_area dl dd{color:#555}


/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon{font-size:14px}
.pagecommon .br{white-space:normal;word-break:keep-all}
#p6 .tit{float:none}
#p6 .content{float:none;width:100%}
#p6 .img_area:before{height:225px}
#p6 .img_area p{width:110px;height:110px}
#p6 .img_area p span{left:20px;bottom:20px}
}
@media (max-width:768px){
#p6 .img_area:before{height:175px}
#p6 .investment_area .content .icon_area{padding:60px 0}
#p6 .investment_area .content .icon_area dl{float:none;width:calc(100% - 68px)}
#p6 .investment_area .content .icon_area dl+dl{margin-top:70px}
#p6 .img_area p{right:30px}
}
@media (max-width:480px){
#p6 .about_area .content .tit_area{font-size:28px}
#p6>div{margin:0 15px 50px}
#p6 .img_area:before{width:calc(100% + 30px);height:150px}
#p6 .img_area p{display:none}
#p10{padding:15px}
}
@media (max-width:360px){
.pagecommon .tit_area p{font-size:24px !important}
#p6 .about_area .content .tit_area,#p6 .investment_area .content .tit_area{font-size:24px}
#p6 .img_area:before{height:calc(100% + 40px);bottom:auto;top:-20px}
#p6 .img_area img{float:none;width:100%}
#p6 .img_area img:nth-child(2){padding-top:10px;margin-bottom:0}
}
/* 반응형 [e] */