a:visited { color: #000; }
a:link { color: #000; }

body { font-family: NanumGothic; }

.wrapper { overflow: hidden; word-break: keep-all}

.sub-container { padding: 72px 0 0; }

.list-header { margin-top: 3.125vw; padding: 0 12px; }

.list-header .header-title { font-size: 8.333333333333333vw; margin: 0 0 8.333333333333333vw; font-family: NanumSquareEB; letter-spacing: .3em; text-align: center; }

.list-header .list-menu { display: none; }

.list-header .list-menu_selectBox select { width: 100%; height: 11.45833333333333vw; padding: 0 6.666666666666667vw; font-size: 3.75vw; font-family: NanumSquareEB; border: 1px solid #000; /*수정*/ border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../images/common/select_arrow.png) no-repeat right 32px center; }

.list-container { padding: 0 12px; }

.list-container .list-content:after { content: ""; display: block; width: 100%; height: 1px; background: #ccc; box-sizing: border-box; }

.list-container .list-content[data-state="visible"] { height: auto; visibility: visible; opacity: 1; overflow: hidden; }

.list-container .list-content[data-state="hidden"] { height: 0; visibility: hidden; opacity: 0; overflow: hidden; }

.list-container .list-content .content_inside { padding: 12.5vw 0; position: relative; }

.list-container .list-content .content_inside .content_slide { position: relative; }

.list-container .list-content .content_inside .content_slide .projects .slick-arrow { /*수정*/ position: absolute; top: 50%; z-index: 99; width: 32px; height: 64px; margin-top: -32px; text-indent: -99999px; transition: all ease .35s; }

.list-container .list-content .content_inside .content_slide .projects .slick-disabled { /*수정*/ opacity: 0; visibility: hidden; }

.list-container .list-content .content_inside .content_slide .projects .slick-prev { /*수정*/ background: url(../../images/common/sub-list-arrow-l.png) no-repeat scroll center; background-size: cover; }

.list-container .list-content .content_inside .content_slide .projects .slick-next { /*수정*/ right: 0; background: url(../../images/common/sub-list-arrow-r.png) no-repeat scroll center; background-size: cover; }

.list-container .list-content .content_inside .content_slide .slide-count { display: none; }
  
.list-container .list-content .content_inside .content_text { margin-top: 6.25vw; text-align: center; }

.list-container .list-content .content_inside .content_text .content_category { font-size: 18px; color: #ff6000; font-family: Roboto-Bold; }

.list-container .list-content .content_inside .content_text .content_title { margin-top: 4.166666666666667vw; font-size: 6.666666666666667vw; font-family: NanumSquareEB; }

.list-container .list-content .content_inside .content_text .content_description { font-family: NanumGothic; margin-top: 4.166666666666667vw; font-size: 4.166666666666667vw; line-height: 1.5; }

.list-container .view-more { display: block; text-align: center; margin-top: 40px; margin-bottom: 130px; }

.list-container .view-more button { font-size: 18px; font-family: NanumSquareEB; border-bottom: 1px solid #000; padding: 0; }

.list-container .view-more button .view-more_icon { display: inline-block; position: relative; width: 10px; height: 10px; margin-left: 5px; }

.list-container .view-more button .view-more_icon:before { content: ""; display: block; width: 10px; height: 2px; background: #363636; position: absolute; top: 4px; }

.list-container .view-more button .view-more_icon:after { content: ""; display: block; width: 10px; height: 2px; background: #363636; position: absolute; transform: rotate(90deg); top: 4px; }

.vid_wrapper { /*수정*/ position: relative; }

.vid_wrapper:hover .played .pause_btn { visibility: visible; opacity: 1; }

.video_controller { position: absolute; width: 23.75vw; height: 23.75vw; top: 50%; left: 50%; margin-top: -11.875vw; margin-left: -11.875vw; }

.video_controller span { /*수정*/ position: absolute; left: 0; top: 0; }

.video_controller span button { width: 23.75vw; height: 23.75vw; text-indent: -99998px; }

.video_controller .play_btn { transition: all ease .5s; }

.video_controller .play_btn button { background: url(../../images/common/play_btn.png) no-repeat scroll center; background-size: contain; }

.video_controller .pause_btn { visibility: hidden; opacity: 0; transition: all ease .5s; }

.video_controller .pause_btn button { background: url(../../images/common/pause_btn.png) no-repeat scroll center; background-size: contain; }

.video_controller.played .play_btn { visibility: hidden; opacity: 0; }

.intro-content { padding: 0 12px; /*수정*/ }

.intro-content .intro-kv { width: 100%; position: relative; }

.intro-content .intro-kv img, .intro-content .intro-kv video { width: 100%; display: block; }

.intro-content .intro-kv .kv_inner_text { position: absolute; width: 100%; height: auto; background: transparent; font-size: 6.666666666666667vw; font-family: Roboto-Bold; box-sizing: border-box; color: #fff; text-align: center; top: 50%; margin-top: -3.75vw; }

.intro-inside .contact_intro { overflow: hidden; padding: 6.25vw 0 12.5vw;}

.intro-inside .contact_intro .intro_text { background: url(../../images/common/intro_bg.png) no-repeat scroll center top; background-size: 10%; }

.intro-inside .contact_intro .intro_text .txt { display: block; margin: 6.25vw 0 3.125vw; font-family: NanumSquareL; font-size: 4.166666666666667vw; line-height: 1.5; padding: 3.125vw 7.5vw 0; text-align: center; }

.intro-inside .contact_intro .intro_text .txt strong { font-family: NanumSquareEB; }

.intro-inside .contact_intro .intro_text .txt:last-child { margin-bottom: 0; }

.intro-inside .career_intro { padding: 0 12px 12.5vw; text-align: center; }

.intro-inside .career_intro .intro_title { font-size: 6.666666666666667vw; font-family: NanumSquareEB; display: block; margin: 12.5vw 0 0; }

.intro-inside .career_intro .intro_text { font-size: 4.166666666666667vw; margin: 4.166666666666667vw 0 0; display: inline-block; line-height: 1.5; }

.intro-inside .detail-intro .intro_text { text-align: center; }

.intro-inside .detail-intro .intro_text .info { background: #eeeeee; padding: 6.25vw 2.5vw 6.25vw 4.166666666666667vw; text-align: left; }

.intro-inside .detail-intro .intro_text .info span { display: block; line-height: 1.8; font-size: 3.333333333333333vw; }

.intro-inside .detail-intro .intro_text .info span strong { display: inline-block; width: 15.625vw; font-family: NanumSquareEB; }

.intro-inside .detail-intro .intro_text .intro_title { font-size: 5.833333333333333vw; font-family: NanumSquareEB; margin: 12.5vw 0 0; }

.intro-inside .detail-intro .intro_text .description { font-family: NanumGothic; display: inline-block; margin: 6.25vw 0 0; line-height: 1.5; }

.intro-inside .detail-intro .intro_text .description:before { display: none; }

.intro-inside .detail-intro .intro_btn { display: block; text-align: center; margin: 6.25vw 0 0; }

.intro-inside .detail-intro .intro_btn a { width: 47.08333333333333vw; height: 11.45833333333333vw; display: inline-block; color: #fff; line-height: 11.45833333333333vw; background: #000; text-align: center; }

.intro-inside .detail-intro .intro_btn a .btn_txt { font-size: 3.75vw; }

.intro-inside .detail-intro .intro_btn a .arrow_wrap { display: inline-block; width: 24px; height: 10px; position: relative; margin: 0 0 0 8.333333333333333vw; }

.intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar { width: 5px; height: 1px; display: block; position: absolute; right: 0; transition: all ease-in-out .5s; background: #fff; }

.intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:first-child { transform: rotate(-45deg); top: 50%; margin-top: 2px; }

.intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:last-child { transform: rotate(45deg); top: 50%; margin-top: -2px; }

.intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_flat { position: absolute; top: 50%; display: block; width: 24px; height: 1px; background: #fff; transition: all ease-in-out .5s; }

.intro-type1 .intro-title { /*수정*/ margin: 5.416666666666667vw 0 9.375vw; font-size: 8.333333333333333vw; font-family: Roboto-Bold; text-align: center; letter-spacing: 0.35em; height: auto; }

.intro-type2 .intro-title { /*수정*/ margin: 5.416666666666667vw 0 9.375vw; font-size: 6.666666666666667vw; font-family: Roboto-Bold; text-align: center; letter-spacing: normal; height: auto; }

.about-content { text-align: center; }

.about-content .about-section .section-header { padding: 0 12px; /*수정*/ }

.about-content .about-section .section-header .section_title { font-size: 3.75vw; font-family: Roboto-Bold; color: #ff6000; margin-bottom: 4.166666666666667vw; }

.about-content .about-section .section-header .section_text { font-size: 6.666666666666667vw; font-family: NanumSquareEB; }

.about-content .about-section .section-header .section_label { display: none; }

.about-content .about-section .section-content { padding: 0 12px; /*수정*/ }

.about-content .about-section .section-content .section_part { margin-bottom: 30px; }

.about-content .about-section .section-content .section_part .inner_tit { font-size: 5vw; font-family: NanumSquareEB; line-height: 1.25; }

.about-content .about-section .section-content .section_part .inner_txt { line-height: 1.5; margin-top: 10px; font-size: 3.75vw; font-family: NanumGothic; /*수정*/ }

.about-content .overview-section { padding: 0 12px; margin-top: 12.5vw; }

.about-content .overview-section .section-container { border-bottom: 1px solid #d8d8d8; padding-bottom: 9.375vw; }

.about-content .overview-section .section-visual { width: 100%; height: 75vw; background: url(../../images/common/sub-about-overview_bg_s4.png) no-repeat scroll center; background-size: cover; bottom: 0; overflow: hidden; }

.about-content .overview-section .section-visual .dynamic_img { position: relative; display: block; z-index: -1; transition: all ease 1s; }

.about-content .overview-section .section-visual .dynamic_img img { width: 100%; }

.about-content .vision-section { padding: 0 12px 9.375vw; /*수정*/ margin-top: 12.5vw; }

.about-content .vision-section .section-content { margin-top: 8.333333333333333vw; }

.about-content .service-section { background: #f5f5f5; padding-bottom: 12.5vw; overflow: hidden; }

.about-content .service-section .section-container { background: url(../../images/common/sub-about-service_bg_s3.jpg) no-repeat scroll top center; background-size: cover; }

.about-content .service-section .section-container .section-header { padding: 12.5vw 2.5vw 0; }

.about-content .service-section .section-container .section-header .section_text { color: #fff; }

.about-content .service-section .section-container .section-content { margin-top: 11.45833333333333vw; padding: 0 5vw 15.625vw; overflow: hidden; }

.about-content .service-section .section-container .section-content .section_part { width: calc(50% - 1.25vw); /*수정*/ height: 48.33333333333333vw; float: left; background: #fff; padding: 6.25vw 4.166666666666667vw; margin-bottom: 2.5vw; box-sizing: border-box; overflow: hidden; }

.about-content .service-section .section-container .section-content .section_part:nth-child(1), .about-content .service-section .section-container .section-content .section_part:nth-child(3) { margin-right: 2.5vw; }

.about-content .service-section .section-container .section-content .section_part .inner_txt .txt { display: block; text-align: left; }

.about-content .service-section .section-visual { margin-top: 12.5vw; }

.about-content .service-section .section-visual .visual_txt { font-size: 6.666666666666667vw; font-family: NanumSquareEB; }

.about-content .service-section .section-visual .visual_content { width: 95.625vw; height: 91.45833333333333vw; background: url(../../images/common/sub-about-visual_bg_s4.png) no-repeat scroll center; background-size: cover; margin: 50px auto 0; position: relative; }

.about-content .service-section .section-visual .visual_content ul .dynamic_img { width: 25.83333333333333vw; height: 25.83333333333333vw; text-indent: -99999px; position: absolute; transition: all cubic-bezier(0.77, 0.01, 0.22, 1) 1s; transform: scale(0); }

.about-content .service-section .section-visual .visual_content ul .pop_img_01 { background: url(../../images/common/sub-about-visual_icon_01_s4.png) no-repeat scroll center; background-size: cover; left: 50%; margin-left: -12.91666666666667vw; }

.about-content .service-section .section-visual .visual_content ul .pop_img_02 { background: url(../../images/common/sub-about-visual_icon_02_s4.png) no-repeat scroll center; background-size: cover; right: 0; top: 26.04166666666667vw; }

.about-content .service-section .section-visual .visual_content ul .pop_img_03 { background: url(../../images/common/sub-about-visual_icon_03_s4.png) no-repeat scroll center; background-size: cover; bottom: 0; right: 15.625vw; }

.about-content .service-section .section-visual .visual_content ul .pop_img_04 { background: url(../../images/common/sub-about-visual_icon_04_s4.png) no-repeat scroll center; background-size: cover; bottom: 0; left: 15.625vw; }

.about-content .service-section .section-visual .visual_content ul .pop_img_05 { background: url(../../images/common/sub-about-visual_icon_05_s4.png) no-repeat scroll center; background-size: cover; left: 0; top: 26.04166666666667vw; }

.about-content .service-section .section-visual .visual_content.active ul .dynamic_img { transform: scale(1); }

.about-content .service-section .section-visual .visual_content.active ul .pop_img_01 { transition-delay: 0s; }

.about-content .service-section .section-visual .visual_content.active ul .pop_img_02 { transition-delay: .5s; }

.about-content .service-section .section-visual .visual_content.active ul .pop_img_03 { transition-delay: 1s; }

.about-content .service-section .section-visual .visual_content.active ul .pop_img_04 { transition-delay: 1.5s; }

.about-content .service-section .section-visual .visual_content.active ul .pop_img_05 { transition-delay: 2s; }

.about-content .client-section { margin: auto; padding: 12.5vw 0; }

.about-content .client-section .section-header { text-align: center; }

.about-content .client-section .section-content { overflow: hidden; margin-top: 12.5vw; }

.about-content .client-section .section-content ul li { width: 33.333333333333%; /*수정*/ height: 31.66666666666667vw; float: left; text-align: center; position: relative; box-sizing: border-box; border-right: 1px solid #dedede; }

.about-content .client-section .section-content ul li span { background: url(../../images/common/sub-about-client_img.png) no-repeat scroll center; display: inline-block; text-indent: -99999px; position: absolute; top: 50%; left: 50%; }

.about-content .client-section .section-content ul li.img_01 { border-bottom: 1px solid #dedede; }

.about-content .client-section .section-content ul li.img_01 span { width: 104px; height: 16px; background-position: 0 -13px; margin-top: -8px; margin-left: -52px; }

.about-content .client-section .section-content ul li.img_02 { border-bottom: 1px solid #dedede; }

.about-content .client-section .section-content ul li.img_02 span { width: 59px; height: 18px; background-position: -158px -12px; margin-top: -9px; margin-left: -26px; }

.about-content .client-section .section-content ul li.img_03 { border-bottom: 1px solid #dedede; border-right: 0; }

.about-content .client-section .section-content ul li.img_03 span { width: 76px; height: 37px; background-position: -274px -3px; margin-top: -18.5px; margin-left: -38px; }

.about-content .client-section .section-content ul li.img_04 { border-bottom: 1px solid #dedede; }

.about-content .client-section .section-content ul li.img_04 span { width: 53px; height: 42px; background-position: -411px 0; margin-top: -21px; margin-left: -26.5px; }

.about-content .client-section .section-content ul li.img_05 { border-bottom: 1px solid #dedede; }

.about-content .client-section .section-content ul li.img_05 span { width: 27px; height: 22px; background-position: -529px -10px; margin-top: -11px; margin-left: -13.5px; }

.about-content .client-section .section-content ul li.img_06 { border-bottom: 1px solid #dedede; border-right: 0; }

.about-content .client-section .section-content ul li.img_06 span { width: 48px; height: 34px; background-position: -28px -59px; margin-top: -17px; margin-left: -24px; }

.about-content .client-section .section-content ul li.img_07 span { width: 108px; height: 34px; background-position: -133px -59px; margin-top: -17px; margin-left: -54px; }

.about-content .client-section .section-content ul li.img_08 span { width: 87px; height: 31px; background-position: -269px -61px; margin-top: -16.5px; margin-left: -43.5px; }

.about-content .client-section .section-content ul li.img_09 { border-right: 0; }

.about-content .client-section .section-content ul li.img_09 span { width: 106px; height: 36px; background-position: -385px -59px; margin-top: -18px; margin-left: -53px; }

.about-content .client-section .section-content ul li.img_10 { display: none; }

.contact-content { padding: 0 12px; }

.contact-content .contact-location .tab-content { display: block; border-top: 1px solid #d8d8d8; padding: 12.5vw 0; }

.contact-content .contact-location .tab-content .tab_btn { padding: 0; margin: auto; display: block; box-sizing: border-box; text-align: center; position: relative; }

.contact-content .contact-location .tab-content .tab_btn button { display: none; width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }

.contact-content .contact-location .tab-content .location_address span { display: block; }

.contact-content .contact-location .tab-content .location_address .name { font-size: 6.666666666666667vw; font-family: NanumSquareEB; }

.contact-content .contact-location .tab-content .location_address .address { font-size: 4.166666666666667vw; margin: 6.25vw 0; font-family: Roboto-Light; }

.contact-content .contact-location .tab-content .location_address .map { height: 53.33333333333333vw; font-family: Roboto-Light; }

.contact-content .contact-location .tab-content .location_contact span { display: block; }

.contact-content .contact-location .tab-content .location_contact .mail { margin: 6.25vw 4.166666666666667vw; font-size: 4.166666666666667vw; font-family: Roboto-Light; }

.contact-content .contact-location .tab-content .location_contact .mail a { color: #000; font-family: NanumSquareEB; text-decoration: underline; }

.contact-content .contact-location .tab-content .location_contact .tel { font-family: Roboto-Light; font-size: 4.166666666666667vw; }

.contact-content .contact-location .tab-content .location_contact .tel strong { font-family: NanumSquareEB; }

.contact-content .contact-map { display: none; }

.career-content .career-section { text-align: center; }

.career-content .career-section .section-header .section_title { font-size: 6.666666666666667vw; display: block; border-top: 1px solid #d8d8d8; }

.career-content .career-section .section-header .section_txt { font-size: 4.166666666666667vw; margin: 4.166666666666667vw 0 0; display: inline-block; line-height: 1.5; }

.career-content .section-visual { padding: 0 12px; }

.career-content .section-visual .section-header .section_title { padding: 12.5vw 0 0; }

.career-content .section-visual .section-content { margin: 10.41666666666667vw 0 0; }

.career-content .section-visual .section-content ul li span { display: inline-block; text-indent: -99999px; width: 95vw; height: 29.16666666666667vw; background: url(../../images/common/sub-career-cv_s4.jpg) no-repeat; background-size: cover; }

.career-content .section-visual .section-content ul li:nth-child(2) span { background-position: 0 50%; }

.career-content .section-visual .section-content ul li:last-child span { background-position: 0 100%; }

.career-content .common-section { margin: 16.66666666666667vw 0 0; }

.career-content .common-section .section-container { padding: 0 12px; }

.career-content .common-section .section-container .section-header .section_title { border-top: 0; }

.career-content .common-section .section-container .section-content .section_part { padding: 0 12px; }

.career-content .common-section .section-container .section-content .section_part .inner_greet { font-size: 5vw; display: inline-block; margin: 6.25vw 0 0; }

.career-content .common-section .section-container .section-content .section_part .inner_tit { font-size: 5vw; font-family: NanumSquareEB; display: inline-block; margin: 8.333333333333333vw 0 2.083333333333333vw; }

.career-content .common-section .section-container .section-content .section_part .inner_txt { font-size: 4.166666666666667vw; }

.career-content .common-section .section-container .section-content .section_part .inner_txt .txt { display: block; line-height: 1.5; }

.career-content .work { background: #fafafa; padding: 14.58333333333333vw 0 16.66666666666667vw; }

.career-content .work .section-content { background: url(../../images/common/sub-career-ci_01.png) no-repeat center top 15%; background-size: 40%; padding: 54.16666666666667vw 0 0; }

.career-content .work .section-content .section_part .inner_tit { font-size: 24px; font-family: NanumSquareEB; }

.career-content .work .section-content .section_part .inner_txt { font-size: 20px; }

.career-content .welfare { padding: 0 0 16.66666666666667vw; }

.career-content .welfare .section-content { background: url(../../images/common/sub-career-ci_02.png) no-repeat center top 20%; background-size: 40%; }

.career-content .welfare .section-content .section_part:nth-child(2) { padding: 47.91666666666667vw 0 0; }

.detail-content .detail-section { text-align: center; padding: 12.5vw 0 0; }

.detail-content .detail-section .section-header { padding: 0 12px; }

.detail-content .detail-section .section-header .section_title { font-size: 5.833333333333333vw; text-align: center; }

.detail-content .detail-section .section-header .section_description { font-family: NanumGothic; font-size: 4.166666666666667vw; line-height: 1.5; margin: 4.166666666666667vw 0 0; }

.detail-content .detail-section .section-content { padding: 0 12px; margin: 7.291666666666667vw 0 0; }

.detail-content .detail-section .section-content .content_label { display: none; }

.detail-content .detail-section .section-content .content_inside img, .detail-content .detail-section .section-content .content_inside video { width: 100%; display: block; }

.detail-content .detail-section[data-bg="lightGray"] { background: #eee; }

.detail-content .detail-section[data-bg="darkGray"] { background: #222; }

.detail-content .detail-section[data-bg="beige"] { background: #e9e2d9; }

.detail-content .detail-section[data-bg="blue"] { background: #1932B0; }

.detail-content .detail-section[data-bg="white"] { background: #fff; }

.detail-content .detail-section[data-bg="line"] .line { width: calc(100% - 24px); height: 1px; background: #d8d8d8; display: block; margin: 0 auto 12.5vw; }

.detail-content .detail-section[data-color="white"] { color: #fff; }

.detail-content .detail-section[data-color="black"] { color: #000; }

.detail-content .detail-section.icon-style { padding: 12.5vw 0; }

.detail-content .greetings { margin: 16.66666666666667vw auto; text-align: center; }

.detail-content .greetings .greet_thanks .thanks { font-family: NanumSquareEB; font-size: 6.666666666666667vw; display: block; }

.detail-content .greetings .greet_thanks .thanks:before { content: ""; display: block; width: 6.25vw; height: 1px; background: #b2b2b2; margin: 0 auto 6.25vw; }

.detail-content .greetings .greet_thanks .for_watching { font-family: Roboto-Light; font-size: 3.333333333333333vw; color: #666; margin-top: 3.125vw; display: block; letter-spacing: 0.75em; }

.detail-content .content-nav { background: #f7f7f7; }

.detail-content .content-nav .nav_inside { width: 100%; margin: auto; display: table; padding: 0 12px; box-sizing: border-box; }

.detail-content .content-nav .nav_inside .btn_direction { display: table-cell; text-align: center; width: 33.33333%; }

.detail-content .content-nav .nav_inside .btn_direction .content_btn a { display: inline; /*수정*/ line-height: 18.33333333333333vw; transition: all ease .5s; font-size: 3.75vw; color: #000; }

.detail-content .content-nav .nav_inside .prev_content { text-align: left; }

.detail-content .content-nav .nav_inside .prev_content .content_btn a i { margin-right: 5vw; }

.detail-content .content-nav .nav_inside .prev_content .content_btn a i:before { font-size: 4.166666666666667vw; }

.detail-content .content-nav .nav_inside .next_content { text-align: right; }

.detail-content .content-nav .nav_inside .next_content .content_btn a i { margin-left: 5vw; }

.detail-content .content-nav .nav_inside .next_content .content_btn a i:before { font-size: 4.166666666666667vw; }

.detail-content .content-nav .nav_inside .list_content .content_btn a .icon { width: 3.333333333333333vw; height: 2.291666666666667vw; display: inline-block; position: relative; margin-left: 5vw; }

.detail-content .content-nav .nav_inside .list_content .content_btn a .icon i { width: 3.333333333333333vw; height: 1px; display: block; background: #000; }

.detail-content .content-nav .nav_inside .list_content .content_btn a .icon .middle { margin-top: 0.8333333333333333vw; }

.detail-content .content-nav .nav_inside .list_content .content_btn a .icon .bottom { margin-top: 0.8333333333333333vw; }

.footer { background: #2b2b2b; }

.footer .footer_inside { margin: auto; padding: 9.375vw 5vw; }

.footer .footer_inside .footer_content { width: 100%; color: #666666; text-align: center; }

.footer .footer_inside .footer_content .footer_nav { overflow: hidden; width: 100%; }

.footer .footer_inside .footer_content .footer_nav ul li { float: left; width: 25%; text-align: center; }

.footer .footer_inside .footer_content .footer_nav ul li a { color: #d1d1d1; font-family: Roboto-Bold; font-size: 3.75vw; }

.footer .footer_inside .footer_content .footer_btn { display: none; }

.footer .footer_inside .footer_content .address, .footer .footer_inside .footer_content .contact { font-size: 14px; width: 65vw; display: inline-block; line-height: 2; }

.footer .footer_inside .footer_content .contact { font-size: 3.75vw; margin-top: 8.333333333333333vw; }

.footer .footer_inside .footer_content .contact span { display: block; }

.footer .footer_inside .footer_content .contact span strong { font-family: Roboto-Bold; margin-right: 2.083333333333333vw; }

.footer .footer_inside .footer_content .contact .fax { margin-left: 0; }

.footer .footer_inside .footer_content .sns { margin: 6.25vw 0; }

.footer .footer_inside .footer_content .sns span { display: inline-block; position: relative; }

.footer .footer_inside .footer_content .sns span a { display: block; margin: 0 4.166666666666667vw; font-size: 0; }

.footer .footer_inside .footer_content .sns span:first-child:after { content: ""; position: absolute; width: 1px; height: 15px; background: #666; top: 0; right: 0; font-size: 15px; }

.footer .footer_inside .footer_content .sns span:last-child { margin-left: -4px; }

.footer .footer_inside .footer_content .copyright { font-size: 2.5vw; padding-top: 40px; display: block; }

.footer .footer_inside .footer_content:before { content: ""; display: table-cell; position: relative; width: 10%; }

.footer .footer_inside .footer_content:last-child { margin-top: 15px; }

.footer .footer_inside .footer_content:last-child:before { content: ""; width: 63px; height: 22px; background: url(../../images/common/footer_logo.png) no-repeat scroll left top; background-size: contain; position: absolute; left: 50%; margin-left: -31px; }

.footer .footer_inside .footer_content:last-child .contact { display: none; }

@media screen and (min-width: 320px) { 
.about-content .client-section .section-content ul li span { transform: scale(0.8); } 

}

@media screen and (min-width: 480px) { .sub-container { width: 100%; padding: 68px 0 0; }
  .list-header { margin-top: 3.125vw; }
  .list-header .header-title { font-size: 40px; margin: 0 0 40px; }
  .list-header .list-menu { display: none; }
  .list-header .list-menu_selectBox select { width: 100%; height: 55px; padding: 0 32px; font-size: 18px; font-family: NanumSquareEB; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../../images/common/select_arrow.png) no-repeat right 32px center; }
  .list-container .list-content:after { content: ""; display: block; width: 100%; height: 1px; background: #ccc; box-sizing: border-box; }
  .list-container .list-content[data-state="visible"] { height: auto; visibility: visible; opacity: 1; overflow: hidden; }
  .list-container .list-content[data-state="hidden"] { height: 0; visibility: hidden; opacity: 0; overflow: hidden; }
  .list-container .list-content .content_inside { padding: 60px 0; position: relative; }
  .list-container .list-content .content_inside .content_slide { position: relative; }

/*  .list-container .list-content .content_inside .content_slide .projects .slick-prev { background: url(../../images/common/slide_arrow_left.png) no-repeat scroll center; }
  .list-container .list-content .content_inside .content_slide .projects .slick-next { right: 0; background: url(../../images/common/slide_arrow_right.png) no-repeat scroll center; }
  .list-container .list-content .content_inside .content_slide .slide-count { font-family: NanumSquareEB; display: block; text-align: center; margin-top: 11px; }*/
  .list-container .list-content .content_inside .content_text { margin-top: 30px; text-align: center; }
  .list-container .list-content .content_inside .content_text .content_category { font-size: 18px; color: #ff6000; font-family: Roboto-Bold; }
  .list-container .list-content .content_inside .content_text .content_title { margin-top: 20px; font-size: 32px; font-family: NanumSquareEB; }
  .list-container .list-content .content_inside .content_text .content_description { margin-top: 20px; font-size: 20px; font-family: NanumGothic; line-height: 1.5; }
  .list-container .view-more { display: block; text-align: center; margin-top: 40px; margin-bottom: 130px; }
  .list-container .view-more button { font-size: 18px; font-family: NanumSquareEB; border-bottom: 1px solid #000; padding: 0; }
  .list-container .view-more button .view-more_icon { display: inline-block; position: relative; width: 10px; height: 10px; margin-left: 5px; }
  .list-container .view-more button .view-more_icon:before { content: ""; display: block; width: 10px; height: 2px; background: #363636; position: absolute; top: 4px; }
  .list-container .view-more button .view-more_icon:after { content: ""; display: block; width: 10px; height: 2px; background: #363636; position: absolute; transform: rotate(90deg); top: 4px; }
  .video_controller { position: absolute; width: 114px; height: 114px; top: 50%; left: 50%; margin-top: -57px; margin-left: -57px; }
  .video_controller span { /*수정*/ }
  .video_controller span button { width: 114px; height: 114px; text-indent: -99998px; }
  .intro-content { padding: 0 12px; }
  .intro-content .intro-kv .kv_inner_text { width: 100%; height: auto; font-size: 32px; box-sizing: border-box; color: #fff; margin-top: -18px; }
  .intro-content .intro-inside .contact_intro { padding: 30px 0 60px;}
  .intro-content .intro-inside .contact_intro .intro_text { background: url(../../images/common/intro_bg.png) no-repeat scroll center top; }
  .intro-content .intro-inside .contact_intro .intro_text .txt { display: block; margin: 30px 0 15px; font-size: 20px; line-height: 1.5; padding: 15px 36px 0; text-align: center; font-family: NanumSquareL}
  .intro-content .intro-inside .contact_intro .intro_text .txt strong { font-family: NanumSquareEB; }
  .intro-content .intro-inside .career_intro { padding: 0 12px; text-align: center; }
  .intro-content .intro-inside .career_intro .intro_title { font-size: 32px; font-family: NanumSquareEB; display: block; margin: 60px 0 0; }
  .intro-content .intro-inside .career_intro .intro_text { font-size: 20px; margin: 20px 0 0; display: inline-block; line-height: 1.5; }
  .intro-content .intro-inside .detail-intro .intro_text { text-align: center; }
  .intro-content .intro-inside .detail-intro .intro_text .info { background: #eeeeee; padding: 30px 12px 30px 20px; text-align: left; }
  .intro-content .intro-inside .detail-intro .intro_text .info span { display: block; line-height: 1.8; font-size: 18px; }
  .intro-content .intro-inside .detail-intro .intro_text .info span strong { display: inline-block; width: 75px; }
  .intro-content .intro-inside .detail-intro .intro_text .intro_title { font-size: 28px; font-family: NanumSquareEB; margin: 60px 0 0; }
  .intro-content .intro-inside .detail-intro .intro_text .description { font-family: NanumGothic; display: inline-block; margin: 30px 0 0; line-height: 1.5; }
  .intro-content .intro-inside .detail-intro .intro_btn { display: block; text-align: center; margin: 30px 0 0; }
  .intro-content .intro-inside .detail-intro .intro_btn a { width: 226px; height: 55px; display: inline-block; color: #fff; line-height: 55px; background: #000; text-align: center; }
  .intro-content .intro-inside .detail-intro .intro_btn a .btn_txt { font-size: 18px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap { display: inline-block; width: 24px; height: 10px; position: relative; margin: 0 0 0 40px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar { width: 5px; height: 1px; display: block; position: absolute; right: 0; transition: all ease-in-out .5s; background: #fff; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:first-child { transform: rotate(-45deg); top: 50%; margin-top: 2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:last-child { transform: rotate(45deg); top: 50%; margin-top: -2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_flat { position: absolute; top: 50%; display: block; width: 24px; height: 1px; background: #fff; transition: all ease-in-out .5s; }
  .intro-type1 .intro-title { margin: 26px 0 45px; font-size: 40px; text-align: center; letter-spacing: 0.35em; height: auto; }
  .intro-type2 .intro-title { margin: 26px 0 45px; font-size: 32px; text-align: center; letter-spacing: normal; height: auto; }
  .about-content .about-section .section-header { padding: 0 12px; }
  .about-content .about-section .section-header .section_title { font-size: 18px; color: #ff6000; margin-bottom: 20px; }
  .about-content .about-section .section-header .section_text { font-size: 32px;}
  .about-content .about-section .section-header .section_label { display: none; }  
  .about-content .about-section .section-content { padding: 0 12px; }
  .about-content .about-section .section-content .section_part .inner_tit { font-size: 24px; font-family: NanumSquareEB; line-height: 1.25; }
  .about-content .about-section .section-content .section_part .inner_txt { line-height: 1.5; margin-top: 10px; font-size: 20px; }
  .about-content .overview-section { padding: 0 12px; }
  .about-content .overview-section .section-container { border-bottom: 1px solid #d8d8d8; padding-bottom: 45px; }
  .about-content .overview-section .section-visual { width: 100%; height: 70.83333333333333vw; background: url(../../images/common/sub-about-overview_bg_s3.png) no-repeat scroll center; background-size: cover; bottom: 0; overflow: hidden; }
  .about-content .overview-section .section-visual .dynamic_img { position: relative; display: block; z-index: -1; transition: all ease 1s; }
  .about-content .overview-section .section-visual .dynamic_img img { width: 100%; }
  .about-content .vision-section { padding: 0 12px 45px; margin-top: 60px; }
  .about-content .vision-section .section-content { margin-top: 40px; }
  .about-content .service-section { padding-bottom: 12.5vw; overflow: hidden; }
  .about-content .service-section .section-container { background: url(../../images/common/sub-about-service_bg_s3.jpg) no-repeat scroll top center; background-size: cover; }
  .about-content .service-section .section-container .section-header { padding: 60px 0 0; }
  .about-content .service-section .section-container .section-header .section_text { color: #fff; }
  .about-content .service-section .section-container .section-content { margin-top: 55px; overflow: hidden; }
  .about-content .service-section .section-visual { margin-top: 60px; }
  .about-content .service-section .section-visual .visual_txt { font-size: 32px; font-family: NanumSquareEB; }
  .about-content .service-section .section-visual .visual_content { width: 459px; height: 439px; background: url(../../images/common/sub-about-visual_bg_s4.png) no-repeat scroll center; background-size: cover; margin: 50px auto 0; position: relative; }
  .about-content .service-section .section-visual .visual_content ul .dynamic_img { width: 124px; height: 124px; text-indent: -99999px; position: absolute; transition: all cubic-bezier(0.77, 0.01, 0.22, 1) 1s; transform: scale(0); }
  .about-content .service-section .section-visual .visual_content ul .pop_img_01 { background: url(../../images/common/sub-about-visual_icon_01_s4.png) no-repeat scroll center; background-size: cover; left: 50%; margin-left: -62px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_02 { background: url(../../images/common/sub-about-visual_icon_02_s4.png) no-repeat scroll center; background-size: cover; right: 0; top: 125px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_03 { background: url(../../images/common/sub-about-visual_icon_03_s4.png) no-repeat scroll center; background-size: cover; bottom: 0; right: 75px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_04 { background: url(../../images/common/sub-about-visual_icon_04_s4.png) no-repeat scroll center; background-size: cover; bottom: 0; left: 75px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_05 { background: url(../../images/common/sub-about-visual_icon_05_s4.png) no-repeat scroll center; background-size: cover; left: 0; top: 125px; }
  .about-content .service-section .section-visual .visual_content.active ul .dynamic_img { transform: scale(1); }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_01 { transition-delay: 0s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_02 { transition-delay: .5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_03 { transition-delay: 1s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_04 { transition-delay: 1.5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_05 { transition-delay: 2s; }
  .about-content .client-section { padding: 60px 0; }
  .about-content .client-section .section-content { overflow: hidden; margin-top: 70px; }
  .about-content .client-section .section-content ul li span { background: url(../../images/common/sub-about-client_img.png) no-repeat scroll center; display: inline-block; text-indent: -99999px; position: absolute; top: 50%; left: 50%; transform: scale(1); }
  .about-content .client-section .section-content ul li.img_01 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_01 span { width: 104px; height: 16px; background-position: 0 -13px; margin-top: -8px; margin-left: -52px; }
  .about-content .client-section .section-content ul li.img_02 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_02 span { width: 59px; height: 18px; background-position: -158px -12px; margin-top: -9px; margin-left: -26px; }
  .about-content .client-section .section-content ul li.img_03 { border-bottom: 1px solid #dedede; border-right: 0; }
  .about-content .client-section .section-content ul li.img_03 span { width: 76px; height: 37px; background-position: -274px -3px; margin-top: -18.5px; margin-left: -38px; }
  .about-content .client-section .section-content ul li.img_04 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_04 span { width: 53px; height: 42px; background-position: -411px 0; margin-top: -21px; margin-left: -26.5px; }
  .about-content .client-section .section-content ul li.img_05 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_05 span { width: 27px; height: 22px; background-position: -529px -10px; margin-top: -11px; margin-left: -13.5px; }
  .about-content .client-section .section-content ul li.img_06 { border-bottom: 1px solid #dedede; border-right: 0; }
  .about-content .client-section .section-content ul li.img_06 span { width: 48px; height: 34px; background-position: -28px -59px; margin-top: -17px; margin-left: -24px; }
  .about-content .client-section .section-content ul li.img_07 span { width: 108px; height: 34px; background-position: -133px -59px; margin-top: -17px; margin-left: -54px; }
  .about-content .client-section .section-content ul li.img_08 span { width: 87px; height: 31px; background-position: -269px -61px; margin-top: -16.5px; margin-left: -43.5px; }
  .about-content .client-section .section-content ul li.img_09 { border-right: 0; }
  .about-content .client-section .section-content ul li.img_09 span { width: 106px; height: 36px; background-position: -385px -59px; margin-top: -18px; margin-left: -53px; }
  .about-content .client-section .section-content ul li.img_10 { display: none; }
  .contact-content { padding: 0 12px; }
  .contact-content .contact-location .tab-content { display: block; border-top: 1px solid #d8d8d8; padding: 60px 0; }
  .contact-content .contact-location .tab-content .location_address .name { font-size: 32px; }
  .contact-content .contact-location .tab-content .location_address .address { font-size: 20px; margin: 30px 0; }
  .contact-content .contact-location .tab-content .location_contact .mail { margin: 30px 0 20px; font-size: 20px; }
  .contact-content .contact-location .tab-content .location_contact .mail a { color: #000; font-family: NanumSquareEB; text-decoration: underline; }
  .contact-content .contact-location .tab-content .location_contact .tel { font-size: 20px; }
  .career-content .career-section { text-align: center; }
  .career-content .career-section .section-header .section_title { font-size: 32px; font-family: NanumSquareEB; display: block; border-top: 1px solid #d8d8d8; }
  .career-content .career-section .section-header .section_txt { font-size: 20px; margin: 20px 0 0; display: inline-block; line-height: 1.5; }
  .career-content .section-visual .section-header .section_title { padding: 60px 0 0; }
  .career-content .section-visual .section-content { margin: 50px 0 0; }
  .career-content .section-visual .section-content ul li span { display: inline-block; text-indent: -99999px; width: 97.39583333333333vw; height: 29.89583333333333vw; background: url(../../images/common/sub-career-cv_s3.jpg) no-repeat; background-size: cover; }
  .career-content .section-visual .section-content ul li:nth-child(2) span { background-position: 0 50%; }
  .career-content .section-visual .section-content ul li:last-child span { background-position: 0 100%; }
  .career-content .common-section { margin: 80px 0 0; }
  .career-content .common-section .section-container .section-header .section_title { border-top: 0; }
  .career-content .common-section .section-container .section-content .section_part { padding: 0 12px; }
  .career-content .common-section .section-container .section-content .section_part .inner_greet { font-size: 24px; display: inline-block; margin: 30px 0 0; }
  .career-content .common-section .section-container .section-content .section_part .inner_tit { font-size: 24px; margin: 40px 0 10px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt { font-size: 20px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt .txt { display: block; line-height: 1.5; }
  .career-content .work { background: #fafafa; padding: 70px 0 80px; }
  .career-content .work .section-content { background: url(../../images/common/sub-career-ci_01.png) no-repeat center top 15%; background-size: 193px 174px; padding: 260px 0 0; }
  .career-content .work .section-content .section_part .inner_tit { font-size: 24px; font-family: NanumSquareEB; }
  .career-content .work .section-content .section_part .inner_txt { font-size: 20px; }
  .career-content .welfare { padding: 0 0 80px; }
  .career-content .welfare .section-content { background: url(../../images/common/sub-career-ci_02.png) no-repeat center top 20%; background-size: 194px 139px; }
  .career-content .welfare .section-content .section_part:nth-child(2) { padding: 230px 0 0; }
  .detail-content .detail-section { text-align: center; padding: 60px 0 0; }
  .detail-content .detail-section .section-header { padding: 0 12px; }
  .detail-content .detail-section .section-header .section_title { font-size: 28px; text-align: center; }
  .detail-content .detail-section .section-header .section_description { font-family: NanumGothic; font-size: 20px; line-height: 1.5; margin: 30px 0 0; }
 
  .detail-content .detail-section .section-content { padding: 0 12px; margin: 35px 0 0; }
  .detail-content .detail-section .section-content .content_label { display: none; }
  .detail-content .detail-section .section-content .content_inside img { width: 100%; }
  .detail-content .detail-section.icon-style { padding: 60px 0; }
  .detail-content .detail-section[data-bg="line"] .line { margin: 0 auto 60px; }
  .detail-content .greetings { margin: 80px auto; text-align: center; }
  .detail-content .greetings .greet_thanks .thanks { font-family: NanumSquareEB; font-size: 32px; display: block; }
  .detail-content .greetings .greet_thanks .thanks:before { content: ""; display: block; width: 30px; height: 1px; background: #b2b2b2; margin: 0 auto 30px; }
  .detail-content .greetings .greet_thanks .for_watching { font-family: Roboto-Light; font-size: 16px; color: #666; margin-top: 15px; display: block; letter-spacing: 0.75em; }
  .detail-content .content-nav { background: #f7f7f7; }
  .detail-content .content-nav .nav_inside { width: 100%; margin: auto; display: table; padding: 0 12px; box-sizing: border-box; }
  .detail-content .content-nav .nav_inside .btn_direction { display: table-cell; text-align: center; width: 33.33333%; }
  .detail-content .content-nav .nav_inside .btn_direction .content_btn a { line-height: 88px; transition: all ease .5s; font-size: 18px; font-family: Roboto-Light; color: #000; }
  .detail-content .content-nav .nav_inside .prev_content { text-align: left; }
  .detail-content .content-nav .nav_inside .prev_content .content_btn a i { margin-right: 24px; }
  .detail-content .content-nav .nav_inside .prev_content .content_btn a i:before { font-size: 20px; }
  .detail-content .content-nav .nav_inside .next_content { text-align: right; }
  .detail-content .content-nav .nav_inside .next_content .content_btn a i { margin-left: 24px; }
  .detail-content .content-nav .nav_inside .next_content .content_btn a i:before { font-size: 20px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon { width: 16px; height: 11px; display: inline-block; position: relative; margin-left: 24px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon i { width: 16px; height: 1px; display: block; background: #000; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon .middle { margin-top: 4px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon .bottom { margin-top: 4px; }
  .footer .footer_inside { padding: 45px 24px; }
  .footer .footer_inside .footer_content .address, .footer .footer_inside .footer_content .contact { width: 65vw; }
  .footer .footer_inside .footer_content .contact { font-size: 18px; margin-top: 40px; }
  .footer .footer_inside .footer_content .contact span { display: block; }
  .footer .footer_inside .footer_content .contact span strong { font-family: NanumSquareEB; margin-right: 10px; }
  .footer .footer_inside .footer_content .contact .fax { margin-left: 0; }
  .footer .footer_inside .footer_content .sns { margin: 30px 0; }
  .footer .footer_inside .footer_content .sns span { display: inline-block; position: relative; }
  .footer .footer_inside .footer_content .sns span a { display: block; margin: 0 20px; font-size: 0; }
  .footer .footer_inside .footer_content .sns span:first-child:after { content: ""; position: absolute; width: 1px; height: 15px; background: #666; top: 0; right: 0; font-size: 15px; }
  .footer .footer_inside .footer_content .sns span:last-child { margin-left: -4px; }
  .footer .footer_inside .footer_content .copyright { font-size: 12px; } }

@media screen and (min-width: 960px) { .sub-container { padding: 68px 0 0; }
  .sub-container .header-title { border-bottom: 2px solid #000; }
  .list-header { margin-top: 0; padding: 68px 92px 0; }
  .list-header .header-title { font-family: NanumSquareEB; font-size: 56px; text-align: center; height: 100px; border-bottom: 2px solid #000; }
  .list-header .list-menu { overflow: hidden; display: block; }
  .list-header .list-menu ul li { float: left; width: 16.66666666666667%; text-align: center; line-height: 80px; }
  .list-header .list-menu ul li button { font-family: Roboto-Light; font-size: 16px; color: #363636; overflow: hidden; }
  .list-header .list-menu ul li.active button { font-family: NanumSquareEB; color: #000; }
  .list-header .list-menu_selectBox { display: none; }
  .list-container { padding-left: 92px; padding-right: 0; }
  .list-container .list-content:after { content: ""; display: block; width: calc(100% - 112px); height: 1px; background: #ccc; box-sizing: border-box; }
  .list-container .list-content[data-state="visible"] { height: auto; visibility: visible; opacity: 1; overflow: hidden; }
  .list-container .list-content[data-state="hidden"] { height: 0; visibility: hidden; opacity: 0; }
  .list-container .list-content .content_inside { overflow: hidden; padding: 48px 0; position: relative; width: 100%; box-sizing: border-box; }
  .list-container .list-content .content_inside .content_text { width: 25vw; margin-right: 6.333333333333333vw; float: left; text-align: left; margin-top: 0; }
  .list-container .list-content .content_inside .content_text .content_category { font-family: Roboto-Bold; font-size: 16px; color: #ff6000; }
  .list-container .list-content .content_inside .content_text .content_title { font-family: NanumSquareEB; font-size: 2.666666666666667vw; margin: 20px 0; }
  .list-container .list-content .content_inside .content_text .content_description { font-size: 14px; color: #363636; font-family: NanumGothic; line-height: 1.5; max-height: 0; overflow: hidden; transition: all ease .55s; }
  .list-container .list-content .content_inside .content_text .content_description:before { content: ""; display: block; width: 29px; height: 1px; background: #000; margin-bottom: 20px; }
  .list-container .list-content .content_inside .content_text .content_description.open { max-height: 150px; }
  .list-container .list-content .content_inside .content_text .content_btn { display: inline-block; width: 66px; height: 25px; position: absolute; bottom: 48px; overflow: hidden; }
  .list-container .list-content .content_inside .content_text .content_btn a { display: inline-block; width: 66px; height: 25px; position: relative; border: 1px solid #000; box-sizing: border-box; }
  .list-container .list-content .content_inside .content_text .content_btn a .arrow_flat { position: absolute; top: 50%; left: 50%; margin-left: -12px; display: block; width: 24px; height: 1px; background: #000; transition: all ease-in-out .5s; }
  .list-container .list-content .content_inside .content_text .content_btn a .arrow_bar { width: 7px; height: 1px; display: block; position: absolute; left: 50%; margin-left: 8px; transition: all ease-in-out .5s; background: #000; }
  .list-container .list-content .content_inside .content_text .content_btn a .arrow_bar:first-child { transform: rotate(-45deg); top: 50%; margin-top: 2px; }
  .list-container .list-content .content_inside .content_text .content_btn a .arrow_bar:last-child { transform: rotate(45deg); top: 50%; margin-top: -2px; }
  .list-container .list-content .content_inside .content_text .content_btn a:before { content: ""; background: #000; width: 0; height: 25px; transition: all ease-in-out .5s; display: block; }
  .list-container .list-content .content_inside .content_text .content_btn a:hover .arrow_flat { background: #fff; }
  .list-container .list-content .content_inside .content_text .content_btn a:hover .arrow_bar { background: #fff; }
  .list-container .list-content .content_inside .content_text .content_btn a:hover:before { content: ""; width: 66px; height: 25px; }
  .list-container .list-content .content_inside .content_slide { float: right; width: calc(100% - 31.33333333333333vw); overflow: hidden; position: relative; }
  .list-container .list-content .content_inside .content_slide .projects { width: 100%; }
  .list-container .list-content .content_inside .content_slide .projects .slick-list .slick-track { margin-top: -54px; margin-bottom: -54px; overflow: hidden; transition: all ease .55s; }
  .list-container .list-content .content_inside .content_slide .projects .slick-slide { margin-right: 24px; position: relative; overflow: hidden; }
  .list-container .list-content .content_inside .content_slide .projects .slick-slide img { transition: all ease .55s; }
  .list-container .list-content .content_inside .content_slide .projects .slick-slide:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; transition: all ease 1.25s; }
  .list-container .list-content .content_inside .content_slide .projects .slick-arrow { position: absolute; top: 50%; z-index: 99; width: 32px; height: 64px; margin-top: -32px; text-indent: -99999px; opacity: 0; visibility: hidden; transition: all ease 1s; }

  .list-container .list-content .content_inside .content_slide .projects .slick-prev { /*수정*/ }
  .list-container .list-content .content_inside .content_slide .projects .slick-next { /*수정*/ right: 92px; }

  .list-container .list-content .content_inside .content_slide .projects img { width: 100%; }
  .list-container .list-content .content_inside .content_slide .slide-count { display: none; }
  .list-container .list-content .content_inside .content_slide.open .projects .slick-list .slick-track { margin-top: 0; margin-bottom: 0; }
  .list-container .list-content .content_inside .content_slide.open .projects .slick-slide:before { background: transparent; }
  .list-container .list-content .content_inside .content_slide.open .projects .slick-arrow { visibility: visible; opacity: 1; }
  .list-container .list-content .content_inside .content_slide.open .projects .slick-disabled { /*수정*/ opacity: 0; visibility: hidden; }
  .list-container .list-content .content_inside .content_slide:hover .projects .slick-slide:before { background: transparent; }
  .list-container .list-content .content_inside .content_slide:hover .projects .slick-arrow { visibility: visible; opacity: 1; }
  .list-container .list-content .content_inside .content_slide:hover .projects .slick-disabled { /*수정*/ opacity: 0; visibility: hidden; }

  .list-container .view-more { display: block; text-align: center; margin: 40px 0 200px -112px; }
  .list-container .view-more button { font-size: 14px; color: #363636; }
  .intro-content { width: 776px; margin: 0 auto; box-sizing: border-box; padding: 0; }
  .intro-content .intro-kv { margin-top: 55px; }
  .intro-content .intro-kv .kv_inner_text { width: 360px; height: 170px; background: #fff; left: 38px; bottom: 0; font-size: 46px; padding: 30px 0 0 30px; top: inherit; color: #000; text-align: left; }
  .intro-content .intro-kv .kv_inner_text:before { content: ""; display: block; width: 30px; height: 2px; background: #000; margin-bottom: 10px; }
  .intro-content .intro-inside { padding: 0; margin: 80px 0 0;}
  .intro-content .intro-inside .detail-intro .intro_text { overflow: hidden; text-align: left; }
  .intro-content .intro-inside .detail-intro .intro_text .intro_title { font-size: 26px; font-family: NanumSquareEB; }
  .intro-content .intro-inside .detail-intro .intro_text .description { display: block; width: 516px; color: #363636; font-size: 16px; font-family: NanumGothic; line-height: 1.5; float: left; margin: 20px 0 0; }
  .intro-content .intro-inside .detail-intro .intro_text .description:before { display: block; margin-bottom: 20px; }
  .intro-content .intro-inside .detail-intro .intro_text .info { width: 200px; float: right; margin: 95px 0 0; background: transparent; }
  .intro-content .intro-inside .detail-intro .intro_text .info span { display: block; line-height: 1.8; }
  .intro-content .intro-inside .detail-intro .intro_text .info span strong { display: inline-block; width: 75px; font-family: NanumSquareEB; }
  .intro-content .intro-inside .detail-intro .intro_btn { display: inline-block; }
  .intro-content .intro-inside .detail-intro .intro_btn a { width: 176px; height: 48px; display: inline-block; color: #fff; line-height: 48px; background: #000; text-align: center; }
  .intro-content .intro-inside .detail-intro .intro_btn a .btn_txt { font-family: Roboto-Light; font-size: 14px; position: relative; transition: all ease-in-out .5s; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap { display: inline-block; width: 24px; height: 10px; position: relative; margin-left: 20px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar { width: 5px; height: 1px; display: block; position: absolute; right: 0; transition: all ease-in-out .5s; background: #fff; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:first-child { transform: rotate(-45deg); top: 50%; margin-top: 2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:last-child { transform: rotate(45deg); top: 50%; margin-top: -2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_flat { position: absolute; top: 50%; display: block; width: 24px; height: 1px; background: #fff; transition: all ease-in-out .5s; }
  .intro-content .intro-inside .detail-intro .intro_btn a:before { content: ""; background: #ff6000; width: 0; height: 48px; transition: all ease-in-out .5s; display: block; position: absolute; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover:before { content: ""; background: #ff6000; width: 176px; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover .btn_txt { color: #fff; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover .arrow_wrap .arrow_bar, .intro-content .intro-inside .detail-intro .intro_btn a:hover .arrow_wrap .arrow_flat { background: #fff; }
  .intro-content .intro-inside .contact_intro .intro_text { width: 33.33333%; float: left; background-position: left top; }
  .intro-content .intro-inside .contact_intro .intro_text .txt { margin: 15px 0 0 30px; padding: 0 40px 0 0; text-align: left; }
  .intro-content .intro-inside .career_intro { display: table; text-align: left; margin: 60px 0 0; padding: 0; }
  .intro-content .intro-inside .career_intro .intro_title { width: 230px; font-size: 26px; font-family: NanumSquareEB; display: table-cell; }
  .intro-content .intro-inside .career_intro .intro_text { display: table-cell; vertical-align: top; font-family: NanumGothic; line-height: 1.5; font-size: 14px; }
  .intro-video { border-bottom: 0; }
  .intro-type1 .intro-title { margin-top: 15px; font-size: 56px; letter-spacing: 0.3em; border-bottom: 0; }
  .intro-type2 .intro-title { margin-top: 15px; font-size: 40px; font-family: NanumSquareEB; text-align: center; border-bottom: 0; height: auto; letter-spacing: normal; }
  .about-content { text-align: left; }
  .about-content .about-section .section-header { padding: 0; /*수정*/ }
  .about-content .about-section .section-header .section_title { font-size: 16px; margin-bottom: 10px; }
  .about-content .about-section .section-header .section_text { font-size: 32px; line-height: 1.2; }
  .about-content .about-section .section-header .section_part { font-size: 40px; font-family: NanumSquareEB; line-height: 1.2; }
  .detail-content .detail-section .section-header .section_description { font-family: NanumGothic; }
  .about-content .about-section .section-content .section_part .inner_tit { font-size: 20px; font-family: NanumSquareEB; line-height: 1.25; }
  .about-content .about-section .section-content .section_part .inner_txt { font-size: 14px; line-height: 1.7; margin-top: 10px; }
  .about-content .overview-section { width: 776px; margin: 80px auto 0; position: relative; overflow: hidden; padding: 0; box-sizing: border-box; }
  .about-content .overview-section .section-container { width: 100%; z-index: 2; }
  .about-content .overview-section .section-header { width: 160px; position: relative; z-index: 2; padding: 0; }
  .about-content .overview-section .section-header .section_label { width: 9px; height: 281px; text-indent: -99999px; display: block; background: url(../../images/common/sub-about-label.png) no-repeat scroll center; margin-top: 10px; }
  .about-content .overview-section .section-visual { position: absolute; width: 776px; height: 773px; background: url(../../images/common/sub-about-overview_bg_s1.png) no-repeat scroll center; background-size: contain; bottom: 0; }
  .about-content .overview-section .section-visual .dynamic_img { position: relative; display: block; z-index: -1; transition: all ease 1s; }
 
  .about-content .overview-section .section-content { width: 160px; position: absolute; right: 0; bottom: 0; padding: 0; }
  .about-content .vision-section { width: 776px; margin: 80px auto 0; position: relative; padding: 0 0 0 160px; box-sizing: border-box; }
  .about-content .vision-section .section-header { padding: 0 160px 0 0; }
  .about-content .vision-section .section-content { margin-top: 50px; padding: 0 160px 0 55px; }
  .about-content .vision-section .section-content .section_part { margin-bottom: 50px; }
  .about-content .vision-section .section-content .section_part .inner_txt .txt { display: block; }
  .about-content .service-section { padding-bottom: 80px; overflow: hidden; }
  .about-content .service-section .section-container { background: url(../../images/common/sub-about-service_bg_s1.png) no-repeat scroll top center; margin: auto; padding: 0; }
  .about-content .service-section .section-container .section-header .section_title { text-align: center; }
  .about-content .service-section .section-container .section-header .section_text { text-align: center; color: #fff; }
  .about-content .service-section .section-container .section-content { width: 960px; /*수정*/ overflow: hidden; margin: 55px auto 0; padding: 0; }
  .about-content .service-section .section-container .section-content .section_part { width: 225px; /*수정*/ height: auto; min-height: 260px; float: left; box-shadow: 5px 7px 10px 4px rgba(0, 0, 0, 0.1); margin-right: 13px !important; padding: 30px 40px; }
  .about-content .service-section .section-container .section-content .section_part:first-child { margin-left: 5px; }
  .about-content .service-section .section-container .section-content .section_part:last-child { margin-right: 0; }
  .about-content .service-section .section-container .section-content .section_part .inner_txt .txt { display: block; margin-top: 5px; }
  .about-content .service-section .section-visual { margin-top: 50px; }
  .about-content .service-section .section-visual .visual_txt { font-size: 40px; font-family: NanumSquareEB; text-align: center; display: block; line-height: 1.25; }
  .about-content .service-section .section-visual .visual_content { width: 606px; height: 585px; background: url(../../images/common/sub-about-visual_bg.png) no-repeat scroll center; margin: 30px auto 0; position: relative; }
  .about-content .service-section .section-visual .visual_content ul .dynamic_img { width: 166px; height: 166px; text-indent: -99999px; position: absolute; transition: all cubic-bezier(0.77, 0.01, 0.22, 1) 1s; transform: scale(0); }
  .about-content .service-section .section-visual .visual_content ul .pop_img_01 { background: url(../../images/common/sub-about-visual_icon_01.png) no-repeat scroll center; left: 50%; margin-left: -83px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_02 { background: url(../../images/common/sub-about-visual_icon_02.png) no-repeat scroll center; right: 0; top: 160px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_03 { background: url(../../images/common/sub-about-visual_icon_03.png) no-repeat scroll center; bottom: 0; right: 84px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_04 { background: url(../../images/common/sub-about-visual_icon_04.png) no-repeat scroll center; bottom: 0; left: 84px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_05 { background: url(../../images/common/sub-about-visual_icon_05.png) no-repeat scroll center; left: 0; top: 160px; }
  .about-content .service-section .section-visual .visual_content.active ul .dynamic_img { transform: scale(1); }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_01 { transition-delay: 0s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_02 { transition-delay: .5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_03 { transition-delay: 1s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_04 { transition-delay: 1.5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_05 { transition-delay: 2s; }
  .about-content .client-section { width: 960px; /*수정*/ padding: 80px 0; }
  .about-content .client-section .section-content { padding: 0; }
  .about-content .client-section .section-content ul li { width: 192px; /*수정*/ height: 192px; /*수정*/ float: left; text-align: center; position: relative; box-sizing: border-box; border-right: 1px solid #dedede; }
  .about-content .client-section .section-content ul li span { background: url(../../images/common/sub-about-client_img.png) no-repeat scroll center; display: inline-block; text-indent: -99999px; position: absolute; top: 50%; left: 50%; }
  .about-content .client-section .section-content ul li.img_01 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_01 span { width: 104px; height: 16px; background-position: 0 -13px; margin-top: -8px; margin-left: -52px; }
  .about-content .client-section .section-content ul li.img_02 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_02 span { width: 59px; height: 18px; background-position: -158px -12px; margin-top: -9px; margin-left: -26px; }
  .about-content .client-section .section-content ul li.img_03 { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_03 span { width: 76px; height: 37px; background-position: -274px -3px; margin-top: -18.5px; margin-left: -38px; }
  .about-content .client-section .section-content ul li.img_04 { border-bottom: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_04 span { width: 53px; height: 42px; background-position: -411px 0; margin-top: -21px; margin-left: -26.5px; }
  .about-content .client-section .section-content ul li.img_05 { border-bottom: 1px solid #dedede; border-right: 0; }
  .about-content .client-section .section-content ul li.img_05 span { width: 27px; height: 22px; background-position: -529px -10px; margin-top: -11px; margin-left: -13.5px; }
  .about-content .client-section .section-content ul li.img_06 { border-bottom: 0; border-right: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_06 span { width: 48px; height: 34px; background-position: -28px -59px; margin-top: -17px; margin-left: -24px; }
  .about-content .client-section .section-content ul li.img_07 span { width: 108px; height: 34px; background-position: -133px -59px; margin-top: -17px; margin-left: -54px; }
  .about-content .client-section .section-content ul li.img_08 span { width: 87px; height: 31px; background-position: -269px -61px; margin-top: -16.5px; margin-left: -43.5px; }
  .about-content .client-section .section-content ul li.img_09 { border-right: 1px solid #dedede; }
  .about-content .client-section .section-content ul li.img_09 span { width: 106px; height: 36px; background-position: -385px -59px; margin-top: -18px; margin-left: -53px; }
  .about-content .client-section .section-content ul li.img_10 { border-right: 0; display: block; }
  .about-content .client-section .section-content ul li.img_10 span { width: 66px; height: 23px; background-position: -510px -68px; margin-top: -11.5px; margin-left: -33px; }
  .contact-content { width: 776px; margin: 80px auto 0; }
  .contact-content .contact-location { overflow: hidden; }
  .contact-content .contact-location .tab-content { display: block; float: left; margin-right: 16px; border-top: 0; padding: 0 0 15px; position: relative; }
  .contact-content .contact-location .tab-content .tab_btn { width: 248px; height: 259px; display: block; font-family: Roboto-Light; background: #eee; color: #000; text-align: left; padding: 30px; position: relative; line-height: 1.5; }
  .contact-content .contact-location .tab-content .tab_btn button { display: block; }
  .contact-content .contact-location .tab-content .tab_btn .location_address { position: absolute; top: 30px; }
  .contact-content .contact-location .tab-content .tab_btn .location_address .name { font-size: 22px; }
  .contact-content .contact-location .tab-content .tab_btn .location_address .address { margin: 10px 0; font-size: 14px; padding: 0 30px 0 0; }
  .contact-content .contact-location .tab-content .tab_btn .location_address .map { display: none; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact { position: absolute; bottom: 40px; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .mail { margin: 0 0 5px; font-family: NanumSquareEB; font-size: 14px; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .mail a { color: #000; text-decoration: underline; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .tel { font-size: 14px; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .tel i { display: block; }
  .contact-content .contact-location .tab-content.on { background: url(../../images/common/sub-contact_map_on_icon.png) no-repeat scroll bottom center; }
  .contact-content .contact-location .tab-content.on .tab_btn { background: #ff6000; color: #fff; }
  .contact-content .contact-location .tab-content.on .tab_btn .mail a { color: #fff; }
  .contact-content .contact-location .tab-content:last-child { margin-right: 0; }
  .contact-content .contact-map { display: block; margin: 25px 0 125px; position: relative; width: 776px; height: 374px; z-index: 0; }
  .contact-content .contact-map .map { width: 100%; height: 100%; transition: all ease .35s; position: absolute !important; bottom: 0; opacity: 0; z-index: 10; }
  .contact-content .contact-map .map.on { opacity: 1; z-index: 100; }
  .career-content .career-section { padding: 60px 0; text-align: left; }
  .career-content .career-section .section-header { width: 776px; margin: auto; }
  .career-content .career-section .section-header .section_title { font-family: NanumSquareEB; font-size: 26px; padding: 0; border: 0; }
  .career-content .career-section .section-header .section_txt { font-family: NanumGothic; font-size: 14px; margin: 0; }
  .career-content .career-section .section-container { width: 776px; margin: auto; }
  .career-content .section-visual { text-align: center; }
  .career-content .section-visual .section-header .section_title { margin-bottom: 20px; }
  .career-content .section-visual .section-content { overflow: hidden; margin: 30px auto 0; width: 776px; }
  .career-content .section-visual .section-content ul li { float: left; width: 33.33333%; }
  .career-content .section-visual .section-content ul li span { display: inline-block; text-indent: -99999px; width: 100%; height: 194px; background: url(../../images/common/sub-career-cv_s2.jpg) no-repeat; background-size: cover; }
  .career-content .work { background: #f7f7f7; }
  .career-content .work .section-content { background: url(../../images/common/sub-career-ci_01.png) no-repeat right bottom; background-size: 30%; padding: 0; }
  .career-content .welfare { margin-bottom: 35px; }
  .career-content .welfare .section-content { background: url(../../images/common/sub-career-ci_02.png) no-repeat right bottom; background-size: 30%; }
  .career-content .welfare .section-content .section_part:nth-child(2) { padding: 0; }
  .career-content .common-section { margin: 0; }
  .career-content .common-section .section-container { display: table; padding: 0; }
  .career-content .common-section .section-container .section-header { display: table-cell; width: 240px; }
  .career-content .common-section .section-container .section-content { display: table-cell; }
  .career-content .common-section .section-container .section-content .section_part { margin: 0 0 35px; padding: 0; }
  .career-content .common-section .section-container .section-content .section_part .inner_greet { font-size: 30px; margin: 0; }
  .career-content .common-section .section-container .section-content .section_part .inner_greet:after { content: ""; display: block; width: 30px; height: 1px; background: #000; margin-top: 25px; }
  .career-content .common-section .section-container .section-content .section_part .inner_tit { font-size: 20px; margin: 0 0 10px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt { line-height: 1.5; font-size: 14px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt .txt { display: block; margin-bottom: 5px; }
  .career-content .common-section .section-container .section-content .section_part:last-child { margin-bottom: 0; }
  .detail-content .detail-section { text-align: left; }
  .detail-content .detail-section .section-header { padding: 0; width: 776px; margin: auto; overflow: hidden; }
  .detail-content .detail-section .section-header .section_title { float: left; }
  .detail-content .detail-section .section-header .section_description { width: 536px; float: right; margin: 10px 0 0; font-size: 14px; }
  .detail-content .detail-section .section-content { padding: 0; position: relative; margin: 45px 0 0; }
  .detail-content .detail-section .section-content .content_label { display: block; }
  .detail-content .detail-section .section-content .content_inside { width: 776px; margin: 60px auto 0; position: relative; }
  .detail-content .detail-section .content_label .label { position: absolute; top: 0; left: 40px; text-indent: -99999px; width: 8px; height: 155px; }
  .detail-content .detail-section .content_label .label { position: absolute; top: 0; left: 40px; text-indent: -99999px; width: 8px; height: 155px; }
  .detail-content .detail-section .content_label .label[data-label-web="darken"] { background: url(../../images/common/label_b_01.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-web="lighten"] { background: url(../../images/common/label_w_01.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-main="darken"] { background: url(../../images/common/label_b_02.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-main="lighten"] { background: url(../../images/common/label_w_02.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-mobile="darken"] { background: url(../../images/common/label_b_03.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-mobile="lighten"] { background: url(../../images/common/label_w_03.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-reel="darken"] { background: url(../../images/common/label_b_04.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-reel="lighten"] { background: url(../../images/common/label_w_04.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-stillCut="darken"] { background: url(../../images/common/label_b_05.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-stillCut="lighten"] { background: url(../../images/common/label_w_05.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-subDetail="darken"] { background: url(../../images/common/label_b_06.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-subDetail="lighten"] { background: url(../../images/common/label_w_06.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-social="darken"] { background: url(../../images/common/label_b_07.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-social="lighten"] { background: url(../../images/common/label_w_07.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-event="darken"] { background: url(../../images/common/label_b_08.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-evetn="lighten"] { background: url(../../images/common/label_w_08.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-editorial="darken"] { background: url(../../images/common/label_b_09.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-editorial="lighten"] { background: url(../../images/common/label_w_09.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-icon="darken"] { background: url(../../images/common/label_b_10.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-icon="lighten"] { background: url(../../images/common/label_w_10.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-marketing="darken"] { background: url(../../images/common/label_b_11.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-marketing="lighten"] { background: url(../../images/common/label_w_11.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-motion="darken"] { background: url(../../images/common/label_b_12.png) no-repeat; }
  .detail-content .detail-section .content_label .label[data-label-motion="lighten"] { background: url(../../images/common/label_w_12.png) no-repeat; }
  .detail-content .detail-section[data-bg="line"] .line { width: 776px; margin: 0 auto 80px; }
  .detail-content .web-style .section-header:before { display: none; }
  .footer .footer_inside { width: 824px; padding: 45px 0; }
  .footer .footer_inside .footer_content { display: table; }
  .footer .footer_inside .footer_content .hr { display: table-cell; }
  .footer .footer_inside .footer_content .hr10 { width: 10%; }
  .footer .footer_inside .footer_content .hr45 { width: 45%; vertical-align: bottom; }
  .footer .footer_inside .footer_content .hr35 { width: 35%; text-align: right; }
  .footer .footer_inside .footer_content .footer_nav { overflow: hidden; }
  .footer .footer_inside .footer_content .footer_nav ul li { margin-right: 30px; width: inherit; }
  .footer .footer_inside .footer_content .footer_nav ul li a { font-size: 14px; }
  .footer .footer_inside .footer_content .footer_btn button { color: #d1d1d1; font-family: NanumSquareEB; }
  .footer .footer_inside .footer_content .footer_btn button i:before { font-size: 14px; margin-left: 5px; }
  .footer .footer_inside .footer_content .address, .footer .footer_inside .footer_content .contact { font-size: 12px; text-align: left; line-height: inherit; }
  .footer .footer_inside .footer_content .contact { margin-top: inherit; }
  .footer .footer_inside .footer_content .contact span { display: inline-block; }
  .footer .footer_inside .footer_content .contact span strong { margin-right: 10px; }
  .footer .footer_inside .footer_content .contact .fax { margin-left: 20px; }
  .footer .footer_inside .footer_content .sns span { display: inline-block; position: relative; }
  .footer .footer_inside .footer_content .sns span a { display: block; margin: 0 20px; font-size: 0; }
  .footer .footer_inside .footer_content .sns span:last-child { margin-left: -4px; }
  .footer .footer_inside .footer_content .sns span:last-child a { margin-right: 0; }
  .footer .footer_inside .footer_content .copyright { font-size: 10px; padding-top: 0; }
  .footer .footer_inside .footer_content:first-child { margin-bottom: 35px; }
  .footer .footer_inside .footer_content:first-child:before { content: ""; padding-top: 10px; background: url(../../images/common/footer_logo.png) no-repeat scroll left top; background-size: contain; }
  .footer .footer_inside .footer_content:first-child .contact { display: none; }
  .footer .footer_inside .footer_content:last-child { margin-top: 15px; }
  .footer .footer_inside .footer_content:last-child .contact { display: table-cell; }
  .footer .footer_inside .footer_content:last-child:before { background: none !important; width: 10% !important; height: auto !important; position: inherit; } }

@media screen and (min-width: 1200px) { .sub-container { width: 100%; padding-top: 88px; }
  .sub-container .header-title { height: 100px; border-bottom: 2px solid #000; }
  .list-header { padding: 88px 112px 0; }
  .list-container { padding-left: 112px; }
  .list-container .list-content .content_inside .content_text { width: 25vw; margin-right: 6.333333333333333vw; float: left; }
  .list-container .list-content .content_inside .content_text .content_category { font-size: 16px; color: #ff6000; font-family: Roboto-Bold; }
  .list-container .list-content .content_inside .content_text .content_title { font-size: 2.666666666666667vw; }
  .list-container .list-content .content_inside .content_text .content_description { font-size: 16px; }
  .list-container .list-content .content_inside .content_text .content_description:before { content: ""; display: block; width: 29px; height: 1px; background: #000; margin-bottom: 30px; }
  .list-container .list-content .content_inside .content_text .content_description.open { max-height: 150px; }
  .list-container .list-content .content_inside .content_slide { width: calc(100% - 31.33333333333333vw); }
  .list-container .list-content .content_inside .content_slide .projects .slick-list .slick-track { margin-top: -72px; margin-bottom: -72px; }
  .list-container .list-content .content_inside .content_slide .projects .slick-next { right: 112px; }
  .intro-content { width: 976px; }
  .intro-content .intro-kv img { display: block; }
  .intro-content .intro-kv .kv_inner_text { width: 450px; height: 213px; font-size: 56px; padding: 39px 0 0 39px; }
  .intro-content .intro-inside .detail-intro .intro_title { font-size: 32px; font-family: NanumSquareEB; }
  .intro-content .intro-inside .detail-intro .intro_text { margin-top: 20px; overflow: hidden; }
  .intro-content .intro-inside .detail-intro .intro_text .description { display: block; width: 670px; color: #363636; font-size: 16px; font-family: NanumGothic; line-height: 1.5; float: left; }
  .intro-content .intro-inside .detail-intro .intro_text .info { width: 210px; float: right; }
  .intro-content .intro-inside .detail-intro .intro_text .info span { display: block; line-height: 1.8; }
  .intro-content .intro-inside .detail-intro .intro_text .info span strong { display: inline-block; width: 75px; }
  .intro-content .intro-inside .detail-intro .intro_btn { display: inline-block; }
  .intro-content .intro-inside .detail-intro .intro_btn a { width: 176px; height: 48px; display: inline-block; color: #fff; line-height: 48px; background: #000; text-align: center; }
  .intro-content .intro-inside .detail-intro .intro_btn a .btn_txt { font-family: Roboto-Light; font-size: 14px; position: relative; transition: all ease-in-out .5s; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap { display: inline-block; width: 24px; height: 10px; position: relative; margin-left: 20px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar { width: 5px; height: 1px; display: block; position: absolute; right: 0; transition: all ease-in-out .5s; background: #fff; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:first-child { transform: rotate(-45deg); top: 50%; margin-top: 2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_bar:last-child { transform: rotate(45deg); top: 50%; margin-top: -2px; }
  .intro-content .intro-inside .detail-intro .intro_btn a .arrow_wrap .arrow_flat { position: absolute; top: 50%; display: block; width: 24px; height: 1px; background: #fff; transition: all ease-in-out .5s; }
  .intro-content .intro-inside .detail-intro .intro_btn a:before { content: ""; background: #ff6000; width: 0; height: 48px; transition: all ease-in-out .5s; display: block; position: absolute; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover:before { content: ""; background: #ff6000; width: 176px; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover .btn_txt { color: #fff; }
  .intro-content .intro-inside .detail-intro .intro_btn a:hover .arrow_wrap .arrow_bar, .intro-content .intro-inside .detail-intro .intro_btn a:hover .arrow_wrap .arrow_flat { background: #fff; }
  .intro-content .intro-inside .contact_intro { overflow: hidden; }
  .intro-content .intro-inside .contact_intro .intro_text { width: 33.33333%; float: left; background: url(../../images/common/intro_bg.png) no-repeat scroll left top; }
  .intro-content .intro-inside .contact_intro .intro_text .txt { display: block; margin: 15px 0 0 30px; font-size: 22px; line-height: 1.5; padding-right: 40px; }
  .intro-content .intro-inside .contact_intro .intro_text .txt strong { font-family: NanumSquareEB; }
  .intro-content .intro-inside .career_intro { margin: 80px 0 0; }
  .intro-content .intro-inside .career_intro .intro_title { width: 30.73770491803279%; font-size: 32px; }
  .intro-type1 .intro-title { border-bottom: 0; height: auto; }
  .intro-type2 .intro-title { margin-top: 15px; font-size: 34px; font-family: NanumSquareEB; text-align: center; letter-spacing: normal; border-bottom: 0; height: auto; }
  .detail-content .detail-section { padding: 80px 0 0; }
  .detail-content .detail-section .section-header { width: 976px; margin: auto; overflow: hidden; }
  .detail-content .detail-section .section-header .section_title { font-family: Roboto-Light; font-size: 32px; float: left; }
  .detail-content .detail-section .section-header .section_description { width: 600px; float: right; font-size: 16px; font-family: NanumGothic; margin-top: 16px; line-height: 1.5; }
  .detail-content .detail-section .section-content { width: 1200px; margin: 60px auto 0; position: relative; }
  .detail-content .detail-section .section-content .content_label { width: 100%; height: 100%; position: absolute; }
  .detail-content .detail-section .section-content .content_label .label { position: absolute; top: 0; left: 40px; text-indent: -99999px; }
  .detail-content .detail-section .section-content .content_inside { width: 976px; margin: auto; }
  .detail-content .detail-section .section-content .content_inside img { display: block; }
  .detail-content .detail-section.icon-style { padding: 80px 0; }
  .detail-content .detail-section[data-bg="line"] .line { width: 976px; margin: 0 auto 80px; }
  .detail-content .greetings { width: 976px; margin: 80px auto; text-align: center; }
  .detail-content .greetings .thanks { font-family: NanumSquareEB; font-size: 32px; display: block; }
  .detail-content .greetings .thanks:before { content: ""; display: block; width: 30px; height: 1px; background: #b2b2b2; margin: 0 auto 30px; }
  .detail-content .greetings .for_watching { font-family: Roboto-Light; font-size: 16px; color: #666; margin-top: 15px; display: block; letter-spacing: 0.75em; }
  .detail-content .content-nav { background: #f7f7f7; }
  .detail-content .content-nav .nav_inside { width: 976px; margin: auto; display: table; }
  .detail-content .content-nav .nav_inside .btn_direction { display: table-cell; text-align: center; width: 33.33333%; }
  .detail-content .content-nav .nav_inside .btn_direction .content_btn a { line-height: 88px; transition: all ease .5s; font-size: 18px; font-family: Roboto-Light; color: #000; }
  .detail-content .content-nav .nav_inside .prev_content { text-align: left; }
  .detail-content .content-nav .nav_inside .prev_content .content_btn a i { margin-right: 24px; }
  .detail-content .content-nav .nav_inside .prev_content .content_btn a i:before { font-size: 20px; }
  .detail-content .content-nav .nav_inside .next_content { text-align: right; }
  .detail-content .content-nav .nav_inside .next_content .content_btn a i { margin-left: 24px; }
  .detail-content .content-nav .nav_inside .next_content .content_btn a i:before { font-size: 20px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon { width: 16px; height: 11px; display: inline-block; position: relative; margin-left: 24px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon i { width: 16px; height: 1px; display: block; background: #000; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon .middle { margin-top: 4px; }
  .detail-content .content-nav .nav_inside .list_content .content_btn a .icon .bottom { margin-top: 4px; }
  .contact-content { width: 976px; margin: 80px auto 0; padding: 0; overflow: hidden; }
  .contact-content .contact-location { overflow: hidden; }
  .contact-content .contact-location .tab-content { display: block; float: left; margin-right: 23px; padding-bottom: 15px; }
  .contact-content .contact-location .tab-content .tab_btn { width: 310px; height: 325px; display: block; padding: 40px; }
  .contact-content .contact-location .tab-content .tab_btn .location_address { position: absolute; top: 40px; }
  .contact-content .contact-location .tab-content .tab_btn .location_address .name { font-size: 24px; }
  .contact-content .contact-location .tab-content .tab_btn .location_address .address { margin-top: 20px; font-size: 16px; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .mail { margin-bottom: 20px; font-size: 16px; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .mail a { color: #000; text-decoration: underline; }
  .contact-content .contact-location .tab-content .tab_btn .location_contact .tel { font-size: 16px; }
  .contact-content .contact-location .tab-content.on { background: url(../../images/common/sub-contact_map_on_icon.png) no-repeat scroll bottom center; }
  .contact-content .contact-location .tab-content.on .tab_btn .mail a { color: #fff; }
  .contact-content .contact-location .tab-content:last-child { margin-right: 0; }
  .contact-content .contact-map { margin: 25px 0 125px; position: relative; width: 976px; height: 470px; }
  .contact-content .contact-map .map { width: 100%; height: 100%; transition: all ease .35s; position: absolute !important; bottom: 0; opacity: 0; z-index: 10; }
  .contact-content .contact-map .map.on { opacity: 1; z-index: 100; }
  .career-content .career-section { padding: 80px 0; }
  .career-content .career-section .section-header { width: 976px; }
  .career-content .career-section .section-header .section_title { font-family: NanumSquareEB; font-size: 32px; padding: 0; border: 0; }
  .career-content .career-section .section-container { width: 976px; }
  .career-content .section-visual .section-header { text-align: center; }
  .career-content .section-visual .section-header .section_title { margin-bottom: 20px; }
  .career-content .section-visual .section-content { margin: 50px auto 0; width: 976px; }
  .career-content .section-visual .section-content ul li { float: left; width: 33.33333%; }
  .career-content .section-visual .section-content ul li span { display: inline-block; text-indent: -99999px; width: 100%; height: 243px; background: url(../../images/common/sub-career-cv.jpg) no-repeat; background-size: cover; }
  .career-content .section-visual .section-content ul li:first-child span { background-position: 0 0; }
  .career-content .section-visual .section-content ul li:nth-child(2) span { background-position: 50% 0; }
  .career-content .section-visual .section-content ul li:last-child span { background-position: 100% 0; }
  .career-content .work .section-content { background-size: auto; padding: 0; }
  .career-content .welfare .section-content { background-size: auto; }
  .career-content .welfare .section-content .section_part:nth-child(2) { padding: 0; }
  .career-content .common-section .section-container .section-header { width: 300px; vertical-align: top; }
  .career-content .common-section .section-container .section-content .section_part { margin-bottom: 55px; }
  .career-content .common-section .section-container .section-content .section_part .inner_greet { font-size: 30px; margin: 0; }
  .career-content .common-section .section-container .section-content .section_part .inner_greet:after { content: ""; display: block; width: 30px; height: 1px; background: #000; margin-top: 25px; }
  .career-content .common-section .section-container .section-content .section_part .inner_tit { font-size: 24px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt { font-size: 16px; }
  .career-content .common-section .section-container .section-content .section_part .inner_txt .txt { display: block; margin-bottom: 5px; }
  .career-content .common-section .section-container .section-content .section_part:last-child { margin-bottom: 0; }
  .about-content .about-section .section-header .section_title { font-size: 20px; }
  .about-content .about-section .section-header .section_text { font-size: 40px; }
  .about-content .about-section .section-header .section_part { font-size: 40px; font-family: NanumSquareEB; line-height: 1.2; }
  .about-content .about-section .section-content .section_part { margin-bottom: 30px; }
  .about-content .about-section .section-content .section_part .inner_tit { font-size: 24px; font-family: NanumSquareEB; line-height: 1.25; }
  .about-content .about-section .section-content .section_part .inner_txt { font-size: 16px; line-height: 1.5; margin-top: 10px; }
  .about-content .overview-section { width: 976px; }
  .about-content .overview-section .section-header { width: 176px; }
  .about-content .overview-section .section-visual { width: 976px; }
  .about-content .overview-section .section-content { width: 200px; }
  .about-content .vision-section { width: 976px; margin: 80px auto 0; position: relative; padding: 0 0 0 200px; box-sizing: border-box; }
  .about-content .vision-section .section-header { padding-right: 300px; }
  .about-content .vision-section .section-content { margin-top: 50px; padding-left: 76px; padding-right: 200px; }
  .about-content .vision-section .section-content .section_part { margin-bottom: 50px; }
  .about-content .vision-section .section-content .section_part .inner_txt .txt { display: block; }
  .about-content .service-section { padding-bottom: 80px; overflow: hidden; }
  .about-content .service-section .section-container { width: 1200px; padding: 0; background: url(../../images/common/sub-about-service_bg_s1.png) no-repeat scroll top center; }
  .about-content .service-section .section-container .section-header { padding: 80px 0 0; }
  .about-content .service-section .section-container .section-header .section_title { text-align: center; }
  .about-content .service-section .section-container .section-header .section_text { text-align: center; color: #fff; }
  .about-content .service-section .section-container .section-content { width: 976px; overflow: hidden; margin: 55px auto 0; padding: 0; }
  .about-content .service-section .section-container .section-content .section_part { width: 229px; height: auto; min-height: 260px; float: left; background: #fff; box-shadow: 5px 7px 10px 4px rgba(0, 0, 0, 0.1); margin-right: 13px !important; padding: 30px 40px; box-sizing: border-box; }
  .about-content .service-section .section-container .section-content .section_part:first-child { margin-left: 5px; }
  .about-content .service-section .section-container .section-content .section_part:last-child { margin-right: 0; }
  .about-content .service-section .section-container .section-content .section_part .inner_txt .txt { display: block; margin-top: 5px; }
  .about-content .service-section .section-visual { margin-top: 50px; }
  .about-content .service-section .section-visual .visual_txt { font-size: 40px; font-family: NanumSquareEB; text-align: center; display: block; line-height: 1.25; }
  .about-content .service-section .section-visual .visual_content { width: 606px; height: 585px; background: url(../../images/common/sub-about-visual_bg.png) no-repeat scroll center; margin: 30px auto 0; position: relative; }
  .about-content .service-section .section-visual .visual_content ul .dynamic_img { width: 166px; height: 166px; text-indent: -99999px; position: absolute; transition: all cubic-bezier(0.77, 0.01, 0.22, 1) 1s; transform: scale(0); }
  .about-content .service-section .section-visual .visual_content ul .pop_img_01 { background: url(../../images/common/sub-about-visual_icon_01.png) no-repeat scroll center; left: 50%; margin-left: -83px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_02 { background: url(../../images/common/sub-about-visual_icon_02.png) no-repeat scroll center; right: 0; top: 160px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_03 { background: url(../../images/common/sub-about-visual_icon_03.png) no-repeat scroll center; bottom: 0; right: 84px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_04 { background: url(../../images/common/sub-about-visual_icon_04.png) no-repeat scroll center; bottom: 0; left: 84px; }
  .about-content .service-section .section-visual .visual_content ul .pop_img_05 { background: url(../../images/common/sub-about-visual_icon_05.png) no-repeat scroll center; left: 0; top: 160px; }
  .about-content .service-section .section-visual .visual_content.active ul .dynamic_img { transform: scale(1); }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_01 { transition-delay: 0s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_02 { transition-delay: .5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_03 { transition-delay: 1s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_04 { transition-delay: 1.5s; }
  .about-content .service-section .section-visual .visual_content.active ul .pop_img_05 { transition-delay: 2s; }
  .about-content .client-section { width: 976px; margin: auto; padding: 80px 0; }
  .about-content .client-section .section-header { text-align: center; }
  .about-content .client-section .section-content ul li { width: 195px; height: 195px; float: left; text-align: center; position: relative; box-sizing: border-box; border-right: 1px solid #dedede; }
  .footer .footer_inside { width: 1024px; margin: auto; padding: 45px 0; }
  .footer .footer_inside .footer_content { display: table; }
  .footer .footer_inside .footer_content .hr { display: table-cell; }
  .footer .footer_inside .footer_content .hr10 { width: 10%; }
  .footer .footer_inside .footer_content .hr45 { width: 45%; vertical-align: bottom; }
  .footer .footer_inside .footer_content .hr35 { width: 35%; text-align: right; }
  .footer .footer_inside .footer_content .footer_nav { overflow: hidden; }
  .footer .footer_inside .footer_content .footer_nav ul li { float: left; margin-right: 30px; width: inherit; }
  .footer .footer_inside .footer_content .footer_nav ul li a { color: #d1d1d1; font-family: Roboto-Bold; font-size: 16px; }
  .footer .footer_inside .footer_content .footer_btn button { color: #d1d1d1; font-family: NanumSquareEB; }
  .footer .footer_inside .footer_content .footer_btn button i:before { font-size: 18px; margin-left: 5px; }
  .footer .footer_inside .footer_content .address, .footer .footer_inside .footer_content .contact { font-size: 14px; text-align: left; line-height: inherit; }
  .footer .footer_inside .footer_content .contact { margin-top: inherit; }
  .footer .footer_inside .footer_content .contact span { display: inline-block; }
  .footer .footer_inside .footer_content .contact span strong { margin-right: 10px; }
  .footer .footer_inside .footer_content .contact .fax { margin-left: 20px; }
  .footer .footer_inside .footer_content .sns span { display: inline-block; position: relative; }
  .footer .footer_inside .footer_content .sns span a { display: block; margin: 0 20px; font-size: 0; }
  .footer .footer_inside .footer_content .sns span:last-child { margin-left: -4px; }
  .footer .footer_inside .footer_content .sns span:last-child a { margin-right: 0; }
  .footer .footer_inside .footer_content .copyright { font-size: 12px; padding-top: 0; }
  .footer .footer_inside .footer_content:before { content: ""; display: table-cell; position: relative; width: 10%; }
  .footer .footer_inside .footer_content:first-child:before { content: ""; padding-top: 10px; background: url(../../images/common/footer_logo.png) no-repeat scroll left top; background-size: contain; }
  .footer .footer_inside .footer_content:last-child { margin-top: 15px; }
  .footer .footer_inside .footer_content:last-child .contact { display: table-cell; }
  .footer .footer_inside .footer_content:last-child:before { background: none !important; width: 10% !important; height: auto !important; position: inherit; } }