@charset "utf-8";
/* 100mb.kr Devteam: 200714-17:41 */
/* Member content CSS */
.member_navigation_bar{position:relative;padding:30px 0px 15px;border-bottom:1px solid #2e2e2e;margin-bottom:60px;color:#888;}
.member_navigation_bar li{display:inline-block;}
.member_navigation_bar li i{margin-left:5px;color:#ddd;}
.member_navigation_bar li i,
.member_navigation_bar li span{display:inline-block;vertical-align:middle;}
.member_navigation_bar li span.impact{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;color:#8ab329;}

.member_category_list{position:absolute;top:0px;left:0px;width:200px;font-size:25px;letter-spacing:-0.03em;}
.member_category_list.fixed{position:fixed;left:auto;top:90px;}
.member_category_list .swiper-wrapper{display:block;}
.member_category_list li a{display:block;position:relative;margin-bottom:18px;color:#bbb;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.member_category_list li.on a{color:#2e2e2e;}

.member_content_box{margin-left:250px;overflow:hidden;padding-bottom:40px;}
.member_content_box div.line_break{height:1px;background-color:#e0e0e0;margin:40px 0px;}

.member_content_box h2,
.member_content_box h4{position:relative;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-0.03em;margin-bottom:20px;}
.member_content_box h2{font-size:33px;}
.member_content_box h2 em,
.member_content_box h4 em{color:#8ab329;font-style:italic;font-weight:bold;display:block;}
.member_content_box h5{font-size:20px;font-weight:400;margin-bottom:10px;line-height:1.3;}
.member_content_box h5 span.number{color:#8ab329;font-weight:700;}
.member_content_box h5 span.number:after{content:'';display:inline-block;margin:0px 2px;width:10px;height:2px;background:#8ab329;}

.member_content_box ul.common li,
.member_content_box p{font-size:inherit;line-height:1.625;}
.member_content_box p,
.member_content_box ul.common{margin-bottom:40px;}
.member_content_box p.short_bottom{margin-bottom:20px;}
.member_content_box ul.common{position:relative;padding-left:20px;font-style:italic;}
.member_content_box ul.common:after{content:'';position:absolute;top:0;bottom:0;left:0px;width:3px;background:#2e2e2e;}
.member_content_box ul.common span.title,
.member_content_box ul.common span.text{display:block;}
.member_content_box ul.common span.title{font-weight:700;}
.member_content_box li{margin-bottom:10px;line-height:1.45;}
.member_content_box a{color:#3d79cc;border-bottom:1px solid #3d79cc;}
.member_content_box span.block{display:block;}
.member_content_box span.number{font-weight:700;color:#8ab329;}
.member_content_box span.help_block{display:inline-block;position:relative;}
.member_content_box span.help_block button{font-size:inherit;border-bottom:1px dashed #aaa;padding-bottom:3px;}
.member_content_box u{position:relative;text-decoration:none;z-index:1;}
.member_content_box u:after{content:'';position:absolute;bottom:0px;left:0;right:0;height:60%;background:rgba(138,179,41,0.26);z-index:-1;}
.member_content_box q{font-style:normal;quotes:none;color:#8ab329;}

.member_content_box div.common_img{position:relative;margin-bottom:30px;}
.member_content_box div.common_img div.info{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.member_content_box div.common_img a,
.member_content_box div.common_img span{display:block;}
.member_content_box div.common_img a{border-bottom:none;}
.member_content_box div.common_img span.bg{position:relative;background-size:cover;background-position:center center;}
.member_content_box div.common_img span.blind{position:absolute;top:0;left:0;right:0;bottom:0;}
.member_content_box div.common_img span.bg04 span.blind,
.member_content_box div.common_img span.bg08 span.blind{background-color:rgba(0,0,0,0.21);}
.member_content_box div.common_img span.bg02 span.blind:after,
.member_content_box div.common_img span.bg04 span.blind:after,
.member_content_box div.common_img span.bg06 span.blind:after,
.member_content_box div.common_img span.bg08 span.blind:after{content:'';position:absolute;top:0;bottom:0;left:0px;width:60%;background: linear-gradient(90deg, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 100%);}
.member_content_box div.common_img span.title{color:#fff;font-size:27px;line-height:1.34;padding:0px 36px;letter-spacing:-0.03em;}
.member_content_box div.common_img span.title small.subtitle{display:block;font-size:0.6em;margin-bottom:16px;}
.member_content_box div.common_img span.hidden{position:relative;width:1px;height:1px;left:-2px;overflow:hidden;padding:0px;}
.member_content_box div.bottom_img{margin-bottom:0px;}

.member_content_box div.responsive_img span.bg{height:330px;}
.member_content_box div.insensitive_img span.bg{height:220px;}
.member_content_box div.responsive_img span.bg01{background-image:url('/include/img/company/introduce_bg01.jpg');}
.member_content_box div.insensitive_img span.bg01{background-image:url('/include/img/company/introduce_bg02.jpg');}
.member_content_box div.insensitive_img span.bg02{background-image:url('/include/img/company/introduce_bg03.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg03{background-image:url('/include/img/company/certification_bg01.jpg');}
.member_content_box div.insensitive_img span.bg04{background-image:url('/include/img/company/certification_bg02.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg05{background-image:url('/include/img/company/recruit_bg01.jpg');}
.member_content_box div.insensitive_img span.bg06{background-image:url('/include/img/company/recruit_bg02.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg07{background-image:url('/include/img/company/culture_bg01.jpg');}
.member_content_box div.insensitive_img span.bg08{background-image:url('/include/img/company/culture_bg02.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg09{background-image:url('/include/img/company/cco_bg01.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg10{background-image:url('/include/img/company/sustainability_bg01.jpg');height:300px;}
.member_content_box div.insensitive_img span.bg11{background-image:url('/include/img/company/cco_bg02.jpg');height:300px;}
.member_content_box div.insensitive_img span.sub_bg01{background-image:url('/include/img/company/sub_bg01.jpg');height:300px;}

.member_content_box div.analysis ul{background:#f0f0f0;font-size:0px;padding:20px 0px;min-width:500px;}
.member_content_box div.analysis span{display:block;}
.member_content_box div.analysis ul > li{display:inline-block;width:33.33%;text-align:center;font-size:16px;margin:25px 0px;}
.member_content_box div.analysis ul > li span.title{position:relative;font-size:34px;font-weight:700;letter-spacing:-0.03em;}
.member_content_box div.analysis ul > li span.title:after{content:'';display:block;width:10%;height:2px;margin:5px auto 10px;background:#2e2e2e;}
.member_content_box div.analysis p{background:#f0f0f0;padding:30px 0px;text-align:center;font-size:16px;margin:0px;}
.member_content_box div.analysis p span.title{position:relative;font-size:44px;font-weight:700;letter-spacing:-0.03em;}
.member_content_box div.analysis p span.title:after{content:'';display:block;width:4%;height:2px;margin:5px auto 10px;background:#2e2e2e;}
.member_content_box div.analysis div.mention{padding:5px 5px 0px;font-size:13px;font-style:italic;color:#aaa;text-align:right;}

.member_content_box ul.certification{border-top:2px solid #2e2e2e;margin-top:12px;margin-bottom:50px;}
.member_content_box ul.certification li{position:relative;font-size:inherit;line-height:1.625;padding:40px 300px 40px 0px;margin:0px;border-bottom:1px solid #ddd;overflow:hidden;}
.member_content_box ul.certification span{display:block;}
.member_content_box ul.certification span.title{font-weight:400;font-size:23px;line-height:1.34;}
.member_content_box ul.certification span.host{font-size:15px;color:#888;}
.member_content_box ul.certification span.description{margin-top:14px;}
.member_content_box ul.certification span.bg{position:absolute;width:270px;top:20px;right:0px;box-sizing:border-box;}
.member_content_box ul.certification span.bg img{display:block;width:100%;cursor:pointer;}
.member_content_box ul.certification em.logo{display:inline-block;vertical-align:middle;width:15px;height:15px;background:url('/include/img/company/certification/logo.png?ver=1.5.1') no-repeat;margin-right:2px;}
.member_content_box ul.certification em.bg01{background-position:0px 0px;}
.member_content_box ul.certification em.bg02{background-position:0px -15px;}
.member_content_box ul.certification em.bg03{background-position:0px -30px;}
.member_content_box ul.certification em.bg04{background-position:0px -45px;}
.member_content_box ul.certification em.bg05{background-position:0px -60px;}
.member_content_box ul.certification em.bg06{background-position:0px -75px;}
.member_content_box ul.certification em.bg07{background-position:0px -90px;}
.member_content_box ul.certification em.bg08{background-position:0px -105px;}
.member_content_box ul.certification em.bg09{background-position:0px -120px;}

.member_content_box blockquote.common{position:relative;margin:0 auto 40px;color:rgba(61,121,204,1);}
.member_content_box blockquote.common p{margin:0px 0px 0px 10px;background:rgba(61,121,204,0.1);padding:20px 20px 20px 50px;border-radius:10px;}
.member_content_box blockquote.common span.signature{display:block;margin-top:16px;font-style:italic;font-size:0.9em;font-weight:700;}
.member_content_box blockquote.common span.signature:before{content:'';display:inline-block;vertical-align:middle;margin-right:5px;width:14px;border-top:2px dotted rgba(61,121,204,0.5);}
.member_content_box blockquote.common i.fa-quote-left{position:absolute;top:-8px;left:0px;font-size:3em;}

.member_content_box div.naver_maps{position:relative;height:330px;z-index:1;}
.member_content_box div.naver_maps a{border-bottom:none;}
.member_content_box div.naver_maps div.marker{display:block;padding:5px 8px;border:3px solid #2e2e2e;text-align:center;color:#2e2e2e;font-weight:700;border-radius:6px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.2);}

.member_content_box div.signature{text-align:right;}
.member_content_box div.signature span{display:inline-block;vertical-align:bottom;}
.member_content_box div.signature span.title{font-size:17px;font-weight:700;}
.member_content_box div.signature span.name{position:relative;width:1px;height:1px;left:-2px;overflow:hidden;}
.member_content_box div.signature span.bg{width:193px;height:70px;margin-left:12px;background-image:url('/include/img/company/signature.png');background-size:cover;}

.member_content_box dl.location{margin:26px 0px;line-height:1.34;font-size:inherit;}
.member_content_box dl.location dt{font-size:23px;margin-bottom:12px;}
.member_content_box dl.location dd{margin-top:6px;}
.member_content_box dl.location dd span{display:inline-block;vertical-align:sub;}
.member_content_box dl.location dd span.title{min-width:80px;color:#999;}
.member_content_box dl.location dd span.title i{width:16px;text-align:center;margin-right:5px;}
.member_content_box dl.location dd span.text{display:inline;}
.member_content_box dl.location dd span.train{width:14px;height:14px;line-height:14px;border:3px solid #2e2e2e;border-radius:14px;font-size:0.75em;font-weight:700;text-align:center;overflow:hidden;}
.member_content_box dl.location dd span.train.bg01{border-color:#f77636;color:#f77636;}
.member_content_box dl.location dd span.train.bg02{border-color:#fca92f;color:#fca92f;}
.member_content_box dl.location dd span.train.bg03{border-color:#b5500c;color:#b5500c;}
.member_content_box dl.location dd span.train.bg04{border-color:#3ab449;color:#3ab449;}

@media screen and (max-width: 1016px) {
.member_navigation_bar{padding:18px 15px;margin:0;letter-spacing:-0.07em;background-color:#f7f7f7;border-bottom:8px solid #e0e0e0;font-size:16px;}

.member_category_list{position:relative;top:auto;left:auto;width:auto;font-size:17px;font-weight:700;padding:0px 15px;background:rgba(255,255,255,0.74);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);}
.member_category_list.fixed{left:0px;width:100%;z-index:11;-webkit-animation:member_category_list 0.6s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:member_category_list 0.6s;animation-direction:alternative;animation-fill-mode:both;}
.member_category_list.fixed li a{color:#e0e0e0;}
.member_category_list.fixed li a.on{color:#b5d05b;}
.member_category_list .swiper-wrapper{display:flex;}
.member_category_list li.swiper-slide{width:auto;}
.member_category_list li a,
.member_category_list li.on a{padding:13px 0px;}
.member_category_list li a{margin-bottom:0px;margin-right:8px;margin-left:8px;color:#aaa;}
.member_category_list li:first-child a{margin-left:0px;}
.member_category_list li:last-child a{margin-right:0px;}
.member_category_list li.on a{color:#8ab329;}
@-webkit-keyframes member_category_list{0%{background:rgba(255,255,255,0.74);}100%{background:rgba(50,50,50,0.74);}}
@keyframes member_category_list{0%{background:rgba(255,255,255,0.74);}100%{background:rgba(50,50,50,0.74);}}

.member_content_box{padding:40px 15px 0px;margin:0 auto;max-width:750px;}
.member_content_box div.responsive_img span.bg{height:auto;padding-bottom:44%;}
.member_content_box div.insensitive_img span.bg{height:auto;padding-bottom:29.33%;}
.member_content_box div.insensitive_img span.bg02,
.member_content_box div.insensitive_img span.bg04,
.member_content_box div.insensitive_img span.bg06,
.member_content_box div.insensitive_img span.bg08{padding-bottom:40%;}
}


@media screen and (max-width: 850px) {
.member_content_box div.analysis ul > li span.title{font-size:25px;}
.member_content_box div.analysis p span.title{font-size:33px;}

.member_content_box blockquote.common span.block{display:inline;}
}

@media screen and (max-width: 750px) {
.member_category_list{font-size:16px;}

.member_content_box{padding:30px 15px 40px;}
.member_content_box.short{padding:0px 15px;}

.member_content_box div.common_img{margin:0px -15px 30px;}
.member_content_box div.common_img span.title{padding:0px 0px 0px 15px;}
.member_content_box div.bottom_img{margin-bottom:0px;}
.member_content_box div.bottom_img:before{content:'';display:block;height:10px;background:#e0e0e0;margin:0px -15px;}

.member_content_box div.analysis ul > li{margin:15px 0px;}
.member_content_box div.analysis p{margin:15px 0px 0px;}

.member_content_box ul.certification{margin-bottom:0px;}
.member_content_box ul.certification li:last-child{border-bottom:none;}

.member_content_box div.naver_maps{margin:0px -15px;}

.member_content_box dl.location{line-height:1.45;}
.member_content_box dl.location dt{font-weight:700;}
.member_content_box dl.location dd{margin-top:14px;}
.member_content_box dl.location dd span.title{min-width:auto;display:block;color:#2e2e2e;font-weight:700;}
.member_content_box dl.location dd span.title i{width:auto;}
}

@media screen and (max-width: 650px) {
.member_content_box div.common_img span.title{font-size:25px;}
.member_content_box div.common_img span.title small.subtitle{margin-bottom:12px;}
}


@media screen and (max-width: 550px) {
.member_content_box p,
.member_content_box ul.common{margin-bottom:24px;}
.member_content_box p.short_bottom{margin-bottom:12px;}
.member_content_box span.block{display:inline;}

.member_content_box div.responsive_img span.bg{padding-bottom:70%;background-position:0% 0%;-webkit-animation:responsive_img_01 21s infinite linear;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:responsive_img_01 21s infinite linear;animation-direction:alternative;animation-fill-mode:both;}
.member_content_box div.insensitive_img span.bg{padding-bottom:45%;}
.member_content_box div.insensitive_img span.bg02,
.member_content_box div.insensitive_img span.bg04,
.member_content_box div.insensitive_img span.bg06,
.member_content_box div.insensitive_img span.bg08{padding-bottom:55%;background-position:center right;}
.member_content_box div.insensitive_img span.bg08{background-position:center center;}
@-webkit-keyframes responsive_img_01{0%{background-position-x:0%;}100%{background-position-x:268.5%;}}
@keyframes responsive_img_01{0%{background-position-x:0%;}100%{background-position-x:268.5%;}}

.member_content_box div.analysis ul > li{font-size:15px;}
.member_content_box div.analysis p{font-size:16px;}

.member_content_box ul.certification{width:155%;}
.member_content_box ul.certification li{padding:30px calc(44% + 20px) 30px 0px;}
.member_content_box ul.certification span.host{font-size:15px;}
.member_content_box ul.certification span.description{font-size:16px;}
.member_content_box ul.certification span.bg{width:44%;top:4%;}

.member_content_box blockquote.common{margin:40px -15px;}
.member_content_box blockquote.common p{margin-left:0px;padding:25px 15px;border-radius:0px;}
.member_content_box blockquote.common i.fa-quote-left{top:-10px;left:15px;font-size:2em;}

.member_content_box div.naver_maps{height:calc(100vw * 0.6);}

.member_content_box div.signature span.title{font-size:16px;letter-spacing:-0.05em;}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-resolution: 120dpi), screen and (min-resolution: 1.2dppx) {
.member_content_box div.responsive_img span.bg01{background-image:url('/include/img/company/introduce_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg01{background-image:url('/include/img/company/introduce_bg02_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg02{background-image:url('/include/img/company/introduce_bg03_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg03{background-image:url('/include/img/company/certification_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg04{background-image:url('/include/img/company/certification_bg02_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg05{background-image:url('/include/img/company/recruit_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg06{background-image:url('/include/img/company/recruit_bg02_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg07{background-image:url('/include/img/company/culture_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg08{background-image:url('/include/img/company/culture_bg02_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg09{background-image:url('/include/img/company/cco_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg10{background-image:url('/include/img/company/sustainability_bg01_150dpi.jpg');}
.member_content_box div.insensitive_img span.bg11{background-image:url('/include/img/company/cco_bg02_150dpi.jpg');}
.member_content_box div.insensitive_img span.sub_bg01{background-image:url('/include/img/company/sub_bg01_150dpi.jpg');}
.member_content_box ul.certification em.logo{background-image:url('/include/img/company/certification/logo_150dpi.png?ver=1.4');background-size:cover;}
.member_content_box div.signature span.bg{width:130px;height:47px;background-image:url('/include/img/company/signature_150dpi.png');}
}

/* @media screen and (prefers-color-scheme: dark) {
.member_content_box div.signature span.bg{background-image:url('/include/img/company/signature_dark.png');}
}
@media screen and (-webkit-min-device-pixel-ratio: 1.2) and (prefers-color-scheme: dark), screen and (min-resolution: 120dpi) and (prefers-color-scheme: dark), screen and (min-resolution: 1.2dppx) and (prefers-color-scheme: dark) {
.member_content_box div.signature span.bg{background-image:url('/include/img/company/signature_dark_150dpi.png');}
} */