@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300');

/* Pretendard */
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 300;
    src: local("Pretendard-Light"),
    url("fonts/Pretendard-Light.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url("fonts/Pretendard-Light.woff") format("woff"), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url("fonts/Pretendard-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: local("Pretendard-Regular"),
    url("fonts/Pretendard-Regular.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url("fonts/Pretendard-Regular.woff") format("woff"), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url("fonts/Pretendard-Regular.ttf") format('truetype');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: local("Pretendard-Bold"),
    url("fonts/Pretendard-Bold.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url("fonts/Pretendard-Bold.woff") format("woff"), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url("fonts/Pretendard-Bold.ttf") format('truetype');
}

@font-face {
    font-family: '11StreetGothic';
    src: url('fonts/11StreetGothic-KorLight.eot');
    src: url('fonts/11StreetGothic-KorLight.woff') format('woff2'),
    url('fonts/11StreetGothic-KorLight.woff') format('woff'),
    url('fonts/11StreetGothic-KorLight.ttf') format('truetype');
    font-weight:300;
}
@font-face {
    font-family: '11StreetGothic';
    src: url('fonts/11StreetGothic-Kor.eot');
    src: url('fonts/11StreetGothic-Kor.woff') format('woff2'),
    url('fonts/11StreetGothic-Kor.woff') format('woff'),
    url('fonts/11StreetGothic-Kor.ttf') format('truetype');
    font-weight:normal;
}
@font-face {
    font-family: '11StreetGothic';
    src: url('fonts/11StreetGothic-KorBold.eot');
    src: url('fonts/11StreetGothic-KorBold.woff') format('woff2'),
    url('fonts/11StreetGothic-KorBold.woff') format('woff'),
    url('fonts/11StreetGothic-KorBold.ttf') format('truetype');
    font-weight:bold;
}

html {overflow:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0;}
body {overflow:hidden;position:relative;font-family:'Pretendard','Helvetica Neue','AppleSDGothicNeo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;word-break:keep-all;-webkit-text-size-adjust:none;}
button,input {font-family:'Pretendard','Helvetica Neue','Apple SD Gothic Neo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;}
menu,ul,ol {list-style:none;}
fieldset {border:0;}
hr {display:none;}
em {font-style:normal;}
a,a:hover {text-decoration:none;}
img {border:0;vertical-align:top;}
button {border:0 none;background-color:transparent;cursor:pointer;border-radius:0;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
legend,
.skip,
.pc_skip {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
.skip_nav {display:table;position:absolute;z-index:9999;width:100%;}
.skip_nav a {display:block;overflow:hidden;max-width:980px;height:0;margin:0 auto;height:1px;margin-bottom:-1px;white-space:nowrap;text-align:center;text-indent:-9999px;}
.skip_nav a:focus,
.skip_nav a:active {height:34px;padding:1px;border-bottom:2px solid #ebe8e7;background:#666;color:#333;font-weight:bold;font-size:14px;text-indent:0;line-height:33px;}
.skip_nav a:focus span,
.skip_nav a:active span {display:block;height:32px;border:1px solid #fff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));background:-moz-linear-gradient(top, #fff, #f7f7f7);background:-o-linear-gradient(top, #fff, #f7f7f7);background:-ms-linear-gradient(top, #fff, #f7f7f7);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f7f7f7);}
.dimmest11_set {overflow:hidden;}
.inner {position:relative;max-width:940px;margin:0 auto;padding:0 20px;}
.sp_corp {display:inline-block;overflow:hidden;position:relative;background:url('../img/sp_corp.png') no-repeat;font-size:0;line-height:200px;}
.pc_view {display:block;}
.m_view {display:none;}
.in_btn {position:relative;}
.btn_bor {display:inline-block;position:relative;border:1px solid #333;color:#333;text-align:center;}
.btn_bor .ico_down,
.btn_bor .ico_more {position:absolute;top:50%;right:16px;width:14px;height:18px;margin-top:-9px;}
.btn_bor .ico_down {background-position:-65px -32px;}
.btn_bor .ico_more {background-position:-83px -34px;}
.btn_bor.is_disabled {border-color:#999;color:#999;cursor:default;}
.btn_bor_light {display:inline-block;border:1px solid #bebfc1;color:#bebfc1;text-align:center;}

.bi {position:absolute;top:19px;left:26px;z-index:10;width:72px;height:42px;background:url('../img/bi_new.png') no-repeat 50% 50%;}
/*.header_overlap .bi {position:absolute;top:19px;left:26px;z-index:10;width:72px;height:42px;background:url('../img/bi_new_w.png') no-repeat 50% 50%;}*/
.bi a {display:block;width:100%;height:100%;}
.gnb {position:absolute;top:16px;right:0;left:0;text-align:center;font-size:0;}
.gnb li {display:inline-block;*display:inline;margin:0 15px;}
.gnb .m_view {display:none;}
.gnb .gnb_item {display:block;*display:inline-block;position:relative;padding:10px;font-family:'11StreetGothic';font-size:20px;color:#fff;line-height:26px;}
.gnb .gnb_item:after {position:absolute;right:10px;left:10px;bottom:3px;height:1px;background-color:rgba(255, 255, 255, 0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:0.15s linear;transition:0.15s linear;content:'';}
.gnb .gnb_item:hover:after,
.gnb .gnb_item:focus:after,
.gnb .gnb_item:active:after,
.gnb .selected .gnb_item:after {background-color:#fff;-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}
.gnb .ico_blank {width:15px;height:15px;margin:-1px 0 1px 3px;background:url('../img/ico_blank.png') no-repeat;background-size:15px 15px;vertical-align:middle;}
.gnb_area .btn_menu,
.gnb_area .btn_close {display:none;}
.header {position:absolute;top:0;right:0;left:0;z-index:100;height:79px;-webkit-transition:0.5s ease-out;transition:0.5s ease-out;}
.header_fixed {position:fixed;border-bottom:1px solid #e6e6e6;background:#fff;}
.header_fixed .gnb_item {color:#111;}
.header_fixed .gnb .gnb_item:hover:after,
.header_fixed .gnb .gnb_item:focus:after,
.header_fixed .gnb .gnb_item:active:after,
.header_fixed .gnb .selected .gnb_item:after {background:#111;}
.header_fixed .gnb .ico_blank {background-image:url('../img/ico_blank_dark.png')}
.sub .header {position:fixed;border-bottom:1px solid #e6e6e6;background:#fff;}
.sub .gnb .gnb_item {color:#111;}
.sub .gnb .gnb_item:hover:after,
.sub .gnb .gnb_item:focus:after,
.sub .gnb .gnb_item:active:after,
.sub .gnb .selected .gnb_item:after {background:#111;}
.sub .gnb .ico_blank {background-image:url('../img/ico_blank_dark.png')}
.heading_info {display:none;}

.footer {padding:35px 0 26px;background:#282a31;}
.footer .btn_box {float:left;font-size:0; padding-right: 10px;}
.footer .btn_box .col {display:inline-block;*display:inline;}
.footer .btn_box .btn_bor_light {margin:0 4px;padding:0 12px;font-size:14px;line-height:42px;}

.sns_list {margin-left:-10px;font-size:0;}
.sns_list li {display:inline-block;*display:inline;margin:0 2px;}
.sns_list li a {display:inline-block;font-size:14px;color:#fff;line-height:28px;letter-spacing:-1px;}
.sns_list .sp_corp {width:28px;height:28px;margin-right:8px;vertical-align:middle;}
.sns_list .instagram .sp_corp {background-position:-32px 0;}
.sns_list .youtube .sp_corp {background-position:-64px 0;}
.sns_list img.tiktok {margin: 0 8px 0 0; width: 28px; height: 28px; padding-top: 1.30px;}

.bundle_func {position:absolute;top:-8px;right:20px;}

.privacy_site {position:relative;float:left;width:200px;margin:0 0 0 16px;}
.privacy_site .btn {display:block;width:100%;position:relative;padding-right:30px;border-bottom:1px solid #bebfc1;font-size:14px;color:#f43142;text-align:left;line-height:43px;}
.privacy_site .btn .sp_corp {position:absolute;top:50%;right:0;width:14px;height:15px;margin-top:-7px;background-position:-29px -32px;}
.privacy_site .site_list {display:none;position:absolute;bottom:100%;right:0;left:0;z-index:10;padding:20px 20px 11px;border:1px solid #111;background:#fff;}
.privacy_site .site_list li {margin-bottom:9px;}
.privacy_site .site_list li a {display:block;font-size:14px;color:#111;}
.privacy_site .site_list li a:hover,
.privacy_site .site_list li a:active,
.privacy_site .site_list li a:focus {text-decoration:underline;}
.privacy_site.opened .btn .sp_corp {background-position:-47px -32px;}
.privacy_site.opened .site_list {display:block;animation:select_show .2s linear;}

.relate_site {position:relative;float:left;width:120px;margin:0 0 0 16px;}
.relate_site .btn {display:block;width:100%;position:relative;padding-right:30px;border-bottom:1px solid #bebfc1;font-size:14px;color:#bebfc1;text-align:left;line-height:43px;}
.relate_site .btn .sp_corp {position:absolute;top:50%;right:0;width:14px;height:15px;margin-top:-7px;background-position:-29px -32px;}
.relate_site .site_list {display:none;position:absolute;bottom:100%;right:0;left:0;z-index:10;padding:20px 20px 11px;border:1px solid #111;background:#fff;}
.relate_site .site_list li {margin-bottom:9px;}
.relate_site .site_list li a {display:block;font-size:14px;color:#111;}
.relate_site .site_list li a:hover,
.relate_site .site_list li a:active,
.relate_site .site_list li a:focus {text-decoration:underline;}
.relate_site.opened .btn .sp_corp {background-position:-47px -32px;}
.relate_site.opened .site_list {display:block;animation:select_show .2s linear;}
@keyframes select_show {
    0% {opacity:0;}
    100% {opacity:1;}
}
.copyright {margin-top:27px;font-size:12px;color:#bebfc1;}

.content {padding:80px 0 100px;}
.spot {position:relative;margin-top:-80px;height:600px;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-family:'11StreetGothic';color:#fff;letter-spacing:-1px;text-align:center;*top:-80px;}
.spot:before {display:inline-block;height:100%;vertical-align:middle;content:'';}
.spot .inner {display:inline-block;vertical-align:middle;}
.spot .txt.txt-desc {font-size:21px;*margin-top:260px;font-weight:300;font-family:'Pretendard','Helvetica Neue','Apple SD Gothic Neo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;}
.spot .txt {font-size:21px;*margin-top:260px;}
.spot .txt strong {display:block;margin-top:10px;font-size:38px; font-weight:normal}
.spot_home [class^='bg_box'] {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 0;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
.spot_home.bg_home .bg_box1,
.spot_home.bg_home2 .bg_box2,
.spot_home.bg_home3 .bg_box3 {opacity:1;}
.spot_home .bg_box1 {background-image:url('../img/bg_home1_new.png');}
.spot_home .bg_box2 {background-image:url('../img/bg_home2.jpg');}
.spot_home .bg_box3 {background-image:url('../img/bg_home3.jpg');}
.spot_info {background-image:url('../img/bg_info_2022.png');}
.spot_info.ccm {background-image:url('../img/ccm_TOP_IMG.png');}

.spot_service {background-image:url('../img/bg_service_2022.png');}
.spot_pr {background-image:url('../img/bg_pr.jpg');}
.spot_brand{background-image:url('../img/bg_brand_2023.png');}
.spot_career {background-image:url('../img/top_img.png');}

section[class^='section_'] {padding-top:50px;}
.section_tit {margin-bottom:20px;font-family:'11StreetGothic';font-size:22px;color:#111;}
.section_tit + .border_tit {margin-top:40px;}

.section_pr {min-height:500px;}
.article_list {border:1px solid #000;border-width:1px 0;}
.article_list li {border-top:1px solid #ddd;}
.article_list li:first-child {border-top:0}
.article_list li a {display:block;position:relative;padding:21px 100px 22px 0;}
.article_list .tit {display:inline-block;position:relative;overflow:hidden;max-width:96%;padding-right:20px;font-size:20px;font-weight:normal;color:#111;line-height:27px;vertical-align:top;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.article_list .date {position:absolute;top:22px;right:0;font-size:18px;color:#666;line-height:25px;}
.article_list .tag_new {position:absolute;right:0;width:16px;height:16px;margin:5px 0 -5px 3px;}
.article_list .tag_new img {width:100%;height:100%;}
.article_list .status {display:inline-block;margin:0 10px 0 0;color:#f43142;font-size:20px;}
.article_none {padding:119px 0 118px;border:1px solid #111;border-width:1px 0;font-size:20px;color:#111;text-align:center;}
.btn_row_box {margin-top:30px;font-size:0;zoom:1;}
.btn_row_box:after {display:block;clear:both;content:'';}
.btn_row_box .col_left {float:left;margin-left:-4px;}
.btn_row_box .col_right {float:right;margin-right:-4px;}
.btn_row_box .btn_bor {width:68px;margin:0 4px;font-size:15px;line-height:42px;}

.paging {margin-top:28px;font-size:0;text-align:center;}
.paging a,
.paging .num {display:inline-block;margin:0 4px;padding:2px 6px;font-family:'11StreetGothic';font-size:18px;font-weight:bold;color:#333;}
.paging .selected {border-bottom:1px solid #f43142;color:#f43142;}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {margin:0 7px;padding:5px 0;}
.paging .sp_corp {width:23px;height:13px;*vertical-align:middle;}
.paging .first .sp_corp {background-position:-96px 0;}
.paging .prev {margin-right:14px;}
.paging .prev .sp_corp {background-position:-96px -17px;}
.paging .next {margin-left:14px;}
.paging .next .sp_corp {background-position:-123px -17px;}
.paging .last .sp_corp {background-position:-123px 0;}

.inp_srch {position:relative;max-width:400px;padding-right:44px;margin:13px auto 0;border-bottom:1px solid #111;font-size:18px;}
.inp_srch .inp {width:100%;height:44px;border:0;font-size:18px;color:#111;line-height:44px;}
.inp_srch .inp::-ms-clear {display:none;}
.inp_srch .btn {position:absolute;top:0;right:0;width:44px;height:44px;}
.inp_srch .lab {position:absolute;top:0;left:0;color:#999;line-height:44px}
.inp_srch .btn .sp_corp {width:25px;height:25px;background-position:0 -32px;vertical-align:middle;*margin-top:12px;}
.inp_srch.focus .inp {position:relative;z-index:5;background:#fff;}

.article_info {padding:20px 0 50px;border-bottom:1px solid #333;text-align:center;}
.article_info .tit {font-size:35px;font-weight:normal;color:#111;line-height:50px;letter-spacing:-1px;}
.article_info .tit .subject {display:block;}
.article_info .date {margin-top:20px;font-size:24px;color:#999;}
.article_body {padding:50px;border-bottom:1px solid #333;font-size:20px;color:#111;line-height:38px;}
.article_body p {margin-top:38px;}
.article_body p:first-child,
.article_body .img_box:first-child {margin-top:0;}
.article_body img {max-width:100%;}
.article_body .img_box {margin-top:38px;text-align:center;}

.section_home .release_tit {margin-bottom:8px;font-family:'11StreetGothic';font-size:22px;color:#f43142;}
.intro_box {color:#1e1e1e;zoom:1;}
.intro_box:after {display:block;clear:both;content:'';}
.intro_box .intro_tit {float:left;margin-right:96px;font-family:'11StreetGothic';font-size:30px;line-height:40px;letter-spacing:-1px;}
.intro_box .intro_tit span {display:block;}
.intro_box .intro_txt {overflow:hidden;font-size:20px;line-height:30px;}
.intro_list {margin:70px -13px 0;zoom:1;}
.intro_list:after {display:block;clear:both;content:'';}
.intro_list li {float:left;position:relative;width:33.33%;*width:295px;padding:0 13px;box-sizing:border-box;}
.intro_list strong {display:block;font-family:'11StreetGothic';font-size:24px;font-weight:normal;color:#000;}
.intro_list p {margin-top:180px;font-size:16px;color:#333;line-height:28px;}
.intro_list .img_box {position:absolute;top:36px;right:13px;left:13px;}
.intro_list .img_box img {width:100%;}

.article_box .article {display:block;position:relative;padding-left:322px;}
.article_box .article_tit {display:block;overflow:hidden;margin-right:110px;font-size:20px;color:#1e1e1e;line-height:30px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;}
.article_box .article_tit:hover,
.article_box .article_tit:focus,
.article_box .article_tit:active {text-decoration:underline;}
.article_box .txt {overflow:hidden;height:112px;margin-top:10px;font-size:16px;color:#333;line-height:28px;letter-spacing:-0.5px;}
.article_box .txt:hover,
.article_box .txt:focus,
.article_box .txt:active {text-decoration:underline;}
.article_box .date {position:absolute;top:0;right:0;font-size:18px;color:#666;line-height:30px;}
.article_box .img_box {position:absolute;top:3px;left:0;width:296px;height:150px;font-size:0;line-height:150px;text-align:center;}
.article_box .img_box:after {position:absolute;top:0;right:0;left:0;bottom:0;border:1px solid rgba(0,0,0,.06);content:'';}
.article_box .img_box img {max-width:100%;max-height:100%;vertical-align:middle;}

.info_tit {float:left;width:33%;font-family:'11StreetGothic';font-size:30px;line-height:40px;}
.info_cont {overflow:hidden;}
.info_cont .copy {margin-bottom:17px;font-size:20px;font-weight:bold;color:#1e1e1e;line-height:40px;}
.info_cont .txt {font-size:16px;color:#666;line-height:28px; word-break: break-all;}
.info_cont .txt + .txt {margin-top:28px;}
.info_cont .img_box {margin-top:52px;text-align:center;}
.info_cont .img_box img {max-width:100%;}
.info_cont .btn_box .btn_bor {display:block;width:228px;margin-top:16px;padding:0 60px 0 20px;font-weight:bold;line-height:42px;text-align:left;}
.info_cont .btn_box .pc_view {display:block;}
.info_cont .btn_box .m_view {display:none;}
.tbl_box {overflow:hidden;border:1px solid #333;border-width:1px 0;}
.tbl_box table {width:100%;margin-top:-1px;border-width:1px 0;font-size:16px;color:#666;line-height:24px;}
.tbl_box col:first-child {width:79px;}
.tbl_box th,
.tbl_box td {padding:8px 0;border-top:1px solid #ddd;}
.tbl_box th {font-weight:normal;}
.tbl_box td {padding-left:26px;}

.section_info {position:relative;zoom:1;}
.section_info:after {display:block;clear:both;content:'';}
.section_info + .section_info {padding-top:100px;}
.section_info .img_box img {width:100%;max-width:381px}
.section_info .btn_box.first {margin-top:50px;}
.section_info .btn_box .btn_bor {width:198px;margin:16px auto 0;}

.section_service {zoom:1;}
.section_service:after {display:block;clear:both;content:'';}
.section_service + .section_service {padding-top:150px;}
.section_service .info_tit {font-weight:normal;}
.section_service .btn_box {margin-top:70px;}
.section_service .btn_box:first-child {margin-top:0;}
.section_service .btn_box .btn_bor {width:198px;margin:16px auto 0;}

section.section_service.career {}
.career .inner{overflow: hidden;}
.career .inner .info_tit{width: 33%; float: left; font-weight: bold;}
.career .inner .inner_box{overflow: hidden}
.career .inner .copy{font-size: 30px;font-weight: 700;line-height: 40px;text-align: left;color:#111111}
.career .inner .txt_cont{ font-size: 16px;font-weight: 400;line-height: 25px;letter-spacing: -1px;color:#333333;}
.career .inner .txt_cont.tit{color:#333}
.career .inner .img_wrap{position: relative;  box-sizing: border-box;  width: 100%; margin-top: 50px}
.career .inner .img_wrap ul{display: flex; flex-wrap: wrap; gap: 24px; }
.career .inner .info_cont li.img{margin-bottom: 1px; box-sizing: border-box}

.career .inner .info_cont .img_wrap ul li.img.bg_layout { position: relative; z-index: 1;}
.career .inner .info_cont .img_wrap ul li.img.second {height: 497px;}
.career .inner .info_cont li.img{ display: flex; flex-direction: column; justify-content: center; padding: 30px; gap: 5px;width: 298px;height: 445px;background: #FFFFFF;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.36), 0px 6px 20px -8px rgba(0, 0, 0, 0.05); border-radius: 16px; flex: none;order: 0;flex-grow: 0;margin-left:1px;}

.career .inner .info_cont.row1 li.img:nth-child(1){ background-image: url('../img/img_leadership_01.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont.row1 li.img:nth-child(2){ background-image: url('../img/img_leadership_02.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont.row2 li.img:nth-child(1){ background-image: url('../img/img_leadership_03.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont.row2 li.img:nth-child(2){ background-image: url('../img/img_leadership_04.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont.row3 li.img:nth-child(1){ background-image: url('../img/img_leadership_05.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont.row3 li.img:nth-child(2){ background-image: url('../img/img_leadership_06.png');background-size:240px;background-repeat:no-repeat; background-position-x: center; background-position-y: 20px;}
.career .inner .info_cont li.img p{ width: 238px;font-size: 22px;font-weight: 700;line-height: 29.96px; color: #333333;}
.career .inner .info_cont li.img p.num1{width: 34px;height: 30px;font-size: 28px;font-weight: 700;line-height: 30px;color: #333333;margin-top: 200px;}
.career .inner .info_cont li.img p.num2{width: 34px;height: 30px;font-size: 28px;font-weight: 700;line-height: 30px;color: #333333;margin-top: 170px;}
.career .inner .info_cont li.img p.img_desc{ height: 66px; font-size: 16px; font-weight: 400; line-height: 21.79px; color: #333333; word-break: break-all;}

/*@for $1 from 1 through 3{*/
/*    li.img:nth-child(#{$i}){background: url('../img/career_1_#{$i}.png')no-repeat center;}*/
/*}*/
/*.career .bg_row {background:#fafafa;}*/
/*.career .lk {display:block;position:relative;height:100%;z-index:5;margin:0 0 0 7%;font-size:20px;color:#111;}*/
/*.career .desc {padding:179px 310px 0 0;}*/
/*.career .desc .txt {margin:12px 0 0 0;font-size:16px;}*/
/*.career .type {display:inline-block;font-size:30px;font-family:'11StreetGothic';}*/
/*.career .sp_corp {width:22px;height:22px;margin:0 0 0 10px;background:url('../img/ico_blank2.png') no-repeat;background-size:22px 22px;vertical-align:middle;}*/
/*.career .img_box {position:absolute;right:37px;bottom:0;width:300px;height:300px;background-position: 0 0;background-repeat:no-repeat;background-size:cover;}*/
/*.career .img_box img {width:100%;}*/

section.section_benefit {padding:0;}
.benefit_title {background-image:url('../img/bg_benefit.jpg');    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;}
.benefit_title .inner {overflow:hidden;height:300px;}
.benefit_title .desc {position:absolute;left:20px;bottom:40px;}
.benefit_title .tit {margin:0 0 8px 0;font-size:30px;color:#fff;font-weight:bold;font-family:'11StreetGothic';}
.benefit_title .txt {color:#fff;}

.benefit_detail .cont {overflow:hidden;padding:50px 0;border-top:1px solid #F4F4F4;}
.benefit_detail .cont:first-child {border-top:none;}
.benefit_detail .tit {float:left;width:300px;font-size:30px;line-height:40px;font-weight:bold;font-family:'11StreetGothic';}
.benefit_detail .desc {margin:10px 0 0 300px;}
.benefit_detail .subject {margin:27px 0 0 0;font-size:20px;line-height:24px;font-weight:bold;}
.benefit_detail .subject:first-child {margin-top:0;}
.benefit_detail .txt {margin:18px 0 0 0;color:#666;font-size:16px;line-height:26px;}
.benefit_detail .list_bullet {margin:4px 0 0 0;}
.benefit_detail .list_bullet li {position:relative;padding:0 0 0 14px;}
.benefit_detail .list_bullet li:before {position:absolute;left:0;top:12px;content:'';width:4px;height:4px;border-radius:2px;background:#666;}

.swiper_benefit_add { overflow: hidden; position: relative; width: 100%;}
.swiper_benefit_add .list { width:20000px;  }
.swiper_benefit_add .list:after { display: block; clear: both; content: "";zoom: 1;}
.swiper_benefit_add .list li {position:relative; float: left; height:500px;background-repeat: no-repeat;background-position: 50% 0;background-size:cover;color:#fff;}
.swiper_benefit_add .list .box_desc {position:absolute;left:30px;right:30px;bottom:80px;}
.swiper_benefit_add .list .subject {display:block;font-size:18px;font-family:'11StreetGothic'}
.swiper_benefit_add .list .txt {display:block;padding:14px 0 0 0;font-size:14px;line-height:20px;}
.swiper_benefit_add .list .cafe {background-image: url(../img/bg_cafe.jpg);}
.swiper_benefit_add .list .cafe2 {background-image: url(../img/bg_cafe2.jpg);}
.swiper_benefit_add .list .cafe3 {background-image: url(../img/bg_cafe3.jpg);}
.swiper_benefit_add .list .cafe4 {background-image: url(../img/bg_cafe4.jpg);}
.swiper_benefit_add .list .cafe5 {background-image: url(../img/bg_cafe5.jpg);}
.swiper_benefit_add .list .library {background-image: url(../img/bg_library.jpg);}
.swiper_benefit_add .list .library2 {background-image: url(../img/bg_library2.jpg);background-position:0 0;}
.swiper_benefit_add .list .library3 {background-image: url(../img/bg_library3.jpg);}
.swiper_benefit_add .list .nail {background-image: url(../img/bg_nail.jpg);}
.swiper_benefit_add .list .nail2 {background-image: url(../img/bg_nail2.jpg);}
.swiper_benefit_add .list .refresh {background-image: url(../img/bg_refresh.jpg);}
.swiper_benefit_add .list .shower {background-image: url(../img/bg_shower.jpg);}
.swiper_benefit_add .list .sleep {background-image: url(../img/bg_sleep.jpg);background-position:26% 0;}

.swiper_benefit_add .list img { max-width: 100%; height:400px;vertical-align: top; }
.swiper_benefit_add .btn_swiper {position: absolute; top: 50%; width:88px; height:88px; margin-top: -44px; text-align: center; z-index:10;}
.swiper_benefit_add .sp_swiper { overflow: hidden; display:inline-block;width: 28px; height: 28px;background:url('../img/sp_swiper.png') no-repeat; background-size:56px 28px; font-size:0; line-height:200px;}
.swiper_benefit_add .prev {left: 0px;}
.swiper_benefit_add .prev .sp_swiper {  background-position: 0 0; }
.swiper_benefit_add .next {right: 0px;}
.swiper_benefit_add .next .sp_swiper {  background-position: -28px 0; }
.swiper_benefit_add .paging_shape { position: absolute; left: 0; right: 0; bottom: 20px; }
.swiper_benefit_add .paging_shape .btn { background-color: #fff; }
.swiper_benefit_add .paging_simple {position:absolute;left:0;bottom:20px;width:100%;text-align:center;color:#fff;font-size:20px;}

.tab_career_full {margin:30px 0 0 0;}
.tab_career_full:after { display: block; clear: both; content: ""; zoom: 1; }
.tab_career_full li { float: left; width: 20%; }
.tab_career_full a { display: block; padding: 14px 0 12px; text-align: center; color:#444; font-size:20px;}
.tab_career_full .selected a { position:relative; bottom:-1px; padding-top:12px; color: #f43142; font-weight: bold; border-bottom: 2px solid #f43142; font-weight:bold;}

.spot_ccm{background: url('../img/ccm_PC_TOP_IMG.png')no-repeat center; background-size:cover;}
section.section_ccm{margin-bottom: 100px;}
section.section_ccm .inner{display: flex; justify-content: space-between}
section.section_ccm .info_tit{width:164px;}
section.section_ccm .info_tit .line-break{display: block;}
section.section_ccm .info_cont{width: 630px;}
section.section_ccm .info_cont .txt{}
section.section_ccm .info_cont .img_box{display: flex; justify-content: space-around}
section.section_ccm .info_cont .img_box.nomargin{ margin:0}
section.section_ccm .info_cont .img_box.border{border: 1px solid #eee; padding: 30px 0 10px 0; border-radius: 8px;}
section.section_ccm .info_cont .img_box p{}
section.section_ccm .info_cont .img_box .box_agency p{font-size: 15px; font-weight: 700; line-height: 22px;}
section.section_ccm .info_cont .img_box .box_wrap{margin: 0 10px}
section.section_ccm .info_cont .img_box .box_wrap img{width: 180px; margin: 0 10px 10px 10px;}
section.section_ccm .info_cont p.desc{margin-top: 15px; text-align: left; word-break: break-all; font-size: 16px; color:#666; line-height: 28px;}

section.section_ccm .tbl_box table{}
section.section_ccm .info_cont .img_box.lsp{height: 270px; background: url('../img/ccm_PC_LSP.png')no-repeat center; background-size: contain}
section.section_ccm .info_cont .img_box.nomargin.pic{justify-content: space-between}
section.section_ccm .info_cont .img_box.nomargin.pic .box_wrap {margin: 0}
section.section_ccm .info_cont .img_box.nomargin.pic .box_wrap img{width: 300px; margin: 0 0 20px 0}

section.section_ccm .info_cont .img_box.cert{justify-content: space-between}
section.section_ccm .info_cont .img_box.cert .box_wrap{margin: 0}
section.section_ccm .info_cont .img_box.cert .box_wrap img{width:290px; margin: 45px 0 20px 0;}
section.section_ccm .info_cont .img_box.cert .box_wrap .txt{font-size: 15px; font-weight: 700; color: #000; line-height: 29px;}
section.section_ccm .info_cont .img_box.cert .box_wrap .desc{font-size:12px; font-weight: 400; color:#000; line-height: 20px}



.paging_simple { text-align: center; }
.paging_simple .num { line-height: 22px; }
.paging_simple .btn { width: 22px; height: 22px; text-align: center; vertical-align: top; }
.paging_simple .ico { display: inline-block; position: relative; overflow: hidden; width: 16px; height: 16px; background: url("/html/codebuild/img/sp.png") no-repeat; line-height: 200px; vertical-align: top; }
.paging_simple .ico_prev { background-position: -52px 0; }
.paging_simple .ico_next { background-position: -67px 0; }

.job_info {padding:10px 0 0 0;color:#333;}
.job_info .subject_l {margin:45px 0 0 0;font-weight:bold;font-size:22px;}
.job_info .subject_m {margin:15px 0 0 0;}
.job_info .subject_s {margin:15px 0 0 0;}
.job_info .desc {margin:2px 0 0 0;}
.job_info .jobitem {margin:25px 0 0 0;}
.job_info .jobitem dt {margin:30px 0 0 0;color:#0B83E6;}
.job_info .jobitem dt:first-child {margin-top:0;}
.job_info .jobitem p {margin:0;}
.article_body .career_caution {margin:45px 0 20px 0;padding:15px 20px 18px 20px;border:1px solid #F4F4F4;background:#FAFAFA;}
.article_body .career_caution .txt_add {display:block;margin:-3px 0 0 0;font-size:13px;color:#666;}

.section_contact {padding-top:50px;}
.section_contact .section_tit {margin-bottom:40px;}
.border_tit {margin-bottom:20px;padding-bottom:9px;border-bottom:1px solid #111;font-family:'11StreetGothic';font-size:22px;}
.contact_area {position:relative;}
.contact_area + .contact_area {margin-top:90px;}
.contact_info {margin-right:520px;font-size:15px;line-height:25px;}
.contact_info dt {margin-top:28px;font-weight:bold;color:#111;}
.contact_info dt:first-child {margin-top:0;}
.contact_info dd,
.contact_info .lk_tel {color:#666;}
.map_area {position:absolute;top:59px;right:0;width:500px;height:300px;}

.error_box {padding:350px 0;text-align:center;}
.error_box .error_tit {font-size:30px;font-weight:normal;color:#333;}
.error_box .error_txt {margin-top:18px;font-size:20px;color:#666;}

@media screen and (max-width: 960px) {
    .pc_view {display:none;}
    .m_view {display:block;}
    .pc_skip {overflow:initial;position:static;width:auto;height:auto;line-height:1.2;white-space:normal;}
    .sp_corp {background-image:url('../img/sp_corp_m.png');background-size:138px 67px;}
    .btn_bor .ico_down {background-position:-121px -30px;}
    .btn_bor .ico_more {background-position:-27px -48px;}
    .btn_bor .ico_app {position:absolute;top:50%;right:42px;width:44px;height:19px;margin-top:-10px;background-position:-43px -48px;}

    .bi {top:0;left:10px;width:70px;height:60px;background-image:url('../img/m_bi_white.png');background-size:50px 22px;}
    .gnb_area .btn_menu {display:block;position:absolute;top:0;right:0;width:60px;height:60px;text-align:right;}
    .gnb_area .btn_menu .sp_corp {width:20px;height:15px;margin-right:20px;background-position:-45px -30px;}
    .gnb {display:none;}
    .gnb .selected .gnb_item {color:#f43142;}
    .gnb .gnb_item:hover:after,
    .gnb .gnb_item:focus:after,
    .gnb .gnb_item:active:after {display:none;}
    .gnb .ico_blank,
    .sub .gnb .ico_blank,
    .header_fixed .gnb .ico_blank {margin:-1px 0 1px 3px;background-image:url('../img/ico_blank.png')}
    .gnb .selected .gnb_item:after {right:30px;left:30px;bottom:9px;background:#f43142;}
    .gnb_opened .gnb_box {position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(17,17,17,0.9);}
    .gnb_opened .iscrollbox {overflow:hidden;position:relative;width:100%;height:100%;}
    .gnb_opened .gnb {display:block;position:static;padding:67px 20px;text-align:left;}
    .gnb_opened .gnb li {display:block;margin:0 0 18px;}
    .gnb_opened .gnb li:last-child {margin-bottom:36px;}
    .gnb_opened .gnb .gnb_item {display:inline-block;padding:10px 30px;}
    .gnb_opened .btn_close {display:block;position:absolute;top:0;right:0;width:60px;height:60px;}
    .gnb_opened .btn_close .sp_corp {width:16px;height:16px;background-position:-89px -30px;}
    .header {height:59px;padding:0 100px;}
    .header_fixed .bi {background-image:url('../img/m_bi_2022.png');}
    .header_fixed .btn_menu .sp_corp {background-position:-67px -30px;}
    .header_fixed .gnb .gnb_item {color:#fff;}
    .header_fixed .gnb .selected .gnb_item {color:#f43142;}
    .header_fixed .gnb .selected .gnb_item:after {display:block;right:30px;left:30px;bottom:9px;background:#f43142;}
    .header_fixed .heading_info {display:block;}
    .sub .header .bi {background-image:url('../img/m_bi_2022.png');}
    .sub .header .btn_menu .sp_corp {background-position:-67px -30px;}
    .sub .header .gnb .gnb_item {color:#fff;}
    .sub .header .gnb .selected .gnb_item {color:#f43142;}
    .sub .heading_info {display:block;}
    .heading_info {display:none;font-family:'11StreetGothic';font-size:20px;color:#1e1e1e;line-height:60px;text-align:center;}

    .footer {padding:30px 0 29px}
    .footer .btn_box {float: none; width: auto; padding:5px 0 10px 0;}
    .footer .btn_box .col:nth-child(1) {width:50%;margin-bottom:8px;}
    .footer .btn_box .col:nth-child(2) {width:50%;margin-bottom:8px;}
    .footer .btn_box .col:nth-child(3) {width:50%;}
    .footer .btn_box .col:nth-child(4) {width:50%;}
    .footer .btn_box .btn_bor_light {display:block;margin:0 4px;padding:0 5px;}
    .sns_list {margin:0 -40px;text-align:center;}
    .sns_list .instagram .sp_corp {background-position:-30px 0;}
    .sns_list .youtube .sp_corp {background-position:-60px 0;}
    .sns_list img.tiktok {margin: 0 8px 0 0; width: 28px; height: 28px;}

    .bundle_func {position:relative;top:0px;right:0;margin:20px 0 0 0;padding:10px 0 10px 0;}
    .privacy_site {float:none;width:auto;margin:0;}
    .privacy_site .btn .sp_corp {width:12px;height:6px;margin-top:-3px;background-position:-107px -30px;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
    .privacy_site .site_list {position:static;border:0;border-bottom:1px solid #3d3f46;background:none;}
    .privacy_site .site_list li a {color:#85878b;}
    .privacy_site .site_list li a:hover,
    .privacy_site .site_list li a:active,
    .privacy_site .site_list li a:focus {text-decoration:none;}
    .privacy_site.opened .btn .sp_corp {background-position:-107px -30px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}

    .relate_site {float:none;width:auto;margin:0;}
    .relate_site .btn .sp_corp {width:12px;height:6px;margin-top:-3px;background-position:-107px -30px;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
    .relate_site .site_list {position:static;border:0;border-bottom:1px solid #3d3f46;background:none;}
    .relate_site .site_list li a {color:#85878b;}
    .relate_site .site_list li a:hover,
    .relate_site .site_list li a:active,
    .relate_site .site_list li a:focus {text-decoration:none;}
    .relate_site.opened .btn .sp_corp {background-position:-107px -30px;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
    .copyright {margin-top:27px;}

    .content {padding:60px 0 70px;}
    .spot {margin-top:-60px;height:300px;}
    .spot .tit {margin-top:0;font-size:34px;}
    .spot .txt.txt-desc {font-size:18px;font-weight:300;font-family:'Noto Sans KR','Helvetica Neue','Apple SD Gothic Neo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;}
    .spot .txt {font-size:18px;}
    .spot_home {height:400px;}
    .spot_home .bg_box1 {background-position:58% 0;}
    .spot_home .bg_box2 {background-position:33% 0;}
    .spot_service {background-position:65% 0;}

    .section_tit + .border_tit {margin-top:0;}

    .section_pr {min-height:0;}
    .article_list li {padding:20px 0;}
    .article_list li a {padding:0;}
    .article_list .tit {display:inline-block;max-width:100%;padding-right:0;font-size:17px;line-height:25px;white-space:normal;word-break:keep-all;text-overflow:initial;}
    .article_list .date {position:static;margin-top:8px;font-size:14px;}
    .article_list .tag_new {display:inline-block;position:static;margin:-2px 0 2px;vertical-align:middle;}
    .article_list .tag_new img {margin:0;}
    .article_list .status {display:block;margin:0 0 3px 0;font-size:14px;line-height:20px;}

    .paging {margin-top:20px;}
    .paging .num {min-width:35%;}
    .paging .num strong {margin:0;padding:0;color:#333;}
    .paging .first .sp_corp {background-position:-90px 0;}
    .paging .prev .sp_corp {background-position:-90px -15px;}
    .paging .next .sp_corp {background-position:-115px -15px;}
    .paging .last .sp_corp {background-position:-115px 0;}

    .inp_srch {max-width:100%;margin-top:54px;}
    .inp_srch .btn .sp_corp {background-position:0 -30px;}

    .article_info {padding:0 0 20px;}
    .article_info .tit {font-size:20px;line-height:28px;}
    .article_info .date {margin-top:10px;font-size:14px;}
    .article_body {padding:20px 0 11px;font-size:15px;line-height:25px;}
    .article_body p {margin-top:25px;}
    .article_body .img_box {margin-top:25px;}

    section.section_home {padding-top:30px;}
    .section_home + .section_home {padding-top:50px;}
    .section_home .release_tit {margin-bottom:6px;font-size:20px;font-weight:bold;}

    .intro_box .intro_tit {float:none;margin:0;font-size:26px;line-height:34px;text-align:center;}
    .intro_box .intro_txt {margin-top:9px;font-size:15px;line-height:25px;}

    .intro_list {margin:50px 0 0;}
    .intro_list li {float:none;width:auto;margin-top:50px;padding:0;}
    .intro_list li:first-child {margin-top:0;}
    .intro_list p {margin-top:10px;font-size:15px;line-height:25px;}
    .intro_list .img_box {position:static;margin-top:10px;}

    .article_box .article {padding:0;}
    .article_box .article_tit {display:-webkit-box;max-height:62px;margin:0;font-size:22px;line-height:30px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .article_box .date {position:static;margin-top:2px;font-size:14px;color:#999;}
    .article_box .txt {display:-webkit-box;max-height:102px;margin-top:0;font-size:15px;line-height:25px;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .article_box .article_tit:hover,
    .article_box .article_tit:focus,
    .article_box .article_tit:active,
    .article_box .txt:hover,
    .article_box .txt:focus,
    .article_box .txt:active {text-decoration:none;}

    .info_tit {float:none;width:auto;margin-bottom:10px;font-size:22px;line-height:28px;}
    .info_cont .copy {margin-bottom:20px;font-size:15px;line-height:25px;}
    .info_cont .txt {font-size:15px;line-height:25px;letter-spacing:-0.5px;}
    .info_cont .txt + .txt {margin-top:25px;}
    .tbl_box table {font-size:15px;}
    .tbl_box col:first-child {width:20%;}
    .tbl_box td {padding-left:12px;}
    .info_cont .btn_box .btn_bor {width:auto;padding-right:35px;}
    .info_cont .btn_box .pc_view {display:none;}
    .info_cont .btn_box .m_view {display:block;}

    /*section.section_info {padding-top:417px;}*/
    .section_info + .section_info {padding-top:70px;}
    .section_info .img_box {right:0;left:0;bottom:100%;margin:20px 0 0 0;}
    .section_info .img_box img {width:184px;}
    .section_info .btn_box .btn_bor {width:280px;box-sizing:border-box;}

    .section_service {text-align:center;}
    .section_service + .section_service {padding-top:120px;}
    .section_service .btn_box {margin-top:35px;}
    .section_service .btn_box .btn_bor {width:280px;box-sizing:border-box;}
    .section_service .info_cont .img_box img {max-width:280px;}

    .spot_career .inner{width: 230px; margin: 60px 0 0 20px; background-size: contain }
    .spot_career .inner .top_txt{width: 152px;
        height: 52px;
        gap: 0px;
        font-family: '11Street Gothic-Kor';font-size: 21px;font-weight: 400; line-height: 26px;letter-spacing: -1.0499999523162842px;text-align: center; text-underline-position: from-font;text-decoration-skip-ink: none;}
    .spot_career .inner .top_tit{width: 132px;
        height: 26px;
        gap: 0px;font-family: '11Street Gothic-Kor';font-size: 38px;font-weight: 400; line-height: 38px;letter-spacing: -1.2666670083999634px;text-align: center; text-underline-position: from-font;text-decoration-skip-ink: none;}

    .career .inner .info_tit{width: 100%; float: none; font-size: 30px; text-align: left; margin-bottom: 30px}
    .career .inner .copy{font-size: 22px;text-align: left;text-underline-position: from-font;text-decoration-skip-ink: none;color:#111111}
    .career .inner .txt_cont{ font-size: 16px;font-weight: 400;line-height: 25px;letter-spacing: -1px;text-align: left;text-underline-position: from-font; text-decoration-skip-ink: none;color:#333333;margin-bottom: 30px;}

    .career .inner .info_cont p{text-align: left}
    .career .inner .img_wrap{margin-top:1px}
    .career .inner .img_wrap ul{padding: 0px 30px 0px 30px;  display: block;text-align: -webkit-center}
    .career .inner .info_cont li.img{margin: 0 0px 50px 0}

    .benefit_title .inner {padding:0 30px;}
    .benefit_title .desc {bottom:20px;left:30px;right:30px;}
    .benefit_title .tit {font-size:18px;line-height:24px;}
    .benefit_title .txt {font-size:14px;line-height:20px;}


    .benefit_detail .inner {padding:10px 30px 0 30px;}
    .benefit_detail .cont {padding:30px 0;}
    .benefit_detail .desc {margin:10px 0 0 0;}
    .benefit_detail .tit {float:none;font-size:18px;line-height:20px;}
    .benefit_detail .subject {margin:18px 0 0 0;font-size:15px;line-height:18px;}
    .benefit_detail .subject:first-child {margin-top:18px;}
    .benefit_detail .txt {margin:8px 0 0 0;font-size:15px;line-height:25px;}

    .benefit_add {margin:0 0 -70px 0;}
    .benefit_add .inner {padding:0;}

    .swiper_benefit_add .list li {height:540px;}
    .swiper_benefit_add .btn_swiper {bottom:30px;top:auto;width:28px;height:28px;margin-top:0;}
    .swiper_benefit_add .prev {left:30px;}
    .swiper_benefit_add .next {right:30px;}
    .swiper_benefit_add .paging_simple {bottom:35px;font-size:15px;line-height:20px;}
    .swiper_benefit_add .list .box_desc {bottom:92px;}


    .tab_career_full {margin:30px 0 0 0;}
    .tab_career_full li {text-align:left;}
    .tab_career_full li:nth-child(1) {width:31%;}
    .tab_career_full li:nth-child(2) {width:21%;}
    .tab_career_full li:nth-child(3) {width:24%;}
    .tab_career_full li:nth-child(4) {width:12%;}
    .tab_career_full li:nth-child(5) {width:12%;text-align:right;}
    .tab_career_full a {display:inline-block;padding: 14px 0 12px; font-size:15px;line-height:22px;}
    .tab_career_full .selected a {padding-top:13px;}

    .job_info .subject_l {margin:45px 0 0 0;font-weight:bold;font-size:15px;line-height:21px;}
    .job_info .subject_m {margin:11px 0 0 0;}
    .job_info .desc {margin:0;}
    .job_info .jobitem {margin:15px 0 0 0;}
    .job_info .jobitem dt {margin:16px 0 0 0;}
    .article_body .career_caution {margin:55px 0 20px 0;padding:15px 20px;}

    .contact_area + .contact_area {margin-top:48px;}
    .contact_info {margin:0;}
    .contact_info:after {display:block;clear:both;content:'';}
    .contact_info dt,
    .contact_info dd {margin:0 0 15px;}
    .contact_info dt {float:left;width:80px;}
    .contact_info dd {overflow:hidden;}
    .contact_info dd + dd {margin:-15px 0 15px 80px;}
    .map_area {position:relative;top:0;width:100%;height:250px;}

    .error_box {padding:150px 0 80px;text-align:center;}
    .error_box .error_tit {font-size:20px;}
    .error_box .error_txt {margin-top:8px;font-size:15px;line-height:20px;}

}

/* 인재채용 공유 버튼 */
.btn-wrap{
    width: 100%; overflow: hidden; margin-top: 32px;
}
.btn-wrap .btn_share{
    float: left; padding: 4px 8px; border: 1px solid #ccc; text-align: center; cursor: pointer; letter-spacing: -0.07em; margin: 8px 0; background: #f5f5f5; font-size: 14px; overflow: hidden
}
.btn-wrap .btn_share.mid{
    margin: 8px 16px;
}
.btn-wrap .btn_share span{
    width: 16px; height: 16px; float:left; margin: 10px 4px;
}
.btn-wrap .btn_share .img_facebook{
    background: url(../img/img_facebook.png)no-repeat center; background-size: contain;
}
.btn-wrap .btn_share .img_twitter{
    background: url(../img/img_twitter.png)no-repeat center; background-size: contain;
}
.btn-wrap .btn_share .img_link{
    background: url(../img/img_link.png)no-repeat center; background-size: contain;
}
.banner-wrap{
    display: none;
}

/*      ccm tablet*/
@media screen and (max-width: 960px) {
    section.section_ccm .inner{display: block; padding: 0 30px;}
    section.section_ccm .info_cont{width: 100%}
    section.section_ccm .info_tit{width: 100%; margin-bottom: 20px;}
    section.section_ccm .info_tit .line-break{display: inline-block;}
    section.section_ccm .info_cont .img_box.border{width: 80%; margin: 52px auto 0 auto;}
    section.section_ccm .info_cont .img_box.nomargin.pic, section.section_ccm .info_cont .img_box.cert{justify-content: space-around;}
    section.section_ccm .info_cont .img_box.nomargin.pic .box_wrap,  section.section_ccm .info_cont .img_box.cert .box_wrap{margin-right: 20px;}

}

/*    ccm Mobile*/
@media screen and (max-width: 640px){
    section.section_ccm{}
    section.section_ccm .info_tit .line-break{display: inline-block;}
    section.section_ccm .info_cont .img_box{display: block; }
    section.section_ccm .info_cont .img_box .box_wrap{ margin: 10px auto 20px auto}
    section.section_ccm .info_cont .img_box.lsp{height: 610px; background: url('../img/ccm_M_LSP.png')no-repeat center; background-size: contain}
    section.section_ccm .info_cont .img_box.border{display: block; width: 275px; margin: 60px auto 0 auto; padding: 12px 25px; }
    section.section_ccm .info_cont .img_box p{text-align: left}
    section.section_ccm .info_cont .img_box .box_agency p{font-size: 13px; line-height: 25px;}
    section.section_ccm .info_cont .img_box.border .box_agency{margin: 16px 0}
    section.section_ccm .info_cont .img_box.nomargin.pic{display: flex; }
    section.section_ccm .info_cont .img_box.nomargin.pic .box_wrap {margin-right: 20px}
    section.section_ccm .info_cont .img_box.nomargin.pic .box_wrap:last-child{margin-right: 0}
    section.section_ccm .info_cont .img_box.cert .box_wrap{width: 290px; margin: 25px auto; border:1px solid #eee; padding-bottom: 25px;}
    section.section_ccm .info_cont .img_box.cert .box_wrap img{margin-top: 0;}
    section.section_ccm .info_cont .img_box.cert .box_wrap .txt{font-size: 12px; font-weight:400; line-height: 17px}
    .tbl_box td .line-break {display: block;}
}

@media screen and (max-width: 960px){
    .btn-wrap .btn_share{font-size: 13px;}
    .btn-wrap .btn_share.mid{margin:8px 12px}
    .btn-wrap .btn_share span{margin:4px}
    .article_body p.career_caution{margin-top:16px}
}
@media screen and (max-width : 320px){
    .btn-wrap .btn_share{ float: none}
    .btn-wrap .btn_share.mid{margin: 8px 0}
}

@media screen and (max-width: 960px){
    /*배너*/
    .banner-wrap{
        display: block; width: 100%; height: 100px; margin-top: 16px;
        background: url('../img/banner.png')no-repeat center; background-size: cover;
    }
    .banner-wrap .cont{
        width: 304px; margin: auto;
    }
    .banner-wrap .logo{
        width: 52px; height: 40px; display: inline-block;
        background: url('../img/11-logo-01.png')no-repeat left; background-size: contain;
    }
    .banner-wrap .banner{
        display: inline-block; padding: 16px 0 16px 8px; box-sizing: border-box;
        font-family: '11StreetGothic'; color: #fff;
    }
    .banner-wrap .banner p{
        font-size: 22px; font-weight: bold;
    }
    .banner-wrap .banner span{
        display: block; font-size: 14px; letter-spacing: -0.06em;
    }
}


/*브랜드*/
.brands .info_tit, .typeface .info_tit, .design .info_tit{font-family:'11StreetGothic'; font-weight:bold; color:#111; padding:0}
.design .info_tit span.tit{text-align: left; width: 100px; display:block}
.info_cont .txt span.point{color:#f43142}
.info_cont .img_box{overflow: hidden}
.brands .info_cont .logo-wrap .img_box{width:100%;  margin-top:0}
.brands .info_cont .txt{font-size:20px; color:#1e1e1e; line-height: 30px; letter-spacing: -0.25px}
.design .info_cont .txt{font-size:20px; color:#1e1e1e; line-height: 30px; letter-spacing: -0.25px}
.info_cont .img_box .box_cont{width:50%; float:left;}
.info_cont .img_box .box_cont img{display: block; float:left; height:44px}
.info_cont .img_box .box_cont p.cont_p{float:left; margin-left:15px; letter-spacing:-1px;}
.info_cont .img_box .box_cont p.cont_p span{display:block; font-size:12px; color:#999; text-align:left;}
.info_cont .img_box .box_cont p.cont_p span.p_tit{color:#333; margin-bottom:2px}

.guide_wrap {margin-top:62px}
.guide_wrap p.guide_tit{font-size:16px; color:#666; line-height:1.75; margin-bottom:20px}
.guide_wrap .logo-wrap{width:100%; border:1px solid rgba(0,0,0,.1); overflow:hidden; box-sizing:border-box;}
.guide_wrap .logo-wrap .l.img_box{margin:0}
.guide_wrap .logo-wrap .logo-color{width: 100%;overflow: hidden; border-top:1px solid rgba(0,0,0,.1)}
.guide_wrap .logo-wrap .logo-color .color-items{width: 50%; float:left; padding:35px; box-sizing:border-box; }
.guide_wrap .logo-wrap .logo-color .color-items .color-box{width:56px; height:56px; float: left; margin-right:8px}
.guide_wrap .logo-wrap .logo-color .color-items:first-child .color-box{background-color:#da0731;}
.guide_wrap .logo-wrap .logo-color .color-items:last-child .color-box{background-color:#f43142;}
.guide_wrap .logo-wrap .logo-color .color-items .color-cont {overflow:hidden; float:left; padding:3px 0}
.guide_wrap .logo-wrap .logo-color .color-items .color-cont li{font-family:'11StreetGothic'; font-size:16px; line-height:25px}
.guide_wrap .logo-wrap .logo-color .color-items .color-cont li span:first-child{color:#666; float:left; width: 62px;}
.guide_wrap .logo-wrap .logo-color .color-items .color-cont li span:last-child{color:#333}
.info_cont .guide_wrap .btn_box{margin-top:40px}
.brand-item{width: 100%; overflow: hidden; margin-top:80px}
.brand-item img{display:block; margin:auto}
.brand-item .btn_box{margin-top:40px}

.typeface .info_cont .btn_box{margin-top:40px}

.typeface .info_cont .txt{font-size:20px; color:#1e1e1e; line-height: 30px; letter-spacing: -0.25px}
.typeface .info_cont .img_box{margin:20px 0 60px 0}
.typeface .info_cont .img_box_m{display: none}
.typeface .info_cont .guide_wrap .guide_tit{margin-bottom:0}
.typeface .info_cont .guide_wrap .type-guide .guide_cont{
    font-family: '11StreetGothic';
    margin: 6px 0 40px 0;
    font-size:28px;
    line-height:1.43;
    color:#111;
    pointer-events: none;
    cursor: pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:#111;
}
.typeface .info_cont .guide_wrap .type-guide .guide_cont:link,
.typeface .info_cont .guide_wrap .type-guide .guide_cont:link:active{
    color:#111
}

.typeface .info_cont .guide_wrap .type-guide:first-child .guide_cont{font-weight:300;}
.typeface .info_cont .guide_wrap .type-guide:nth-child(2) .guide_cont{font-weight:normal;}
.typeface .info_cont .guide_wrap .type-guide:last-child .guide_cont{font-weight:bold;}
.typeface .info_cont .mobile_only{display: none}
.typeface .info_cont .type-txt{margin-top:60px; font-size:15px; color:#666; line-height:28px; }
.typeface .info_cont .type-txt span{display: block}
.typeface .info_cont .type-copyright{margin:60px 0 0 0}
.typeface .info_cont .type-copyright .type-tit{font-family:'11StreetGothic'; font-size:24px; letter-spacing:-0.5px; color:#333; font-weight:bold; margin-bottom:20px}
.typeface .info_cont .type-copyright .type-tit span.ico_fold{width:20px; height:20px; background: url(../img/arrow-open@2x.png)no-repeat center; margin-bottom:-3px; margin-left:4px; cursor:pointer; background-size:contain}
.typeface .info_cont .type-copyright .type-tit span.ico_fold.off{background: url(../img/arrow-close@2x.png)no-repeat center; background-size:contain}
.typeface .info_cont .type-copyright ul.type-txt{position:relative; margin-top:0}
.typeface .info_cont .type-copyright ul.type-txt li{position:relative; padding-left:12px; font-size:16px;}
.typeface .info_cont .type-copyright ul.type-txt li:before {position:absolute;left:0;top:12px;content:'';width:2px;height:2px;border-radius:2px;background:#666;}
.typeface .info_cont .type-copyright .type-txt li.ex{color:#999; position: inherit}
.typeface .info_cont .type-copyright .type-txt li.ex:before{display: none}

@media screen and (max-width: 960px){
    .section_service.brands,
    .section_service.typeface,
    .section_service.design{text-align:left}

    .section_service.brands .info_cont .img_box img,
    .section_service.typeface .info_cont .img_box img,
    .section_service.typeface .info_cont .img_box_m img
    {width:100%; max-width:100%}

    .section_service.typeface .info_cont .img_box{display: none;}
    .section_service.typeface .info_cont .img_box_m{display: block; margin-top:20px}

    .brands .info_cont .txt{font-size:15px; color:#1e1e1e; line-height:25px; letter-spacing:0}
    .design .info_cont .txt{font-size:15px; color:#1e1e1e; line-height:25px; letter-spacing:0}
    .brands .info_cont .img_box{margin-top:30px}
    .brands .info_cont .img_box .box_cont img{display:inline; float:none; width:auto}
    .info_cont .img_box .box_cont p.cont_p{float:none; margin:8px 0 0 0; width: 100%; text-align: center; clear:both}
    .info_cont .img_box .box_cont p.cont_p span{text-align: center}
    .brands .info_cont .logo-wrap .img_box{margin:0}

    .guide_wrap {margin-top:30px}
    .guide_wrap p.guide_tit{font-size:15px; line-height:25px;}
    .guide_wrap .logo-wrap .logo-color{padding:21px 0;}
    .guide_wrap .logo-wrap .logo-color .color-items{width: 300px; padding:15px; margin:auto; float:none; overflow:hidden; box-sizing:border-box}

    .typeface .info_cont .guide_wrap .guide_tit{font-size:12px; line-height:20px;}
    .typeface .info_cont .guide_wrap .type-guide .guide_cont{font-size:21px; line-height:30px;}
    .typeface .info_cont .type-txt{line-height:25px;}
    .typeface .info_cont .type-txt span{display: inline}

    .typeface .info_cont .btn_box.mobile_only,
    .typeface .info_cont .txt{display:block; font-size:15px; line-height:25px; color:#111; letter-spacing:0}

    .typeface .info_cont .type-copyright .type-tit{font-size:20px; letter-spacing: -0.42px;}
    .typeface .info_cont .type-copyright ul.type-txt li{font-size:15px}

    .design .info_tit span.tit{width: auto}
}

.btn_pc {
    position: absolute;
    bottom: 12px;
    right: 10px;
    background: rgba(255,255,255,.2);
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 3px; font-size: .8em;
    cursor: pointer;

}
.job_description {
    display: block;
    overflow: hidden;
    padding: 16px 16px;
    border-bottom: 1px solid #333333;
    font-size: 16px;
    background-color: #F5F5F5;
}




/* 경력 개발자 공개채용 */
.article_list .tag_new {width:18px;height:18px;} /* 기존 css 사이즈 수정 */
.gnb .tag_new {position:absolute;top:50%;right:-18px;width:18px;height:18px;margin-top:-9px;}
.gnb .tag_new img {width:100%;height:100%;}
.spot_develop {background-image:url('../img/bg_develop.png');font-family:'Noto Sans KR','Helvetica Neue','Apple SD Gothic Neo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;letter-spacing:0;}
.spot_develop .txt {line-height:34px;}
.spot_develop .txt strong {margin-bottom:24px;font-size:54px;font-family:'11StreetGothic';line-height:72px;letter-spacing:-2px;}
.spot_develop .date {font-size:24px;font-family:'11StreetGothic';}
.spot_develop .btn_bor_light {height:58px;margin-top:40px;padding:0 44px;border-color:rgba(255,255,255,.3);font-size:17px;color:#fff;line-height:58px;}

section.section_develop {padding:80px 0;}
.section_develop .inner {max-width:1000px;}
.section_develop .info_tit {float:none;width:auto;margin-bottom:36px;font-size:44px;font-weight:normal;font-family:'Noto Sans KR','Helvetica Neue','Apple SD Gothic Neo',Arial,'맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;line-height:56px;}
.section_develop .txt {font-size:17px;color:#666;}
.section_develop:after {display:block;clear:both;content:'';}
.section_develop.section_bg {background:#fafafa;}
.section_develop.section_bg .txt {color:#333;}

.flow_list {margin:0;}
.flow_list:after {display:block;clear:both;content:'';}
.flow_list li {float:left;width:29%;margin:0 2%;}
.flow_list strong {display:block;margin-bottom:23px;font-size:20px;text-align:center;}
.flow_list p {margin-top:30px;line-height:30px;}
.flow_list .img_box {text-align:center;}
.flow_list .img_box img {width:auto;height:100px;}

.section_col {float:left;width:455px;}
.section_col .img_box {margin-left:92px;}

.info_history {margin:60px 0 20px;font-size:16px;color:#111;line-height:24px;}
.info_history dt {margin-top:24px;font-size:18px;font-family:'11StreetGothic';font-weight:bold;}
.info_history dt:first-child {margin-top:0;}

section.section_visual {padding:60px 0;background:#000 url('../img/bg_develop_qna.png') no-repeat 50% 0;background-size:cover;}
.section_visual .info_tit {font-size:46px;color:#fff;}

.swiper_develop {overflow:hidden;margin:0 -10px;}
.swiper_develop .list {overflow:hidden;width:20000px;}
.swiper_develop li {float:left;width:320px; height: 420px; margin:0 10px;box-sizing:border-box;}
.swiper_develop .box_desc {display:block; width:100%; height:420px; padding:20px; background:#fff;box-sizing:border-box; cursor: pointer}
.swiper_develop li.interview01 .box_desc{
    background: url('../img/interview_01.JPG')no-repeat center 0; background-size: cover;
}
.swiper_develop li.interview02 .box_desc{
    background: url('../img/interview_02.JPG')no-repeat center 0px; background-size: cover;
}
.swiper_develop li.interview03 .box_desc{
    background: url('../img/interview_03.JPG')no-repeat center 0px; background-size: cover;
}
.swiper_develop li.interview04 .box_desc{
    background: url('../img/interview_04.JPG')no-repeat center 0px; background-size: cover;
}
.swiper_develop li.interview05 .box_desc{
    background: url('../img/interview_05.JPG')no-repeat center 0px; background-size: cover;
}
.swiper_develop li.interview06 .box_desc{
    background: url('../img/interview_06.JPG')no-repeat center 0px; background-size: cover;
}

.swiper_develop .subject {display:block; font-family:'11StreetGothic';font-size:22px;color:#111;line-height:28px;}
.swiper_develop .txt {font-size:17px;color:#333;line-height:28px; margin-bottom: 6px}
.swiper_develop .txt + .txt {margin-top:24px;}
.swiper_btnbox .btn_swiper {overflow:hidden;position:absolute;top:50%;width:60px;height:60px;background:url('../img/sp_swiper2.png') no-repeat;line-height:200px;vertical-align:top;}
.swiper_btnbox .prev {left:-160px;}
.swiper_btnbox .next {right:-160px;background-position:-64px 0;}

.article_cont {padding-top:60px;}
.article_cont:first-child {padding-top:0;}

@media screen and (max-width: 960px) {
    .gnb .tag_new {right:5px;}

    .article_list .tit {word-break:break-word;}

    .spot_develop .txt {font-size:14px;line-height:20px;}
    .spot_develop .txt strong {margin-bottom:20px;font-size:26px;line-height:38px;letter-spacing:-1px;}
    .spot_develop .date {font-size:14px;}
    .spot_develop .btn_bor_light {height:28px;margin-top:23px;padding:0 11px;font-size:12px;color:#fff;line-height:28px;}

    .spot_develop .inner{margin-top:32px;}

    section.section_develop {padding:30px 0 60px;}
    .section_develop .info_tit {margin-bottom:20px;font-size:26px;line-height:38px;}
    .section_develop:first-of-type .info_tit {text-align:center;}

    .flow_list li {float:none;width:auto;margin-top:60px;}
    .flow_list li:first-child {margin-top:0;}
    .flow_list p {margin-top:20px;}

    .flow_list .txt { text-align: center; }

    .section_col {float:none;width:auto;}

    .info_history {margin-top:30px;}

    section.section_visual {padding-bottom:30px;}
    .section_visual .inner {padding:0;}
    .section_visual .info_tit {margin:0 0 14px 30px;}

    .swiper_develop {overflow:initial;margin:0 30px 0 22px;}
    .swiper_develop li {width:240px;margin:0 8px;}
    .swiper_develop .box_desc {height:373px;padding:16px;background:#fff;box-sizing:border-box;}
    .swiper_develop .txt{font-size: 15px; margin-bottom: 2px}
    .swiper_develop .subject{font-size: 20px; line-height: 20px}
    .article_cont {padding-top:46px;}
    .article_cont .career_caution {margin-top:55px;padding:20px;border:1px solid #f4f4f4;background:#fafafa;font-size:15px;color:#111;line-height:1;}
    .article_cont .career_caution .info_txt {display:block;margin-top:8px;font-size:13px;color:#999;}
}