/* BASIC css start */
.intro_inside {text-align:center;position:relative; } 
.intro_inside .btn_lang {position:absolute;right:3%;top:5%;border:1px solid #fff;border-radius:4px;color:#fff;padding:7px;font-size:11px; } 
.inside_tit_area {margin:40px 0 24px;padding:0 24px;text-align:center;line-height:1.4; } 
.inside_tit_area h2 {font-size:22px;letter-spacing:-0.05em;margin:0 0 0 0;padding:15px 0 10px; } 
.inside_tit_area p {line-height:1.5;padding:14px 0 0;font-size:15px;font-weight:300;letter-spacing:-0.03em;word-break:keep-all}
.inside_tit_area bold {color:#2BAAEF}
.our_products_category {text-align:center; } 
.our_values ul {padding:0 7.5%; } 
.our_values ul li {overflow:hidden;zoom:1;width:100%;padding-top:8%; } 
.our_values ul li:first-child {padding-top:0; } 
.our_values ul li span {float:left;height:100%;width:21.25%;margin-right:7.5%; } 
.our_values.en ul li span {margin-bottom:20%; } 
.our_values ul li h3 {font-size:16px;line-height:1.4em;padding-bottom:2%; } 
.our_values ul li p {line-height:1.4;font-size:13px; } 
.our_trace {position:relative;padding-top:53.2%;margin-top:80px;background:url(/design/digitalmkt/img/bg_our_trace.jpg) no-repeat center;background-size:contain;background-color:#000; } 
.our_trace>div {position:absolute;top:0;right:0;bottom:0;left:0;text-align:center; } 
.our_trace>div h3 {padding-top:17%;font-size:32px;color:#fff;text-align:center; } 
.our_trace.en>div h3 {padding-top:13%;font-size:32px;color:#fff;text-align:center; } 
.our_trace>div p {padding-top:5%;font-size:14px;line-height:1.4em;color:#fff;text-align:center; } 
.our_trace>div a {font-size:16px;line-height:1.4em;text-decoration:underline !important;color:#fff; } 
.vClips {text-align:center;position:relative;padding-bottom:56.25%;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;margin:0 auto; } 
.vClips iframe,.vClips object,.vClips embed {position:absolute;top:0;left:0;width:100%;height:100%; } 
.our_recruit {margin-top:20px; } 
.our_recruit h4 {text-align:center;font-size:14px;line-height:1.4em; } 
.our_recruit p {padding-top:2%;text-align:center;font-size:14px;line-height:1.4em; } 
.our_recruit p a {text-decoration:underline; } 
.our_life {margin-top:80px; } 
.our_life ul li {background-color:#000; } 
.our_life ul li.our_news {position:relative;padding-top:53.2%;background:url(/design/digitalmkt/img/bg_our_news.jpg) no-repeat center;background-size:cover; } 
.our_life ul li.our_csr {position:relative;padding-top:53.2%;background:url(/design/digitalmkt/img/bg_our_csr.jpg) no-repeat center;background-size:cover; } 
.our_life ul li>div {position:absolute;top:0;right:0;bottom:0;left:0;text-align:center; } 
.our_life ul li>div h3 {padding-top:18%;font-size:32px;color:#fff;text-align:center; } 
.our_life ul li>div p {padding-top:7%;font-size:14px;line-height:1.4em;color:#fff;text-align:center; } 
.our_life ul li>div a {font-size:16px;line-height:1.4em;text-decoration:underline !important;color:#fff; } 
.our_info {margin-top:80px; } 
.our_info ul {padding:0 10%; } 
.our_info ul li {overflow:hidden;zoom:1;width:100%;padding-top:8%; } 
.our_info ul li:first-child {padding-top:0; } 
.our_info ul li span {float:left;height:100%;width:21.25%;margin-right:5%;padding-bottom:7%}
.our_info.en ul li span {padding-bottom:15%}
.our_info ul li h3 {font-size:20px;line-height:1.4em;padding-bottom:2%; } 
.our_info ul li p {line-height:1.4;font-size:13px; } 
.our_info ul li p i {line-height:1.4;font-style:normal; } 
.our_info ul li a {display:inline-block;line-height:1.4;padding-top:0.5%;text-decoration:underline; } 
.inside_tit_area_02 {margin:80px 0 24px;padding:0 24px;text-align:center;line-height:1.4; } 
.inside_tit_area_02 h2 {font-size:35px;letter-spacing:-0.05em;margin:0 0 0 0;padding:15px 0 10px; } 
.inside_tit_area_02 p {line-height:1.5;padding:14px 0 0;font-size:15px;font-weight:300;letter-spacing:-0.03em;word-break:keep-all}
.inside_tit_area_02 strong {color:#0089ce}
.csr_img_wrap {text-align:center; } 
.our_friends_list {padding:0 2.5%; } 
.company_history_wrap {width:auto;margin:0 auto;box-sizing:border-box;padding:0 10%; } 
.company_history {padding-top:55px; } 
.company_history dl {padding:0 0 20% 5%;position:relative;min-height:10vh;border-left:2px solid #299ad6; } 
.company_history dl dt {padding-bottom:15px;font-size:24px;color:#000;text-align:left;line-height:1.0em; } 
.company_history dl dt strong {display:inline-block;width:80px;box-sizing:border-box; } 
.company_history dl dt i {position:absolute;top:0px;left:-10px;display:inline-block;box-sizing:border-box;width:20px;height:20px;border:3px solid #299ad6;border-radius:50%;background-color:#fff; } 
.company_history dl dd {position:relative; } 
.company_history dl dd p {padding-top:0;font-size:15px;color:#333;line-height:1.8;word-break:keep-all;padding-left:1em;text-indent:-0.8em; } 
.expected_personality li {text-align:center;padding-top:54px; } 
.expected_personality li:first-child {padding-top:0; } 
.expected_personality span {display:inline-block;width:26.213333%; } 
.expected_personality h3 {padding-top:8px;font-size:21px;line-height:1.62;color:#000;font-weight:bold; } 
.expected_personality p {font-size:15px;line-height:1.4em; } 
.recruit_steps p {text-align:center; } 
.recruit_steps ul {padding:2.5% 5%; } 
.recruit_steps ul li {padding-top:0.5em;padding-left:1em;text-indent:-0.5em;line-height:1.4em;font-size:15px;color:#333;word-break:keep-all; } 
.our_benefits ul {padding:0 10%; } 
.our_benefits ul li {overflow:hidden;zoom:1;width:100%;padding-top:8%; } 
.our_benefits ul li:first-child {padding-top:0; } 
.our_benefits ul li span {float:left;height:100%;width:21.25%;margin-right:8%;padding-bottom:10px; } 
.our_benefits ul li h3 {font-size:20px;line-height:1.4em;padding-top:0.5em; } 
.our_benefits ul li p {line-height:1.4;font-size:13px; } 
.recruit_info {margin-top:80px; } 
.recruit_info ul li.our_recruiting {position:relative;padding-top:53.2%;background:url(/design/digitalmkt/img/bg_recruiting.jpg) no-repeat center;background-size:cover; } 
.recruit_info ul li.our_inquiry {position:relative;padding-top:53.2%;background:url(/design/digitalmkt/img/bg_inquiry.jpg) no-repeat center;background-size:cover}
.recruit_info ul li>div {position:absolute;top:0;right:0;bottom:0;left:0;text-align:center; } 
.recruit_info ul li>div h3 {padding-top:10%;font-size:32px;color:#fff;text-align:center; } 
.recruit_info ul li>div p {padding-top:7%;font-size:14px;line-height:1.4em;color:#fff;text-align:center; } 
.recruit_info ul li>div a {font-size:16px;line-height:1.4em;text-decoration:underline !important;color:#fff; } 
.recruit_info ul li>div span {font-size:16px;line-height:1.4em;color:#fff; } 
@font-face {font-family:'Pretendard-Regular';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');font-weight:400;font-style:normal; } 
@font-face {font-family:'Pretendard-SemiBold';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');font-weight:400;font-style:normal; }

/* BASIC css end */