@CHARSET "utf-8"; body, input, textarea {font-family:'SpoqaHanSans-Regular', Dotum, 돋움, Gulim, 굴림, Arial, Helvetica, sans-serif;} body {letter-spacing:-1px;} @media screen and (min-width:1200px){ /* 메인배너 - 모비럼 */ .main_banner .banner_slide.mobirum .banner_cont .cont_area {overflow:hidden; height:900px} .main_banner .banner_slide.mobirum .banner_cont .cont_area::after {display:block; content:""; clear:both} .main_banner .banner_slide.mobirum .banner_cont .cont_area .area_l {float:left; width:640px; margin-left:37px; padding-top:73px; margin-top:249px; background:url(../../image/main/ko/txt_banner_mobirum01_p.png) no-repeat 0 0;} .main_banner .banner_slide.mobirum .banner_cont .tit {margin-top:36px; padding:0; font-size:56px; line-height:64px; color:#fff; text-align:left; background:none} .main_banner .banner_slide.mobirum .banner_cont .txt {margin-top:7px; padding:0; font-size:18px; line-height:24px; color:#1a5593; text-align:left} .main_banner .banner_slide.mobirum .banner_cont .cont_area .area_r {position:static; float:left; width:417px; height:100%; margin-left:51px;} .main_banner .banner_slide.mobirum .banner_cont .obj {position:static; margin-top:102px;} .main_banner .banner_slide.mobirum .banner_cont .obj img {display:block; width:100%; line-height:0;} .main_banner .banner_slide.mobirum .btn_shortcuts {position:static; margin:54px 0 0 2px} .main_banner .banner_slide.mobirum .btn_shortcuts a {display:block; width:198px; height:48px; line-height:50px; border:1px solid #fff; font-size:18px; color:#fff; text-indent:39px; background:url(../../image/common/arrow_right_03.png) no-repeat 139px center;} .main_banner .banner_slide.mobirum .btn_shortcuts a:hover {border:1px solid #f15a22; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 139px center;} /* 모비럼 - visual영역 */ .sub_mobirum .mobirum_visual {background:url(../../image/mobirum/bg_sub_visual_mobirum_p.jpg) no-repeat center 0;}/*overflow-y:hidden; max-height:900px;*/ .sub_mobirum .mobirum_visual .visual_cont {width:100%; max-width:1200px; margin:0 auto} .sub_mobirum .mobirum_visual .visual_cont .cont_area {overflow:hidden; height:900px;} .sub_mobirum .mobirum_visual .visual_cont .cont_area::after {display:block; content:""; clear:both} .sub_mobirum .mobirum_visual .visual_cont .cont_area .area_l {float:left; width:640px; margin-left:37px; padding-top:73px; margin-top:249px; background:url(../../image/mobirum/ko/txt_sub_visual_mobirum_p.png) no-repeat 0 0;} .sub_mobirum .mobirum_visual .visual_cont .tit {margin-top:36px; padding:0; font-size:56px; line-height:64px; color:#fff; text-align:left; background:none} .sub_mobirum .mobirum_visual .visual_cont .txt {margin-top:7px; padding:0; font-size:18px; line-height:24px; color:#1a5593; text-align:left} .sub_mobirum .mobirum_visual .visual_cont .cont_area .area_r {float:left; width:417px; height:100%; margin-left:51px;} .sub_mobirum .mobirum_visual .visual_cont .obj {position:static; margin-top:102px;} .sub_mobirum .mobirum_visual .visual_cont .obj img {display:block; width:100%; line-height:0;} .sub_mobirum .mobirum_visual .btn_shortcuts {margin:54px 0 0 2px} .sub_mobirum .mobirum_visual .btn_shortcuts a {display:block; width:198px; height:48px; line-height:50px; border:1px solid #fff; font-size:18px; color:#fff; text-indent:39px; background:url(../../image/common/arrow_right_03.png) no-repeat 139px center;} .sub_mobirum .mobirum_visual .btn_shortcuts a:hover {border:1px solid #f15a22; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 139px center;} } @media screen and (min-width:1000px) and (max-width:1199px) { /* 메인배너 - 모비럼 */ .main_banner .banner_slide.mobirum .banner_cont .cont_area {overflow:hidden; width:1000px; height:900px; margin:0 auto} .main_banner .banner_slide.mobirum .banner_cont .cont_area::after {display:block; content:""; clear:both} .main_banner .banner_slide.mobirum .banner_cont .cont_area .area_l {float:left; width:560px; margin-left:50px; padding-top:73px; margin-top:249px; background:url(../../image/main/ko/txt_banner_mobirum01_p.png) no-repeat 0 0; background-size:315px 64px;} .main_banner .banner_slide.mobirum .banner_cont .tit {margin-top:31px; padding:0; font-size:49px; line-height:56px; color:#fff; text-align:left; background:none} .main_banner .banner_slide.mobirum .banner_cont .txt {margin-top:7px; padding:0; font-size:16px; line-height:21px; color:#1a5593; text-align:left} .main_banner .banner_slide.mobirum .banner_cont .cont_area .area_r {position:static; float:right; width:365px; height:100%;} .main_banner .banner_slide.mobirum .banner_cont .obj {position:static; margin-top:108px;} .main_banner .banner_slide.mobirum .banner_cont .obj img {display:block; width:100%; line-height:0;} .main_banner .banner_slide.mobirum .btn_shortcuts {position:static; margin:54px 0 0 2px} .main_banner .banner_slide.mobirum .btn_shortcuts a {display:block; width:198px; height:48px; line-height:50px; border:1px solid #fff; font-size:18px; color:#fff; text-indent:39px; background:url(../../image/common/arrow_right_03.png) no-repeat 139px center;} .main_banner .banner_slide.mobirum .btn_shortcuts a:hover {border:1px solid #f15a22; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 139px center;} /* 모비럼 - visual영역 */ .sub_mobirum .mobirum_visual {background:url(../../image/mobirum/bg_sub_visual_mobirum_p.jpg) no-repeat center 0;}/*overflow-y:hidden; max-height:900px;*/ .sub_mobirum .mobirum_visual .visual_cont {width:100%; max-width:1200px; margin:0 auto} .sub_mobirum .mobirum_visual .visual_cont .cont_area {overflow:hidden; width:1000px; height:900px; margin:0 auto} .sub_mobirum .mobirum_visual .visual_cont .cont_area::after {display:block; content:""; clear:both} .sub_mobirum .mobirum_visual .visual_cont .cont_area .area_l {float:left; width:560px; margin-left:50px; padding-top:73px; margin-top:249px; background:url(../../image/mobirum/ko/txt_sub_visual_mobirum_p.png) no-repeat 0 0; background-size:315px 64px;} .sub_mobirum .mobirum_visual .visual_cont .tit {margin-top:31px; padding:0; font-size:49px; line-height:56px; color:#fff; text-align:left; background:none} .sub_mobirum .mobirum_visual .visual_cont .txt {margin-top:7px; padding:0; font-size:16px; line-height:21px; color:#1a5593; text-align:left} .sub_mobirum .mobirum_visual .visual_cont .cont_area .area_r {float:right; width:365px; height:100%;} .sub_mobirum .mobirum_visual .visual_cont .obj {margin-top:108px;} .sub_mobirum .mobirum_visual .visual_cont .obj img {display:block; width:100%; line-height:0;} .sub_mobirum .mobirum_visual .btn_shortcuts {margin:54px 0 0 2px} .sub_mobirum .mobirum_visual .btn_shortcuts a {display:block; width:198px; height:48px; line-height:50px; border:1px solid #fff; font-size:18px; color:#fff; text-indent:39px; background:url(../../image/common/arrow_right_03.png) no-repeat 139px center;} .sub_mobirum .mobirum_visual .btn_shortcuts a:hover {border:1px solid #f15a22; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 139px center;} } @media screen and (min-width:1050px) { /* 회사소개 - 채용공고 - 게시판 다운로드 영역 */ .recruit_notice_list ul li .list_cont .dn_area {overflow:hidden; padding:30px 0 13px 0; border-top:1px solid #e6e6e6;} .recruit_notice_list ul li .list_cont .dn_area::after {display:block; content:""; clear:both} .recruit_notice_list ul li .list_cont .dn_area > a {display:block; float:left; padding-left:24px; margin:0 0 13px 24px; font-size:14px; line-height:150%; color:#4c4c4c; background:url(../../image/common/icon_doc.png) no-repeat 0 center;}/*padding-left:2%;*/ .recruit_notice_list ul li .list_cont .dn_area > a.first {margin-left:0} .recruit_notice_list ul li .list_cont .dn_area > a:hover {color:#f37021} .recruit_notice_list ul li .list_cont .dn_area .mail {float:right; margin:0 0 13px 24px; font-size:14px; line-height:150%; color:#4c4c4c;} .recruit_notice_list ul li .list_cont .dn_area .mail a {font-size:14px; line-height:150%; color:#4c4c4c;} .recruit_notice_list ul li .list_cont .dn_area .mail a:hover {color:#f37021} } @media screen and (min-width:1000px) and (max-width:1049px) { /* 회사소개 - 채용공고 - 게시판 다운로드 영역 */ .recruit_notice_list ul li .list_cont .dn_area {padding:30px 0 26px 0; border-top:1px solid #e6e6e6;} .recruit_notice_list ul li .list_cont .dn_area > a {display:inline-block; padding-left:24px; margin-left:24px; font-size:14px; line-height:150%; color:#4c4c4c; background:url(../../image/common/icon_doc.png) no-repeat 0 center;}/*padding-left:2%;*/ .recruit_notice_list ul li .list_cont .dn_area > a.first {margin-left:0} .recruit_notice_list ul li .list_cont .dn_area > a:hover {color:#f37021} .recruit_notice_list ul li .list_cont .dn_area .mail {margin-top:13px; font-size:14px; line-height:150%; color:#4c4c4c;} .recruit_notice_list ul li .list_cont .dn_area .mail a {font-size:14px; line-height:150%; color:#4c4c4c;} .recruit_notice_list ul li .list_cont .dn_area .mail a:hover {color:#f37021} } @media screen and (min-width:1000px){ /* PC 메인배너 */ .main_visual {position:relative;} .main_visual .m_hidepager {display:none} .main_visual .bx-wrapper .bx-pager, .main_visual .bx-wrapper .bx-controls-auto {top: 99px !important;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a{width:24px; height:24px; margin:0 3px; background:url(../../image/common/bg_slide_pager_off.png) no-repeat center center;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:24px; height:24px; background:url(../../image/common/bg_slide_pager_on.png) no-repeat center center;} .main_banner .banner_slide {position:relative; overflow-y:hidden; height:930px;}/*max-height:900px;*/ .main_banner .banner_slide.about {background:url(../../image/main/bg_banner_about_p.jpg) no-repeat center center / auto 100%;} .main_banner .banner_slide.igs {background:url(../../image/main/bg_banner_igs_p.jpg) no-repeat center center / auto 100%;} .main_banner .banner_slide.qa {background:url(../../image/main/bg_banner_qa_p.jpg) no-repeat center center / auto 100%;} .main_banner .banner_slide.service {background:url(../../image/main/bg_banner_service_p.jpg) no-repeat center center / auto 100%;} .main_banner .banner_slide.global {background:url(../../image/main/bg_banner_global_p.jpg) no-repeat center 0;} .main_banner .banner_slide.marketing {background:url(../../image/main/bg_banner_marketing_p.jpg) no-repeat center 0;} .main_banner .banner_slide.mobirum {background:url(../../image/main/bg_banner_mobirum_p.jpg) no-repeat center 0;} .main_banner .banner_slide.partner1 {background:url(../../image/main/bg_banner_partner1_p.jpg) no-repeat center 0;} .main_banner .banner_slide.partner2 {background:url(../../image/main/bg_banner_partner2_p.jpg) no-repeat center 0;} .main_banner .banner_slide.gstar {background:url(../../image/main/bg_banner_gstar_p.jpg) no-repeat center 0;}/* 161116 지스타 */ .main_banner .banner_slide.tipigs {background:url(../../image/main/bg_banner_tipigs_p.jpg) no-repeat center 0;}/* 161116 Tip IGS(대시보드) */ .main_banner .banner_slide.next {background:url(http://igsinc.co.kr/images/IGS/NEXT/official_images/bg_banner_next.jpg) no-repeat center 0;}/* 180329 igs next */ .main_banner .banner_slide .banner_cont.mobile {display:none} .main_banner .banner_slide .banner_cont {width:100%; max-width:1200px; margin:0 auto} .main_banner .banner_slide .banner_cont > img {display:inline-block; width:100%} .main_banner .banner_slide.igs .banner_cont .cont_area {width:978px; margin:0 auto;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_l {float:left; width:460px; margin-top:410px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_l .txt {padding:0; font-size:18px; color:#1a191b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7; text-align:left; letter-spacing:-2px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r {float:right; width:453px; height:456px; margin-top:245px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area {position:relative; width:415px; height:413px; margin:36px auto 0 auto; background:url(../../image/main/img_banner_igs02.png) no-repeat 0 0;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a {display:block; position:absolute; line-height:0; text-align:center; cursor:pointer} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn01 {top:111px; left:-8px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn02 {top:-36px; left:169px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn03 {top:113px; right:-30px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn04 {bottom:-4px; right:56px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn05 {bottom:-7px; left:54px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a .img {display:inline-block;} .main_banner .banner_slide .banner_cont .tit {margin-top:237px; padding:0 20px 29px 20px; font-size:60px; line-height:150%; color:#4d4d4d; text-align:center; background:url(../../image/common/bg_tit_02.gif) no-repeat center bottom;} .main_banner .banner_slide .banner_cont .subtit {margin-top:55px; padding:0 20px; font-size:26px; line-height:150%; color:#4d4d4d; text-align:center} .main_banner .banner_slide .banner_cont .txt {margin-top:1px; padding:0 20px; font-size:18px; line-height:150%; color:#808080; text-align:center} .main_banner .banner_slide .banner_cont .btn_box {overflow:hidden; margin:71px auto 0 auto} .main_banner .banner_slide .banner_cont .btn_box::after {display:block; content:""; clear:both} .main_banner .banner_slide .banner_cont .btn_box > div {float:left; width:160px} .main_banner .banner_slide .banner_cont .btn_box > div > a {display:block; width:106px; height:106px; margin:0 auto} .main_banner .banner_slide .banner_cont .btn_box > div > div {margin-top:8px; font-size:16px; line-height:150%; color:#333; text-align:center} .main_banner .banner_slide.about .banner_cont .btn_box {width:640px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_about_icon_01.png) no-repeat 3px 3px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_about_icon_02.png) no-repeat 3px 3px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_about_icon_03.png) no-repeat 3px 3px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_about_icon_04.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box {width:160px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_qa_icon_01.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_qa_icon_02.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_qa_icon_03.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_qa_icon_04.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn05 a {background:url(../../image/main/btn_qa_icon_05.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn06 a {background:url(../../image/main/btn_qa_icon_06.png) no-repeat 3px 3px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn07 a {background:url(../../image/main/btn_qa_icon_07.png) no-repeat 3px 3px;} .main_banner .banner_slide.service .banner_cont .btn_box {width:480px;} .main_banner .banner_slide.service .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_service_icon_01.png) no-repeat 3px 3px;} .main_banner .banner_slide.service .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_service_icon_02.png) no-repeat 3px 3px;} .main_banner .banner_slide.service .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_service_icon_03.png) no-repeat 3px 3px;} .main_banner .banner_slide.global .banner_cont .btn_box {width:480px;} .main_banner .banner_slide.global .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_global_icon_01.png) no-repeat 3px 3px;} .main_banner .banner_slide.global .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_global_icon_02.png) no-repeat 3px 3px;} .main_banner .banner_slide.global .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_global_icon_03.png) no-repeat 3px 3px;} .main_banner .banner_slide.marketing .banner_cont .btn_box {width:640px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_marketing_icon_01.png) no-repeat 3px 3px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_marketing_icon_02.png) no-repeat 3px 3px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_marketing_icon_03.png) no-repeat 3px 3px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_marketing_icon_04.png) no-repeat 3px 3px;} /* 161116 지스타 */ .main_banner .banner_slide.gstar .banner_cont .cont_area {margin:300px 0 0 39px;} .main_banner .banner_slide.gstar .banner_cont .cont_area .gstar_logo {width:221px;} .main_banner .banner_slide.gstar .banner_cont .cont_area .tit {margin:44px 0 0 0; padding:0; font-size:48px; line-height:60px; color:#4d4d4d; text-align:left; background:none;} .main_banner .banner_slide.gstar .banner_cont .cont_area .txt {margin:11px 0 0 0; padding:0; font-size:18px; line-height:24px; color:#808080; text-align:left} .main_banner .banner_slide.gstar .banner_cont .cont_area .img {display:none;} /* 161116 TipIGS(대시보드) */ .main_banner .banner_slide.tipigs .banner_cont .cont_area {margin:164px 0 0 39px;}/* margin:306px 0 0 39px; */ .main_banner .banner_slide.tipigs .banner_cont .cont_area .tipigs_logo {width:221px; margin:0 auto 25px auto;}/* width:219px; */ .main_banner .banner_slide.tipigs .banner_cont .cont_area .tit {margin:43px 0 0 0; padding:0; font-size:48px; line-height:60px; color:#4d4d4d; text-align:left; background:none;} .main_banner .banner_slide.tipigs .banner_cont .cont_area .txt {margin:0; padding:0; font-size:18px; line-height:24px; color:#f0f0f0;}/* width:630px; margin:11px 0 0 0; color:#808080; text-align:left */ .main_banner .banner_slide.tipigs .banner_cont .cont_area .img {display:none;} .main_banner .banner_slide.tipigs .btn_shortcuts a {border-color:#eee; color:#eee} .main_banner .banner_slide .btn_shortcuts {position:absolute; bottom:6%; left:50%; margin-left:-99px;} /* bottom:54px; */ .main_banner .banner_slide .btn_shortcuts a {display:block; width:198px; height:48px; line-height:50px; border:1px solid #4d4d4d; font-size:18px; color:#4d4d4d; text-indent:39px; background:url(../../image/common/arrow_right_02.png) no-repeat 139px center;} .main_banner .banner_slide .btn_shortcuts a:hover {border:1px solid #f15a22; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 139px center;} .main_banner .banner_slide .btn_shortcuts.not_bg_img a, .main_banner .banner_slide .btn_shortcuts.not_bg_img a:hover {background-image:none} .main_banner .banner_slide .btn_shortcuts.inline-center {bottom: 22%;} /* PC 메인배너영역 버튼 */ /* .main_visual .main_short_btn {position:absolute; z-index:10; top:105px; right:56px;} .main_visual .main_short_btn .icon {margin-bottom:8px; text-align:right} .main_visual .main_short_btn .icon a {display:inline-block; overflow:hidden; width:40px; height:40px; border-radius:20px; font-size:0; text-indent:-9999px; text-align:left} .main_visual .main_short_btn .contact a {background:url(../../image/common/icon_p_contact_open.png) no-repeat right 0;} .main_visual .main_short_btn .brand_report a {background:url(../../image/common/icon_p_brand_report_open.png) no-repeat right 0;} .main_visual .main_short_btn .brand_report a {background:url(../../image/common/ko/icon_p_brand_report_open.png) no-repeat right 0;} .main_visual .main_short_btn .icon.go_top a {text-indent:0; text-align:right} */ /* 슬라이드 pager */ .sec_01 .bx-wrapper .bx-pager, .main_visual .bx-wrapper .bx-controls-auto {top:-33px !important;} .sec_01 .bx-wrapper .bx-pager {text-align:right} .sec_01 .bx-wrapper .bx-pager.bx-default-pager a{width:11px; height:11px; margin:0 5px; font-size:0; background:url(../../image/common/bg_slide_pager02_off.png) no-repeat center center;} .sec_01 .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec_01 .bx-wrapper .bx-pager.bx-default-pager a.active {width:11px; height:11px; background:url(../../image/common/bg_slide_pager02_on.png) no-repeat center center;} /* 메인 뉴스 */ .main_news {margin-top:72px;} .main_news .m_hidepager {display:none} .main_news .news_list {overflow:hidden;} .main_news .news_list::after {display:block; content:""; clear:both} .main_news .news_list .news_item {float:left; width:22%; margin-right:4%; border-bottom:1px solid #e6e6e6;} .main_news .news_list .news_item:last-child {margin-right:0} .main_news .news_list .news_item.p_last {margin-right:0} .main_news .news_list .news_item .news_thumb {width:100%;} .main_news .news_list .news_item .news_thumb a, .main_news .news_list .news_item .news_thumb a img {display:block; width:100%;} /* .main_news .news_list .news_item .news_thumb a {display:block; overflow:hidden; width:100%; text-align:center} .main_news .news_list .news_item .news_thumb a img {display:inline-block; width:100%; font-size:0; line-height:0; vertical-align:middle} */ .main_news .news_list .news_item .news_tit {height:45px; padding:19px 0 15px 0;} .main_news .news_list .news_item .news_tit a {display:block; overflow:hidden; height:43px; color:#1a191b;} .main_news .news_list .news_item .news_tit a span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 150%; height: 3em; /* line-height * 라인 수 */ } .main_news .news_list .news_item .news_date {padding:18px 0 10px 0; background:url(../../image/common/bg_divider_03.gif) no-repeat 0 0; color:#1a191b} /* 클라이언트, 파트너 */ .main_client, .main_partner {margin-top:72px;} .main_client .m_hidepager, .main_partner .m_hidepager {display:none} .client_list, .partner_list {overflow:hidden} .client_list::after, .partner_list::after {display:block; content:""; clear:both} .client_item, .partner_item {float:left; width:22%; margin:0 4% 40px 0;} .client_item:nth-child(4n), .partner_item:nth-child(4n) {margin-right:0} .client_item.p_last, .partner_item.p_last {margin-right:0} .client_item a, .client_item a img, .client_item > img, .partner_item a, .partner_item a img {display:block; width:100%} /* contact us */ #contact_us .placeholder {color: #fff;} /* IE9- (placeholder.js에서 클래스 자동생성) */ #contact_us ::-webkit-input-placeholder {color: #fff;} /* Chrome/Opera/Safari */ #contact_us ::-webkit-textarea-placeholder {color: #fff;} /* Chrome/Opera/Safari */ #contact_us ::-moz-placeholder {color: #fff;} /* Firefox 19+ */ #contact_us :-moz-placeholder {color: #fff;} /* Firefox 18- */ #contact_us :-ms-input-placeholder {color: #fff;} /* IE 10+ */ #contact_us :-ms-textarea-placeholder {color: #fff;} /* IE 10+ */ #contact_us {margin-top:60px; padding:64px 0 0 0;} #contact_us form {margin-top:42px;} #contact_us .contact_row {margin-bottom:20px;} #contact_us .contact_row.fn > .ipt {float:left} #contact_us .contact_row.fn > .ipt input[type="text"], #contact_us .contact_row.fn > .ipt input[type="number"], #contact_us .contact_row.fn > .ipt input[type="password"] {display:block; width:92%; height:50px; line-height:50px; padding:0 4%; border:none; border-radius:4px; font-size:18px; color:#fff; background:#808080;} #contact_us .contact_row textarea {display:block; width:98.2%; height:110px; padding:15px 0.9%; border:none; border-radius:4px; font-size:18px; color:#fff; background:#808080; resize:none;} #contact_us .contact_row.slct_area > .ipt {float:left} #contact_us .contact_row .slct_box {width:92%; height:50px; line-height:50px; padding:0 4%; border:none; border-radius:4px; font-size:18px; color:#fff; background:#808080 url(../../image/common/bg_slct_btn.png) no-repeat 96% center;} #contact_us .contact_row .slct_list {display:none; position:absolute; top:50px; width:100%; background:#fff;} #contact_us .contact_row .slct_list.open {display:block} #contact_us .contact_row .slct_list li {width:92%; height:50px; line-height:50px; padding:0 4%; font-size:18px;} #contact_us .contact_row .slct_list li:hover {color:#fff; background:#1e90ff;} #contact_us .contact_row .file_srch {position: relative; overflow: hidden; width:97%; height:50px; line-height:50px; padding:0 1.5%; border-radius:4px; background:#808080;} #contact_us .contact_row .file_srch .ipt_file {position: absolute; top:0px; left:0; width:100%; height:100%;} #contact_us .contact_row .file_srch .ipt_file input[type="file"] {display:block; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity: 0; cursor:pointer} #contact_us .contact_row .file_srch > span {display:inline-block; padding-left:43px; font-size:18px; color:#fff; background:url(../../image/common/bg_file_up.png) no-repeat 0 center} #contact_us .contact_row .file_name {display:none; width:97%; height:50px; line-height:50px; padding:0 1.5%; border-radius:4px; background:#808080;} #contact_us .contact_row .file_name::after {display:block; content:""; clear:both} #contact_us .contact_row .file_name > span {display:block; float:left} #contact_us .contact_row .file_name .txt_file_name {display:block; width:90%; font-size:18px; color:#fff;} #contact_us .contact_row .file_name .btn_del_file {width:10%; font-size:18px; color:#fff; text-align:right;} #contact_us .contact_row .file_name .btn_del_file > span {display:inline-block; overflow:hidden; width:18px; height:18px; font-size:0; background:url(../../image/common/btn_delete.png) no-repeat 0 0; background-size:18px 18px; text-indent:-9999px; cursor:pointer; vertical-align:middle;} #contact_us .term_privacy_area {margin-bottom: 14px; color:#fff} #contact_us .term_privacy_area .term_privacy_tit {font-size:18px; margin-bottom:4px;} #contact_us .term_privacy_area .term_cont {overflow-y:auto; width:98.2%; height:97px; padding:0 0.9% 11px 0.9%; border-radius:4px; background:#808080;}/* overflow:auto; */ #contact_us .term_privacy_area .term_cont p.first {padding-top:13px;} #contact_us .chk_agree {margin-bottom:25px; color:#fff;} #contact_us .chk_agree input[type="checkbox"], .chk_agree label{vertical-align:middle} #contact_us .btn_submit {margin-bottom:70px; text-align:center} #contact_us .btn_submit input[type="submit"] {display:inline-block; width:200px; height:50px; line-height:50px; border:none; font-size:18px; color:#fff; background:#333; text-align:left; text-indent:42px; background:#333 url(../../image/common/arrow_right_03.png) no-repeat 135px center; cursor:pointer;} #contact_us .btn_submit input[type="submit"]:hover {background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 135px center;} #contact_us .btn_normal {display:inline-block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#333; text-align:center; cursor:pointer;} #contact_us .btn_normal:hover {background-color:#f15a22} #contact_us .contact_row .w_25p {width:24%;} #contact_us .contact_row .w_75p {width:75%;} #contact_us .contact_row .mr_1p{margin-right:1%;} #contact_us .contact_row .mr_2p{margin-right:2%;} /* 패드 가로모드 용 contact us*/ .sub_contact .placeholder {font-size:14px; color: #959595;} /* IE9- (placeholder.js에서 클래스 자동생성) */ .sub_contact ::-webkit-input-placeholder {font-size:14px; color: #959595;} /* Chrome/Opera/Safari */ .sub_contact ::-webkit-textarea-placeholder {font-size:14px; color: #959595;} /* Chrome/Opera/Safari */ .sub_contact ::-moz-placeholder {font-size:14px; color: #959595;} /* Firefox 19+ */ .sub_contact :-moz-placeholder {font-size:14px; color: #959595;} /* Firefox 18- */ .sub_contact :-ms-input-placeholder {font-size:14px; color: #959595;} /* IE 10+ */ .sub_contact :-ms-textarea-placeholder {font-size:14px; color: #959595;} /* IE 10+ */ .sub_contact .sub_visual {background: url(../../image/contact/bg_sub_visual_contact_m.gif) repeat 0 0;} .sub_contact form {padding:20px 0 30px 0;} .sub_contact .contact_row {margin-bottom:15px;} .sub_contact .contact_row .ipt {} .sub_contact .contact_row .ipt input[type="text"], .sub_contact .contact_row .ipt input[type="number"], .sub_contact .contact_row .ipt input[type="password"], .sub_contact .contact_row textarea {font-size:14px;} .sub_contact .contact_row .ipt.w_50p input[type="text"], .sub_contact .contact_row .ipt.w_50p input[type="number"], .sub_contact .contact_row .ipt.w_50p input[type="password"] {display:block; width:92%; height:50px; line-height:50px; padding:0 4%; border:1px solid #9b9b9b;} .sub_contact .contact_row .ipt.w_100p input[type="text"], .sub_contact .contact_row .ipt.w_100p input[type="number"], .sub_contact .contact_row .ipt.w_100p input[type="password"] {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b;} .sub_contact .contact_row.slct_area .ipt {} .sub_contact .contact_row .slct_box {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b;} .sub_contact .contact_row .slct_box span {display:block; color:#959595; background:url(../../image/common/bg_m_slct_btn.png) no-repeat right center; background-size:6px 5px;} .sub_contact .contact_row .slct_list {display:none; position:absolute; z-index:1; top:50px; width:100%; border:1px solid #9b9b9b; background:#fff} .sub_contact .contact_row .slct_list.open {display:block} .sub_contact .contact_row .slct_list li {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; background:#fff;} .sub_contact .contact_row .slct_list li:hover {color:#fff; background:#1e90ff;} .sub_contact .contact_row .file_srch {display:block; position:relative; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b; color:#959595; cursor:pointer} .sub_contact .contact_row .file_srch .ipt_file {position: absolute; top:0; width:96.6%; height:50px;} .sub_contact .contact_row .file_srch .ipt_file input[type="file"] {display:block; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; cursor:pointer} .sub_contact .contact_row .file_name {display:block; overflow:hidden; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b; color:#959595; } .sub_contact .contact_row .file_name::after {display:block; content:""; clear:both} .sub_contact .contact_row .file_name > span {display:block; float:left} .sub_contact .contact_row .file_name .txt_file_name {overflow:hidden; width:90%; color:#1a191b; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;} .sub_contact .contact_row .file_name .btn_del_file {width:10%; text-align:right;} .sub_contact .contact_row .file_name .btn_del_file > span {display:inline-block; overflow:hidden; width:10px; height:10px; font-size:0; background:url(../../image/common/btn_delete02.png) no-repeat 0 0; background-size:10px 10px; text-indent:-9999px; cursor:pointer; vertical-align:middle;} .sub_contact .contact_row textarea {display:block; width:96.6%; height:100px; padding:15px 1.7%; border:1px solid #9b9b9b; resize:none;} .sub_contact .contact_row .w_50p {width:48%;} .sub_contact .mr_4p{margin-right:4%;} .sub_contact .contact_row.term_privacy_area {border:1px solid #9b9b9b;} .sub_contact .contact_row.term_privacy_area > div {padding:0 1.7%;} .sub_contact .contact_row.term_privacy_area .chk_agree {border-bottom:1px solid #e0e0e0;} .sub_contact .contact_row.term_privacy_area .chk_agree > div {height:50px;} .sub_contact .contact_row.term_privacy_area .term_cont {overflow:auto; height:110px; padding-top:10px; }/*height:63px; padding:10px 0 10px 0;*/ .sub_contact .contact_row.term_privacy_area .chk_agree .chk_label {float:left; width:90%;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_label span {display:inline-block; padding-top:17px} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area {float:right; position:relative; width:10%; height:100%;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area > span {display:inline-block; position:absolute; /* z-index:1; */ top:50%; right:0; width:17px; height:16px; margin-top:-8px; background:url(../../image/common/btn_m_chk_off.png) no-repeat 0 center; background-size:17px 16px; text-align: center;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area.on > span {background:#fff url(../../image/common/btn_m_chk_on.png) no-repeat 0 center; background-size:17px 16px;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area input[type="checkbox"] { width:0; height:0; margin:0; padding:0; border:0; background:none; vertical-align:top; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .sub_contact .btn_submit {margin-top:30px; text-align:center} .sub_contact .btn_submit input[type="submit"] {display:inline-block; width:165px; height:39px; line-height:39px; border:none; font-size:13px; color:#4d4d4d; text-align:left; text-indent:38px; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 102px center; background-size:11px 5px;} /* Tab */ .tab01 {overflow:hidden;} .tab01::after {display:block; content:""; clear:both} .tab01 li {float:left; padding:0 0 9px 0;} .tab01 li a {display:block; padding:17px 0 13px 0; border-bottom:5px solid #b3b3b3; font-size:24px; line-height:150%; color:#999; text-align:center} .tab01 li.on {background:url(../../image/common/bg_tab_on.png) no-repeat center bottom;} .tab01 li.on a {border-bottom:5px solid #f37021; color:#333} .tab_cont {display:none} .about_tab .tab01 li {width:25%;} #about_greetings.tab_cont {display:block} .intro_greetings:after{display:block;content:'';clear:both} .intro_greetings{padding-top:60px;} .intro_greetings img{float:left;width:43%;} .intro_greetings .greetings_wrap{float:left;padding:23px 0 0 4%;} .intro_greetings .greetings_wrap dt{font-size:17px;font-weight:600;color:#1363bd;} .intro_greetings .greetings_wrap dd{font-size:16px;color:#828282;padding-top:68px;} .intro_greetings .greetings_wrap p{font-size:16px;color:#0d0d0d;font-weight:500;text-align:right;padding:68px 21px 0 0;} .function_tab .tab01 li {width:50%;} #function_qa.tab_cont {display:block} .focus_tab .tab01 li {width:33.3%;} .focus_tab .tab01 li.last {width:33.4%;} #focus_type1.tab_cont {display:block} /* List */ .dot_list01 li {padding-left:12px; margin-top:31px; font-size:18px; line-height:150%; background:url(../../image/common/bg_dot_03.gif) no-repeat 0 10px; color:#4c4c4c} .dot_list01 li.first {margin-top:0} .dot_list02 li {padding-left:11px; margin-top:24px; font-size:16px; line-height:150%; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 10px; color:#4c4c4c} .dot_list02 li.first {margin-top:0} .dot_list03 li {padding-left:20px; margin-top:7px; background:url(../../image/common/bg_dot_04.gif) no-repeat 0 7px;} .dot_list03 li.first {margin-top:0} .dot_list03 li .txt {font-size:20px; line-height:20px; color:#4d4d4d} .dot_list03 li .add_txt {font-size:14px; line-height:20px; color:#808080} .table_list {display:table} .table_list > ul {display:table-row} .table_list > ul > li {display:table-cell} /* checking list box */ .checking_list {display:table; width:100%} .checking_list > ul {display:table-row} .checking_list > ul > li {display:table-cell; width:50%; padding:40px 0 33px 0; border:2px solid #ccc; border-left:none} .checking_list > ul > li.first {border-left:2px solid #ccc;} .checking_list > ul > li .checking_cont {padding-top:60px; background:url(../../image/common/bg_checking.png) no-repeat center 0;} #function_qa .type .checking_list ul li {padding:25px 0 28px 0;} #function_qa .type .checking_list ul li .checking_cont {padding-top:50px;} #focus_type1 .func .checking_list ul li .checking_cont, #focus_type2 .func .checking_list ul li .checking_cont, #focus_type3 .func .checking_list ul li .checking_cont {padding-top:50px;} #balance_qa .type .checking_list ul li {padding:25px 0 28px 0;} #perfor_qa .type .checking_list ul li {width:33.3%;} #perfor_qa .type .checking_list ul li.first {width:33.4%;} #dev_qa .type .checking_list ul li {width:33.3%;} #dev_qa .type .checking_list ul li.first {width:33.4%;} .sub_global .center .cont_02 .checking_list ul li {padding:0;} .check_gray_area {overflow:hidden; padding:26px 3.3% 22px 3.3%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .check_gray_wrap {float:left; width:45%; padding-left:1.7%;} .check_gray_txt {padding:9px 0 10px 32px; font-size:14px; line-height:150%; color:#4c4c4c; text-align:left; background:url(../../image/common/bg_checking02.png) no-repeat 0 7px;} .check_orange_area {border:2px solid #ccc;} .check_orange_wrap {padding:28px 43px 18px 43px;} .check_orange_txt {padding:15px 0 15px 32px; font-size:20px; line-height:150%; color:#4c4c4c; text-align:left; background:url(../../image/common/bg_checking03.png) no-repeat 0 15px;} .sub_marketing .igs_strategy .check_orange_txt {font-size:18px;} .sub_marketing .global_marketing .check_orange_txt {font-size:18px;} /* 서브 */ /* 서브 visual */ .sub_visual {height:217px; padding-top:103px;} .cont_visual {position:relative; height:370px;} .sub_qa .sub_visual {background:url(../../image/qa/bg_sub_visual_qa.jpg) no-repeat center 0;} .sub_qa .cont_visual {background:url(../../image/qa/bg_cont_visual_qa.jpg) no-repeat center 0;} .sub_service .sub_visual {background:url(../../image/service/bg_sub_visual_service.jpg) no-repeat center 0;} .sub_service .cont_visual {background:url(../../image/service/bg_cont_visual_service.jpg) no-repeat center 0;} .sub_company .sub_visual {background:url(../../image/company/bg_sub_visual_company.jpg) no-repeat center 0;} .sub_company .cont_visual {background:url(../../image/company/bg_cont_visual_company.jpg) no-repeat center 0;} .sub_global .sub_visual {background:url(../../image/global/bg_sub_visual_global.jpg) no-repeat center 0;} .sub_global .cont_visual {background:url(../../image/global/bg_cont_visual_global.jpg) no-repeat center 0;} .sub_marketing .sub_visual {background:url(../../image/marketing/bg_sub_visual_marketing.jpg) no-repeat center 0;} .sub_marketing .cont_visual {background:url(../../image/marketing/bg_cont_visual_marketing.jpg) no-repeat center 0;} /* PC 서브 visual 영역 버튼 */ .cont_visual .sub_short_btn {position:absolute; z-index:1; top:15px; right:56px;} .cont_visual .sub_short_btn.scroll {position:fixed; z-index:10; top:75px; right:56px;} .cont_visual .sub_short_btn .icon {margin-bottom:8px; text-align:right} .cont_visual .sub_short_btn .icon a {display:inline-block; overflow:hidden; width:40px; height:40px; border-radius:20px; font-size:0; text-indent:-9999px; text-align:left} .cont_visual .sub_short_btn .contact a {background:url(../../image/common/icon_p_contact_open.png) no-repeat right 0; display:none;} .cont_visual .sub_short_btn .brand_report a {background:url(../../image/common/icon_p_brand_report_open.png) no-repeat right 0; display:none;}/*width:140px;*/ .cont_visual .sub_short_btn .icon.go_top a {text-indent:0; text-align:right} /* PC 서브 visual이 없는 서브의 퀵버튼 */ .p_short_btn {position:relative; width:100%;} .p_short_btn .sub_short_btn {position:absolute; z-index:1; top:15px; right:56px;} .p_short_btn .sub_short_btn .icon {margin-bottom:8px; text-align:right} .p_short_btn .sub_short_btn .icon a {display:inline-block; overflow:hidden; width:40px; height:40px; border-radius:20px; font-size:0; text-indent:-9999px; text-align:left} .p_short_btn .sub_short_btn .contact a {background:url(../../image/common/icon_p_contact_open.png) no-repeat right 0; display:none;} /* width:140px; */ .p_short_btn .sub_short_btn .brand_report a {background:url(../../image/common/icon_p_brand_report_open.png) no-repeat right 0; display:none;} /* width:140px; */ .p_short_btn .sub_short_btn .icon.go_top a {text-indent:0; text-align:right} /* 품질보증(QA) */ .sub_qa > .sec_01 {padding-bottom:23px;} /* 기능 및 호환성 QA */ .function_tab {padding-top:38px} #function_qa {padding-top:48px;} #function_qa .type {margin:33px 0 47px 0;} #function_qa .process {margin:33px 0 47px 0;} #function_qa .progress {margin:33px 0 0 0;} /* QA프로세스 */ #process_qa {padding-top:57px;} #process_qa .service {margin:33px 0 47px 0;} #process_qa .certification {margin-top:33px;} #compatibility {padding-top:48px;}/* padding-top:62px; */ #compatibility .type {margin:33px 0 47px 0;} #compatibility .device {margin:33px 0 47px 0; padding-top:30px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #compatibility .device .device_list {overflow:hidden; margin-top:26px;} #compatibility .device .device_list::after {display:block; content:""; clear:both} #compatibility .device .device_list li {float:left; width:22%; margin:0 0 21px 4%;} #compatibility .device .device_list li.newline {margin-left:0;} #compatibility .device .device_list li dl dt {line-height:0; font-size:0} #compatibility .device .device_list li dl dt img {display:inline-block; width:100%; line-height:0; font-size:0} #compatibility .device .device_list li dl dd {color:#808080; text-align:center} #compatibility .progress {margin:33px 0 0 0;} /* 마켓QA */ #market_qa {padding-top:57px;} #market_qa .type {margin:33px 0 47px 0;} #market_qa .inspection {margin:33px 0 47px 0; padding-top:30px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #market_qa .inspection .inspection_list {overflow:hidden; margin-top:26px;} #market_qa .inspection .inspection_list::after {display:block; content:""; clear:both} #market_qa .inspection .inspection_list li {float:left; width:9.5%; margin:0 0 21px 8.6%;} #market_qa .inspection .inspection_list li.newline {margin-left:0;} #market_qa .inspection .inspection_list li dl dt img {display:inline-block; width:100%} #market_qa .inspection .inspection_list li dl dd {color:#808080; text-align:center} #market_qa .progress {margin:33px 0 0 0;} /* 포커싱QA */ .focus_tab {padding-top:38px} #focus_type1, #focus_type2, #focus_type3 {} #focus_type1 .func, #focus_type2 .func, #focus_type3 .func {margin:34px 0 47px 0;} #focus_type1 .progress, #focus_type2 .progress, #focus_type3 .progress {margin:34px 0 0 0;} /* 로컬라이징QA */ #local_qa {padding-top:57px;} #local_qa .type {margin:33px 0 47px 0;} #local_qa .process {margin:33px 0 47px 0;} #local_qa .progress {margin:33px 0 0 0;} /* 밸런스QA */ #balance_qa {padding-top:57px;} #balance_qa .type {margin:33px 0 47px 0;} #balance_qa .service {margin:33px 0 47px 0;} #balance_qa .progress {margin:33px 0 0 0;} /* 성능QA */ #perfor_qa {padding-top:57px;} #perfor_qa .type {margin:33px 0 47px 0;} #perfor_qa .solution {margin:33px 0 47px 0; padding:136px 0 29px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(../../image/qa/bg_perfor_solution.png) no-repeat center 29px;} #perfor_qa .progress {margin:33px 0 0 0;} /* 개발QA */ #dev_qa {padding-top:57px;} #dev_qa .type {margin:33px 0 47px 0;} #dev_qa .progress {margin:33px 0 0 0;} /* 유지보수QA */ #maintenance_qa {padding-top:82px;} #maintenance_qa .type {margin:33px 0 47px 0;} #maintenance_qa .progress {margin:33px 0 0 0;} /* 서비스운영 */ .sub_service > .sec_01 {padding-bottom:23px;} .sub_service .service_cont {padding-top:57px;} .sub_service .service_cont .intro {margin-bottom:43px; font-size:18px; color:#666; line-height:150%; text-align:center} .sub_service .service_cont .offer_area {margin-top:33px;} /* 글로벌 서비스 */ .sub_global > .sec_01 {margin-bottom:90px;} /* 글로벌 서비스 - 컨설팅 */ .sub_global .consulting {padding-top:56px;} .sub_global .consulting .cont_01, .sub_global .consulting .cont_02, .sub_global .consulting .cont_03 {margin:33px 0 47px 0; padding-top:103px; font-size:20px; line-height:150%; color:#4c4c4c; text-align:center} .sub_global .consulting .cont_01 {padding-bottom:42px; border-bottom:1px solid #e6e6e6; background:url(../../image/global/bg_consulting_01.png) no-repeat center 0;} .sub_global .consulting .cont_02 {padding-bottom:42px; border-bottom:1px solid #e6e6e6; background:url(../../image/global/bg_consulting_02.png) no-repeat center 0;} .sub_global .consulting .cont_03 {background:url(../../image/global/bg_consulting_03.png) no-repeat center 0;} .sub_global .consulting .cont_03 .check_gray_area {margin-top:25px;} .sub_global .consulting .cont_04 {margin:33px 0 0 0;} /* 글로벌 서비스 - 현지화/번역 */ .sub_global .localization {padding-top:56px;} .sub_global .localization .cont_01, .sub_global .localization .cont_02, .sub_global .localization .cont_03 {margin:33px 0 47px 0; } /* 글로벌 서비스 - 글로벌센터 */ .sub_global .center {padding-top:56px;} .sub_global .center .cont_01, .sub_global .center .cont_02, .sub_global .center .cont_03 {margin:33px 0 47px 0;} .intro_area {padding:33px 6% 31px 6%; border:2px solid #ccc;} .intro_area.intro_area2, .intro_area.intro_area3 {margin-top:37px} .intro_area .intro_wrap {padding-left:326px; background:url(../../image/global/bg_center_01.png) no-repeat 0 center;} .intro_area.intro_area2 .intro_wrap {padding-left:326px; background:url(../../image/global/bg_center_02.png) no-repeat 0 center;} .intro_area.intro_area3 .intro_wrap {padding-left:326px; background:url(../../image/global/bg_center_03.png) no-repeat 0 center;} .intro_area .intro_wrap .intro_inner {padding-left:68px; border-left:2px solid #ccc} .intro_area .intro_wrap .intro_inner .intro_tit {margin-bottom:11px; font-size:18px; line-height:150%; color:#4c4c4c} .intro_area .intro_wrap .intro_inner .intro_txt {font-size:14px; line-height:150%; color:#808080} .sub_global .center .center_view {margin-top:20px; font-size:0; line-height:0} .sub_global .center .center_view img {display:inline; width:50%} /* 게임마켓팅 */ .sub_marketing > .sec_01 {margin-bottom:90px;} /* 게임마켓팅 - IGS 마켓팅 전략 */ .sub_marketing .igs_strategy {padding-top:56px;} .sub_marketing .igs_strategy .cont_01, .sub_marketing .igs_strategy .cont_02 {margin:33px 0 47px 0;} /* 게임마켓팅 - 유저고객 마켓팅 */ .sub_marketing .customer {padding-top:56px;} .sub_marketing .customer .cont_01, .sub_marketing .customer .cont_02 {margin:33px 0 47px 0;} .sub_marketing .customer .cont_03 {margin:29px 0 0 0;} /* 게임마켓팅 - 글로벌 마켓팅 */ .sub_marketing .global_marketing {padding-top:56px;} .sub_marketing .global_marketing .cont_01, .sub_marketing .global_marketing .cont_02 {margin:33px 0 47px 0;} .sub_marketing .global_marketing .cont_01 .checking_list ul li {padding:0} .sub_marketing .global_marketing .cont_02 .checking_list {margin-bottom:20px} .sub_marketing .global_marketing .cont_02 .checking_list ul li {padding:0} /* 모비럼 */ .sub_mobirum {position:relative;} .sub_mobirum > .sec_01 {margin-bottom:90px;} .sub_mobirum .mobirum_visual {position:relative;} .sub_mobirum .mobirum_visual .short_btn {position:absolute; z-index:10; top:105px; right:56px;} /* position:absolute; */ .sub_mobirum .mobirum_visual .short_btn .icon {margin-bottom:8px; text-align:right} .sub_mobirum .mobirum_visual .short_btn .icon a {display:inline-block; overflow:hidden; width:40px; height:40px; border-radius:20px; font-size:0; text-indent:-9999px; text-align:left} .sub_mobirum .mobirum_visual .short_btn .contact a {background:url(../../image/common/icon_p_contact_open.png) no-repeat right 0;display:none;}/*width:140px;*/ .sub_mobirum .mobirum_visual .short_btn .brand_report a {background:url(../../image/common/icon_p_brand_report_open.png) no-repeat right 0;display:none;}/*width:140px;*/ .sub_mobirum .mobirum_visual .short_btn .icon.go_top a {text-indent:0; text-align:right} .sub_mobirum .intro {padding-top:68px;} .sub_mobirum .intro .tit {font-size:48px; line-height:150%; color:#292826} .sub_mobirum .intro .txt {font-size:24px; line-height:150%; color:#898989} .sub_mobirum .intro .brochure {margin:82px 0 20px 0;} .sub_mobirum .intro .brochure ul {overflow:hidden} .sub_mobirum .intro .brochure ul::after {display:block; content:""; clear:both} .sub_mobirum .intro .brochure ul li {float:left; width:48%; margin:0 0 40px 4%;} .sub_mobirum .intro .brochure ul li.p_newline {margin-left:0} .sub_mobirum .intro .brochure ul li img {display:inline-block; width:100%} .sub_mobirum .dowmload_area {height:170px; background:url(../../image/mobirum/bg_dowmload_area.gif) no-repeat center 0;} .sub_mobirum .dowmload_area .txt_area {float:left; width:70%; margin-top:29px;} .sub_mobirum .dowmload_area .txt_area .tit {font-size:40px; line-height:150%; color:#fff} .sub_mobirum .dowmload_area .txt_area .txt {font-size:18px; line-height:150%; color:#c6e0f3} .sub_mobirum .dowmload_area .btn_area {float:right; margin-top:60px; border:2px solid #fff;} .sub_mobirum .dowmload_area .btn_area a {display:block; width:266px; height:46px; line-height:50px;} .sub_mobirum .dowmload_area .btn_area a span {display:inline-block; margin-left:34px; padding-right:31px; font-size:18px; line-height:150%; color:#fff; background:url(../../image/common/icon_book.png) no-repeat right center;} .sub_mobirum #contact_us {margin-top:0;} /* 회사소개 - About IGS */ .about_tab {padding-top:38px} #about_igs {padding-top:44px;}/*padding-top:27px;*/ #about_igs .intro {margin:31px 0 40px 0;} #about_igs .intro > ul {} #about_igs .intro > ul li {font-size:18px; line-height:150%; color:#4c4c4c} #about_igs .summary {margin:34px 0 46px 0} #about_igs .location {margin:34px 0 46px 0} #about_igs .location .map {height:509px; border-top:1px solid #b3b3b3;} #about_igs .location .map iframe {height:509px } #about_igs .progress {margin:33px 0 0 0;} .about_list01 {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .about_list01 li {overflow:hidden; border-top:1px solid #ccc; font-size:18px; line-height:150%; color:#4c4c4c} .about_list01 li.first {border-top:none} .about_list01 li dl::after {display:block; content:""; clear:both} .about_list01 li dl dt {float:left; width:33%; padding:24px 0 16px 0; text-align:center} .about_list01 li dl dd {float:left; width:64.4%; padding:24px 0 16px 2.6%;} .about_list01 li dl dd span {display:block; padding:0 0 0 2.5%; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 11px} .life_wrap{max-width:955px;width:100%;;margin:0 auto} .life_wrap a{display:block;} .life_wrap img{display:block;} .life_wrap .left{float:left;width:74%;} .life_wrap .left img{width:100%;} .life_wrap .right{float:right;width:calc(26% - 30px);padding-left:30px;} .life_wrap .right li{margin-top:15px;} .life_wrap .right li:first-child{margin-top:0} .life_wrap .right img{width:100%;} .event_wrap{text-align:center;max-width:955px;width:100%;margin:0 auto;font-size:0;} .event_wrap li{display:inline-block;width:210px;margin:0 14px 30px 14px;vertical-align:top;} .event_wrap li:nth-child(5), .event_wrap li:nth-child(6), .event_wrap li:nth-child(7), .event_wrap li:nth-child(8){margin-bottom:0} .event_wrap li a{display:block} .event_wrap li img{display:block;width:100%;height:304px;} #history_igs {padding-top:50px;} .history_list {overflow:hidden;} .history_list::after {display:block; content:""; clear:both} .history_list dt, .history_list dd {float:left; color:#4c4c4c; line-height:150%;} .history_list dt {width:21.7%; padding:22px 0 0 0.8%; border-top:1px solid #b3b3b3; font-size:32px;}/*border-top:1px solid #f37021;*/ .history_list dd {width:74%; margin-left:3.5%; padding:38px 0 34px 0; border-top:1px solid #b3b3b3;} .history_list dd ul li.subline {padding-left:34px; background:none} /* 2020 3Q */ #map_igs .summary {margin:34px 0 46px 0} #map_igs .location {margin:34px 0 46px 0} #map_igs .location .map {height:509px; border-top:1px solid #b3b3b3;} #map_igs .location .map iframe {height:509px } /* 회사소개 - About IGS 대구(지사) */ .igs_branch {padding-top:57px;} .igs_branch .intro {margin:26px 0 0 0;} .igs_branch .checking_list {margin-top:24px} .igs_branch .checking_list > ul > li {position:relative; padding:47px 0 71px 0; vertical-align:middle} .igs_branch .checking_list > ul > li > p {position:absolute; bottom:14px; left:0; width:100%; text-align:center; font-size:14px; line-height:16px; color:#808080} .igs_branch .forte {margin-top:55px;} .igs_branch .forte .tit_04 {margin-bottom:50px} .igs_branch .office_view {margin-top:53px; font-size:0; line-height:0} .igs_branch .office_view img {display:inline; width:50%} /* 회사소개 - Recruit */ .recruit_tab ul li {width:33.3%;} .recruit_tab ul li.last {width:33.4%;} .recruit_tab ul {overflow:hidden;} .recruit_tab ul::after {display:block; content:""; clear:both} .recruit_tab ul li {float:left; padding:0 0 9px 0;} .recruit_tab ul li a {display:block; padding:17px 0 13px 0; border-bottom:5px solid #b3b3b3; font-size:24px; line-height:150%; color:#999; text-align:center} .recruit_tab ul li.on {background:url(../../image/common/bg_tab_on.png) no-repeat center bottom;} .recruit_tab ul li.on a {border-bottom:5px solid #f37021; color:#333} /* 회사소개 - Recruit:인재상 */ #recruit_person {} /* 회사소개 - Recruit:인사제도 */ #recruit_person .full_img {margin-top:34px} #recruit_system {} .personnel_system {margin-top:33px;} .personnel_system .full_img {margin-top:24px;} .welfare_system {margin-top:34px;} /* 회사소개 - Recruit:채용공고 */ #recruit_notice {} .recruit_process {margin-top:34px; padding:64px 0 30px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center} .recruit_process .process_wrap {display:inline-block; margin-right:50px;} .recruit_process .process_wrap.last {margin-right:0;} .recruit_process .process_wrap > div {display:inline-block; padding-left:64px; margin:0 50px 30px 0; font-size:24px; line-height:150%; background:url(../../image/common/arrow_right_04.png) no-repeat left center; text-align:left; vertical-align:top}/*vertical-align:middle*/ .recruit_process .process_wrap > div.step1 {padding-left:0; background:none;} .recruit_process .process_wrap > div.endline {margin-right:0;} .recruit_notice {} .recruit_notice_list {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .recruit_notice_list ul li {border-top:1px solid #ccc;} .recruit_notice_list ul li.first {border-top:none} .recruit_notice_list ul li .list_tit {overflow:hidden;} .recruit_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .recruit_notice_list ul li .list_tit > div {float:left} .recruit_notice_list ul li .list_tit .classify {width:12.5%; padding-top:40px; font-size:18px; color:#4c4c4c; text-align:center} .recruit_notice_list ul li .list_tit .subject {width:61%; padding:25px 0 19px 15%;} .recruit_notice_list ul li .list_tit .subject .txt a {display:block; overflow:hidden; width:97.5%; padding:0 0 0 2.5%; font-size:20px; color:#4c4c4c; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .recruit_notice_list ul li .list_tit .subject .d_day {width:97.5%; padding-left:2.5%; margin-top:9px; font-size:18px; color:#808080} .recruit_notice_list ul li .list_tit .state {width:11.5%; text-align:center} .recruit_notice_list ul li .list_tit .state > span {display:inline-block; width:57%; padding:10px 0 8px 0; margin-top:30px; font-size:18px; color:#fff; background:#f37121} .recruit_notice_list ul li .list_tit .state.end > span {background:#808080} .recruit_notice_list ul li .list_cont {display:none; position:relative;}/* border-top:1px solid #b3b3b3 */ .recruit_notice_list ul li .list_cont .btn_close {position:absolute; top:31px; right:0} .recruit_notice_list ul li .list_cont .btn_close a {display:block; overflow:none;width:22px; height:44px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; font-size:0; text-indent:-9999px;} .recruit_notice_list ul li .list_cont .subject {padding:25px 0 23px 0; font-size:24px; line-height:150%; color:#4c4c4c; text-align:center; background:url(../../image/common/bg_tit_01.gif) no-repeat center bottom;} .recruit_notice_list ul li .list_cont .d_day {padding:28px 0 27px 0; font-size:18px; line-height:150%; color:#808080; text-align:center} .recruit_notice_list ul li .list_cont .d_day .m_item {display:none} .recruit_notice_list ul li .list_cont .cont_txt {padding:40px 4% 64px 4%; border-top:1px solid #e6e6e6; font-size:14px; line-height:150%;} .recruit_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} /* 회사소개 - 뉴스 */ .news_notice {} .news_notice_list {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .news_notice_list ul li {border-top:1px solid #ccc;} .news_notice_list ul li.first {border-top:none} .news_notice_list ul li .list_tit {overflow:hidden;} .news_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .news_notice_list ul li .list_tit > div {float:left} .news_notice_list ul li .list_tit .thumb {width:22.5%; padding:10px 0 5px 0; font-size:18px; color:#4c4c4c; text-align:center} .news_notice_list ul li .list_tit .thumb img {display:inline-block; width:77%;}/*border:1px solid #e0e0e0*/ .news_notice_list ul li .list_tit .subject {width:63.5%; padding:20px 0 0px 2.5%;} .news_notice_list ul li .list_tit .subject .txt a {display:block; overflow:hidden; width:97.5%; padding:0 0 0 2.5%; font-size:20px; color:#4c4c4c; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .news_notice_list ul li .list_tit .subject .cont_preview { width:97.5%; padding-left:2.5%; margin-top:9px; font-size:18px; color:#808080; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5; height: 3em; /* line-height * 라인수 */ } .news_notice_list ul li .list_tit .subject .note {padding-left:2.5%; margin-top:20px; color:#808080} .news_notice_list ul li .list_tit .subject .date {display:none} .news_notice_list ul li .list_tit .date {width:11.5%; text-align:center} .news_notice_list ul li .list_tit .date > span {display:inline-block; margin-top:70px; font-size:18px; color:#808080;} .news_notice_list ul li .list_cont {display:none; position:relative;}/*border-top:1px solid #b3b3b3*/ .news_notice_list ul li .list_cont .btn_close {position:absolute; top:31px; right:0} .news_notice_list ul li .list_cont .btn_close a {display:block; overflow:none;width:22px; height:44px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; font-size:0; text-indent:-9999px;} .news_notice_list ul li .list_cont .subject {padding:25px 0 23px 0; font-size:24px; line-height:150%; color:#4c4c4c; text-align:center; background:url(../../image/common/bg_tit_01.gif) no-repeat center bottom;} .news_notice_list ul li .list_cont .subject > div {padding-right:30px;}/*padding-right:22px;*/ .news_notice_list ul li .list_cont .date {padding:28px 0 27px 0; font-size:18px; line-height:150%; color:#808080; text-align:center} .news_notice_list ul li .list_cont .cont_txt {padding:40px 4% 64px 4%; border-top:1px solid #e6e6e6; font-size:14px; line-height:150%;} .news_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} /* 회사소개 - 공고 */ .notice_notice_list {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .notice_notice_list ul li {border-top:1px solid #ccc;} .notice_notice_list ul li.first {border-top:none} .notice_notice_list ul li .list_tit {overflow:hidden;} .notice_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .notice_notice_list ul li .list_tit > div {float:left} .notice_notice_list ul li .list_tit .subject {width:calc(100% - 430px);} .notice_notice_list ul li .list_tit .subject .txt a {display:block; padding:20px 0; overflow:hidden; width:100%; font-size:20px; color:#4c4c4c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .notice_notice_list ul li .list_tit .no {width:90px; text-align:center} .notice_notice_list ul li .list_tit .no > span {display:block; font-size:18px; color:#808080;padding:20px 0} .notice_notice_list ul li .list_tit .type {width:160px; text-align:center} .notice_notice_list ul li .list_tit .type > span {display:block; font-size:18px; color:#808080;padding:20px 0} .notice_notice_list ul li .list_tit .attachment {width:70px; text-align:center} .notice_notice_list ul li .list_tit .attachment > span {display:block; font-size:18px; color:#808080;padding:15px 0 16px} .notice_notice_list ul li .list_tit .attachment > span img{display:block;margin:0 auto} .notice_notice_list ul li .list_tit .date {width:110px; text-align:center} .notice_notice_list ul li .list_tit .date > span {display:block; font-size:18px; color:#808080; padding:20px 0} .notice_notice_list ul li .list_cont {display:none; position:relative;} .notice_notice_list ul li .list_cont .btn_close {position:absolute; top:31px; right:0} .notice_notice_list ul li .list_cont .btn_close a {display:block; overflow:none;width:22px; height:44px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; font-size:0; text-indent:-9999px;} .notice_notice_list ul li .list_cont .subject {padding:25px 0 23px 0; font-size:24px; line-height:150%; color:#4c4c4c; text-align:center; background:url(../../image/common/bg_tit_01.gif) no-repeat center bottom;} .notice_notice_list ul li .list_cont .type {padding:28px 0 0px 0; font-size:18px; line-height:150%; color:#808080; text-align:center} .notice_notice_list ul li .list_cont .date {padding:28px 0 27px 0; font-size:18px; line-height:150%; color:#808080; text-align:center} .notice_notice_list ul li .list_cont .cont_txt{padding:40px 4% 64px 4%; border-top:1px solid #e6e6e6; font-size:14px; line-height:150%;word-break:break-all;} .notice_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} .notice_notice_list ul li .list_cont .cont_txt p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h1{font-size:2em;font-weight:bold;margin-block-start:0.67em;margin-block-end:0.67em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h2{font-size:1.5em;font-weight:bold;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h3{font-size:1.17em;font-weight:bold;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h4{font-weight:bold;margin-block-start:1.33em;margin-block-end:1.33em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h5{font-size:0.83em;font-weight:bold;margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h6{font-size:0.67em;font-weight:bold;margin-block-start:2.33em;margin-block-end:2.33em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt strong{font-weight:bold;} .notice_notice_list ul li .list_cont .cont_txt em{font-style:italic} .notice_notice_list ul li .list_cont .cont_txt sup{vertical-align:super;font-size:smaller} .notice_notice_list ul li .list_cont .cont_txt sub{vertical-align:sub;font-size:smaller;} .notice_notice_list ul li .list_cont .cont_txt code{font-family:monospace;} .notice_notice_list ul li .list_cont .cont_txt blockquote{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;} .notice_notice_list ul li .list_cont .cont_txt pre{display:block;font-family:monospace;white-space:pre;margin:1em 0px;} .notice_notice_list ul li .list_cont .cont_txt ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;} .notice_notice_list ul li .list_cont .cont_txt ul li{border-top:none;} .notice_notice_list ul li .list_cont .cont_txt ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;} .notice_notice_list ul li .list_cont .cont_txt ol li{border-top:none;} .notice_notice_list ul li .list_cont .cont_txt table{max-width:100%;} .notice_notice_list ul li .list_cont .attachement{padding:28px 5px 27px 45px; font-size:14px; line-height:150%; color:#808080;} /* page navigation */ .page_navigation {text-align:center} .page_navigation ul {display:inline-block;} .page_navigation ul li {display:inline-block;}/* margin:0 12px; */ .page_navigation ul li a {display:inline-block; width:28px; height:28px; line-height:30px; font-size:14px; text-align:center; color:#4c4c4c} /* .page_navigation ul li a:hover, .page_navigation ul li a.on {color:#f37121} */ .page_navigation ul li a.on {color:#fff; background:#808080;} .page_navigation ul li.first {margin:0 6px;} .page_navigation ul li.prev {margin:0 31px 0 6px;} .page_navigation ul li.next {margin:0 6px 0 31px;} .page_navigation ul li.last {margin:0 6px;} .page_navigation ul li.first a, .page_navigation ul li.prev a, .page_navigation ul li.next a, .page_navigation ul li.last a {display:inline-block; width:28px; height:28px; line-height:30px; border:1px solid #808080; color:#000; text-align:center} /* .page_navigation ul li.first a:hover, .page_navigation ul li.prev a:hover, .page_navigation ul li.next a:hover, .page_navigation ul li.last a:hover { border:1px solid #f37121; color:#fff; background:#f37121;} */ } @media screen and (max-width:999px){ /* Mobile 메인배너 */ .main_visual .main_short_btn {display:none} .main_visual {position:relative;} .main_visual .m_hidepager {position:absolute; z-index:1; top:49px; width:100%; height:22px;} .main_visual .bx-wrapper .bx-pager, .main_visual .bx-wrapper .bx-controls-auto {top:50px !important;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; margin:0 2px; background:url(../../image/common/bg_slide_pager_off.png) no-repeat center center; background-size:5px 5px;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:12px; height:12px; background:url(../../image/common/bg_slide_pager_on.png) no-repeat center center; background-size:12px 12px;} .main_banner .banner_slide {position:relative; overflow-y:hidden; height:640px;}/*max-height:1280px;*/ .main_banner .banner_slide.about {background:url(../../image/main/bg_banner_about_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.igs {background:url(../../image/main/bg_banner_igs_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.qa {background:url(../../image/main/bg_banner_qa_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.service {background:url(../../image/main/bg_banner_service_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.global {background:url(../../image/main/bg_banner_global_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.marketing {background:url(../../image/main/bg_banner_marketing_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.mobirum {background:url(../../image/main/bg_banner_mobirum_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.partner1 {background:url(../../image/main/bg_banner_partner1_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.partner2 {background:url(../../image/main/bg_banner_partner2_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide.gstar {background:url(../../image/main/bg_banner_gstar_m.jpg) no-repeat center 0; background-size:cover;}/* 161116 지스타 */ .main_banner .banner_slide.tipigs {background:url(../../image/main/bg_banner_tipigs_m.jpg) no-repeat center 0; background-size:cover;}/* 161116 TipIGS(대시보드) */ .main_banner .banner_slide.next {background:url(http://igsinc.co.kr/images/IGS/NEXT/official_images/bg_banner_next_m.jpg) no-repeat center center; background-size:cover;} .main_banner .banner_slide .banner_cont.pc {display:none} .main_banner .banner_slide .banner_cont {width:100%; max-width:720px; margin:0 auto} .main_banner .banner_slide .banner_cont > img {display:block; width:100%} .main_banner .banner_slide.igs .banner_cont .cont_area .area_l .full_img {width:260px; margin:110px auto 0 auto} .main_banner .banner_slide.igs .banner_cont .cont_area .area_l .txt {font-size:10px; color:#1a191b;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area {position:relative; width:241px; height:240px; margin:49px auto 0 auto; background:url(../../image/main/img_banner_igs02.png) no-repeat 0 0; background-size:241px 240px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a {display:block; position:absolute; line-height:0; text-align:center; cursor:pointer} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a .img {display:inline-block; line-height:0} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a .img img {display:inline-block; width:100%; line-height:0} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn01 {top:62px; left:-4px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn01 .img {width:21px; height:37px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn02 {top:-21px; left:99px; width:45px; height:35px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn02 .img {width:45px; height:35px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn03 {top:66px; right:-17px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn03 .img {width:45px; height:34px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn04 {bottom:-4px; right:32px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn04 .img {width:33px; height:36px;} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn05 {bottom:-4px; left:32px} .main_banner .banner_slide.igs .banner_cont .cont_area .area_r .btn_area a.btn05 .img {width:36px; height:39px;} .main_banner .banner_slide .banner_cont .tit {padding:0 3% 14px 3%; font-size:30px; line-height:150%; color:#4d4d4d; text-align:center; background:url(../../image/common/bg_tit_02.gif) no-repeat center bottom; background-size:25px 1px;} .main_banner .banner_slide .banner_cont .subtit {margin-top:27px; padding:0 3%; font-size:13px; line-height:150%; color:#4d4d4d; text-align:center} .main_banner .banner_slide .banner_cont .txt {margin-top:1px; padding:0 3%; font-size:9px; line-height:150%; color:#808080; text-align:center} .main_banner .banner_slide .banner_cont .btn_box {overflow:hidden; margin:0 auto} .main_banner .banner_slide .banner_cont .btn_box::after {display:block; content:""; clear:both} .main_banner .banner_slide .banner_cont .btn_box > div {float:left; width:92px; margin-bottom:22px;} .main_banner .banner_slide .banner_cont .btn_box > div > a {display:block; width:76px; height:76px; margin:0 auto} .main_banner .banner_slide .banner_cont .btn_box > div > a img {display:inline-block; width:100%; line-height:0} .main_banner .banner_slide .banner_cont .btn_box > div > div {margin-top:0px; font-size:10px; line-height:150%; color:#333; text-align:center} .main_banner .banner_slide.qa .banner_cont .tit {margin-top:124px;} .main_banner .banner_slide.qa .banner_cont .btn_box {width:92px; margin-top:37px} .main_banner .banner_slide.qa .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_qa_icon_01.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_qa_icon_02.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_qa_icon_03.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_qa_icon_04.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn05 a {background:url(../../image/main/btn_qa_icon_05.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn06 a {background:url(../../image/main/btn_qa_icon_06.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.qa .banner_cont .btn_box .btn07 a {background:url(../../image/main/btn_qa_icon_07.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.about .banner_cont .tit {margin-top:134px;} .main_banner .banner_slide.about .banner_cont .btn_box {margin-top:37px;text-align:center;} .main_banner .banner_slide.about .banner_cont .btn_box > div{display:inline-block;float:none;} .main_banner .banner_slide.about .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_about_icon_01.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_about_icon_02.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_about_icon_03.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.about .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_about_icon_04.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.service .banner_cont .tit {margin-top:134px;} .main_banner .banner_slide.service .banner_cont .btn_box {width:276px; margin-top:86px} .main_banner .banner_slide.service .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_service_icon_01.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.service .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_service_icon_02.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.service .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_service_icon_03.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.global .banner_cont .tit {margin-top:134px;} .main_banner .banner_slide.global .banner_cont .btn_box {width:276px; margin-top:86px} .main_banner .banner_slide.global .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_global_icon_01.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.global .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_global_icon_02.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.global .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_global_icon_03.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.marketing .banner_cont .tit {margin-top:134px;} .main_banner .banner_slide.marketing .banner_cont .btn_box {width:184px; margin-top:23px} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn01 a {background:url(../../image/main/btn_marketing_icon_01.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn02 a {background:url(../../image/main/btn_marketing_icon_02.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn03 a {background:url(../../image/main/btn_marketing_icon_03.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.marketing .banner_cont .btn_box .btn04 a {background:url(../../image/main/btn_marketing_icon_04.png) no-repeat 2px 2px; background-size:72px 72px;} .main_banner .banner_slide.mobirum .banner_cont .cont_area {padding:97px 0 0 0;} .main_banner .banner_slide.mobirum .banner_cont .tit {padding:0 3%;font-size:24px; line-height:30px; color:#fff; background:none} .main_banner .banner_slide.mobirum .banner_cont .txt {margin-top:5px; padding:0 3%; font-size:9px; line-height:14px; color:#1a191b;} .main_banner .banner_slide.mobirum .banner_cont .obj {width:208px; height:383px; margin:-9px auto 0 auto;} .main_banner .banner_slide.mobirum .banner_cont .obj img {display:block; width:100%; line-height:0;} .main_banner .banner_slide .btn_shortcuts {position:absolute; bottom:50px; left:50%; margin-left:-82px;}/* bottom:7.8%; */ .main_banner .banner_slide .btn_shortcuts a {display:block; width:165px; height:39px; line-height:39px; font-size:13px; color:#4d4d4d; text-indent:38px; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 102px center; background-size:11px 5px;} .main_banner .banner_slide .btn_shortcuts.not_bg_img a, .main_banner .banner_slide .btn_shortcuts.not_bg_img a:hover {background-image:none} /* 161116 지스타 */ .main_banner .banner_slide.gstar .banner_cont .cont_area {margin:102px 0 0 0;} .main_banner .banner_slide.gstar .banner_cont .cont_area .gstar_logo {text-align:center} .main_banner .banner_slide.gstar .banner_cont .cont_area .gstar_logo img {display:inline-block; width:110px;} .main_banner .banner_slide.gstar .banner_cont .cont_area .tit {margin:15px 0 0 0; padding:0; font-size:21px; line-height:30px; color:#4d4d4d; text-align:center; letter-spacing:-0.06em; background:none;} .main_banner .banner_slide.gstar .banner_cont .cont_area .txt {margin:5px 0 0 0; padding:0; font-size:9px; line-height:12px; color:#808080; text-align:center; letter-spacing:-0.06em;} .main_banner .banner_slide.gstar .banner_cont .cont_area .img {margin:58px 0 0 0; text-align:center} .main_banner .banner_slide.gstar .banner_cont .cont_area .img img {display:inline-block; width:260px} /* 161116 TipIGS(대시보드) */ .main_banner .banner_slide.tipigs .banner_cont {background:url(../../image/main/bg_banner_tipigs02_m.png) no-repeat center 86px; background-size:640px;}/* 20170214 */ .main_banner .banner_slide.tipigs .banner_cont .cont_area {margin:123px 0 0 0;}/* margin:120px 0 0 0; */ .main_banner .banner_slide.tipigs .banner_cont .cont_area .tipigs_logo {text-align:center; margin-bottom:13px;} .main_banner .banner_slide.tipigs .banner_cont .cont_area .tipigs_logo img {display:inline-block; width:110px;} .main_banner .banner_slide.tipigs .banner_cont .cont_area .tit {margin:15px 0 0 0; padding:0; font-size:21px; line-height:30px; color:#4d4d4d; text-align:center; letter-spacing:-0.06em; background:none;} .main_banner .banner_slide.tipigs .banner_cont .cont_area .txt {width:305px; margin:0 auto; padding:0; font-size:9px; line-height:12px; color:#808080; letter-spacing:-0.06em;} .main_banner .banner_slide.tipigs .banner_cont .cont_area > div:nth-child(2) {font-size:13px; line-height:14px; color:#f0f0f0}/* 20170214 */ .main_banner .banner_slide.tipigs .banner_cont .cont_area > div:nth-child(3) {margin-top:5px; color:#c5c5c5}/* 20170214 */ .main_banner .banner_slide.tipigs .banner_cont .cont_area .img {margin:37px 0 0 0; text-align:center} .main_banner .banner_slide.tipigs .banner_cont .cont_area .img img {display:inline-block; width:320px}/* width:234px */ /* 180329 next */ .main_banner .banner_slide.next .banner_cont .tit {margin-top: 177px;line-height: 120%;} .main_banner .banner_slide.next .banner_cont .tit span {display: block; font-weight: bold;font-size: 20px;} .main_banner .banner_slide.next .banner_cont .tit span.txt-l {font-size: 30px;} /* 슬라이드 pager */ .sec_01 .bx-wrapper .bx-pager, .main_visual .bx-wrapper .bx-controls-auto {top:-24px !important;} .sec_01 .bx-wrapper .bx-pager.bx-default-pager a{width:8px; height:8px; margin:0 3px; background:url(../../image/common/bg_slide_pager02_off.png) no-repeat center center; background-size:8px 8px} .sec_01 .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec_01 .bx-wrapper .bx-pager.bx-default-pager a.active {width:8px; height:8px; background:url(../../image/common/bg_slide_pager02_on.png) no-repeat center center; background-size:8px 8px} /* 메인 타이틀 아래 텍스트 */ .main .txt_01 {text-align:center;} /* 메인 뉴스 */ .main_news {position:relative; margin-top:36px;} .main_news .m_hidepager {position:absolute; z-index:1; top:-36px; width:100%; height:36px;} .main_news .news_list {overflow:hidden;} .main_news .news_list::after {display:block; content:""; clear:both} .main_news .news_list .news_item {float:left; width:47%; margin:0 6% 15px 0; border-bottom:1px solid #e6e6e6;} .main_news .news_list .news_item:nth-child(2n) {margin-right:0} .main_news .news_list .news_item.m_last {margin-right:0} .main_news .news_list .news_item .news_thumb {width:100%;} .main_news .news_list .news_item .news_thumb a, .main_news .news_list .news_item .news_thumb a img {display:block; width:100%;} /* .main_news .news_list .news_item .news_thumb a {display:block; overflow:hidden; width:100%; height:180px; text-align:center} .main_news .news_list .news_item .news_thumb a img {display:inline-block; width:100%; font-size:0; line-height:0; vertical-align:middle} */ .main_news .news_list .news_item .news_tit {height:24px; padding:8px 0;} .main_news .news_list .news_item .news_tit a {display:block; overflow:hidden; font-size:9px; line-height:12px; color:#1a191b} /*height:24px;*/ .main_news .news_list .news_item .news_tit a span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 150%; height: 3em; /* line-height * 라인 수 */ } .main_news .news_list .news_item .news_date {padding:8px 0 5px 0; background:url(../../image/common/bg_divider_03.gif) no-repeat 0 0; font-size:9px; line-height:12px; color:#1a191b} /* 클라이언트, 파트너 */ .main_client, .main_partner {position:relative; margin-top:36px;} .main_client .m_hidepager, .main_partner .m_hidepager {position:absolute; z-index:1; top:-36px; width:100%; height:36px;} .client_list, .partner_list {overflow:hidden} .client_list::after, .partner_list::after {display:block; content:""; clear:both} .client_item, .partner_item {float:left; width:47%; margin:0 6% 20px 0;} .client_item:nth-child(2n), .partner_item:nth-child(2n) {margin-right:0} .client_item.m_last, .partner_item.m_last {margin-right:0} .client_item a, .client_item a img, .client_item > img, .partner_item a, .partner_item a img, .partner_item > img {display:block; width:100%} /* Tab */ .tab01 {overflow:hidden;} .tab01::after {display:block; content:""; clear:both} .tab01 li {float:left; padding:0 0 5px 0;} .tab01 li a {display:block; padding:8px 0 6px 0; border-bottom:3px solid #b3b3b3; font-size:12px; line-height:150%; color:#999; text-align:center} .tab01 li.on {background:url(../../image/common/bg_tab_on.png) no-repeat center bottom; background-size:5px 5px;} .tab01 li.on a {border-bottom:3px solid #f37021; color:#333} .tab_cont {display:none} .about_tab .tab01 li {width:25%;} #about_greetings.tab_cont {display:block} .intro_greetings{padding-top:13px;} .intro_greetings img{width:100%;max-width:531px;margin:0 auto;display:block;} .greetings_wrap{padding-top:30px;max-width:531px;margin:0 auto} .greetings_wrap dt{font-size:12px;color:#1363bd;font-weight:600} .greetings_wrap dd{font-size:11px;color:#828282;padding-top:30px;} .greetings_wrap p{font-size:12px;color:#0d0d0d;text-align:right;padding:20px 10px 0 0} .function_tab .tab01 li {width:50%;} #function_qa.tab_cont {display:block} .focus_tab .tab01 li {width:33.3%;} .focus_tab .tab01 li.last {width:33.4%;} #focus_type1.tab_cont {display:block} /* List */ .dot_list01 li {padding-left:6px; margin-top:15px; font-size:9px; line-height:150%; background:url(../../image/common/bg_dot_03.gif) no-repeat 0 5px; background-size:2px 2px; color:#4c4c4c} .dot_list01 li.first {margin-top:0} .dot_list02 li {padding-left:5px; margin-top:12px; font-size:8px; line-height:150%; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 5px; background-size:2px 2px; color:#4c4c4c} .dot_list02 li.first {margin-top:0} .dot_list03 li {padding-left:10px; margin-top:5px; background:url(../../image/common/bg_dot_04.gif) no-repeat 0 3px; background-size:2px 2px;} .dot_list03 li.first {margin-top:0} .dot_list03 li .txt {font-size:10px; line-height:10px; color:#4d4d4d} .dot_list03 li .add_txt {font-size:7px; line-height:10px; color:#808080} /* 서브 */ .sub_visual {padding-top:60px; height:90px;} .cont_visual {padding:0 3%;} .sub_qa .sub_visual {background:url(../../image/qa/bg_sub_visual_qa_m.jpg) no-repeat center 0;} .sub_service .sub_visual {padding-top:57px; height:93px; background:url(../../image/service/bg_sub_visual_service_m.jpg) no-repeat center 0;} .sub_company .sub_visual {background:url(../../image/company/bg_sub_visual_company_m.jpg) no-repeat center 0;} .sub_contact .sub_visual {padding-top:57px; height:93px; background:url(../../image/contact/bg_sub_visual_contact_m.gif) no-repeat center 0;} .sub_global .sub_visual {background:url(../../image/global/bg_sub_visual_global_m.jpg) no-repeat center 0;} .sub_marketing .sub_visual {background:url(../../image/marketing/bg_sub_visual_marketing_m.jpg) no-repeat center 0;} /* PC용 퀵버튼 */ .cont_visual .sub_short_btn, .p_short_btn {display:none} /* 기능 및 호환성 QA */ .function_tab {padding-top:19px} #function_qa {padding-top:24px;} #function_qa .type {margin:16px 0 23px 0;} #function_qa .process {margin:16px -3% 23px -3%;}/*160809*/ #function_qa .progress {margin:16px 0 0 0;} /* QA프로세스 */ #process_qa {padding-top:24px;} #process_qa .service {margin:16px 0 23px 0;} #process_qa .certification {margin-top:16px;} #compatibility {padding-top:24px;}/* padding-top:32px; */ #compatibility .type {margin:16px 0 23px 0;} #compatibility .device {margin:16px 0 23px 0; padding-top:15px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #compatibility .device .device_list {overflow:hidden; margin-top:13px;} #compatibility .device .device_list::after {display:block; content:""; clear:both} #compatibility .device .device_list li {float:left; width:47%; margin:0 0 21px 6%;} #compatibility .device .device_list li.newline, #compatibility .device .device_list li.m_newline {margin-left:0;} #compatibility .device .device_list li dl dt {line-height:0; font-size:0} #compatibility .device .device_list li dl dt img {display:inline-block; width:100%; line-height:0; font-size:0} #compatibility .device .device_list li dl dd {font-size:7px; color:#808080; text-align:center} #compatibility .progress {margin:16px 0 0 0;} .table_list {display:table} .table_list > ul {display:table-row} .table_list > ul > li {display:table-cell} .checking_list {} .checking_list > ul > li {padding:20px 0 16px 0; border:1px solid #ccc; border-top:none} .checking_list > ul > li.first {border-top:1px solid #ccc;} .checking_list > ul > li .checking_cont {padding-top:30px; background:url(../../image/common/bg_checking.png) no-repeat center 0; background-size:22px 22px; text-align:center} #function_qa .type .checking_list ul li, #balance_qa .type .checking_list ul li {padding:12px 0 14px 0;} .sub_global .center .cont_02 .checking_list ul li {padding:0;} .check_gray_area {padding:13px 3.3% 13px 3.3%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .check_gray_wrap {} .check_gray_txt {padding:5px 0 5px 16px; font-size:7px; line-height:150%; color:#4c4c4c; text-align:left; background:url(../../image/common/bg_checking02.png) no-repeat 0 6px; background-size:11px 11px;} .check_orange_area {border:1px solid #ccc;} .check_orange_wrap {padding:14px 21px 9px 21px;} .check_orange_txt {padding:7px 0 7px 16px; font-size:10px; line-height:150%; color:#4c4c4c; text-align:left; background:url(../../image/common/bg_checking03.png) no-repeat 0 7px; background-size:13px 13px;} .sub_marketing .igs_strategy .check_orange_txt {font-size:9px;} /* 마켓QA */ #market_qa {}/*padding-top:28px;*/ #market_qa .type {margin:16px 0 23px 0;} #market_qa .inspection {margin:16px 0 23px 0; padding-top:15px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #market_qa .inspection .inspection_list {overflow:hidden; margin-top:13px;} #market_qa .inspection .inspection_list::after {display:block; content:""; clear:both} #market_qa .inspection .inspection_list li {float:left; width:24%; margin:0 0 21px 14%;} #market_qa .inspection .inspection_list li.m_newline {margin-left:0;} #market_qa .inspection .inspection_list li dl dt img {display:inline-block; width:100%} #market_qa .inspection .inspection_list li dl dd {font-size:7px; color:#808080; text-align:center} #market_qa .progress {margin:16px 0 0 0;} /* 포커싱QA */ .focus_tab {padding-top:19px} #focus_type1, #focus_type2, #focus_type3 {} #focus_type1 .func, #focus_type2 .func, #focus_type3 .func {margin:17px 0 23px 0;} #focus_type1 .progress, #focus_type2 .progress, #focus_type3 .progress {margin:17px 0 0 0;} /* 로컬라이징QA */ #local_qa {}/*padding-top:28px;*/ #local_qa .type {margin:16px 0 23px 0;} #local_qa .process {margin:16px 0 23px 0;} #local_qa .progress {margin:16px 0 0 0;} /* 밸런스QA */ #balance_qa {}/* padding-top:28px; */ #balance_qa .type {margin:16px 0 23px 0;} #balance_qa .service {margin:16px 0 23px 0;} #balance_qa .progress {margin:16px 0 0 0;} /* 성능QA */ #perfor_qa {}/*padding-top:28px;*/ #perfor_qa .type {margin:16px 0 23px 0;} #perfor_qa .solution {margin:16px 0 23px 0; padding:68px 0 14px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(../../image/qa/bg_perfor_solution.png) no-repeat center 14px; background-size:40px 40px;} #perfor_qa .progress {margin:16px 0 0 0;} /* 개발QA */ #dev_qa {}/*padding-top:28px;*/ #dev_qa .type {margin:16px 0 23px 0;} #dev_qa .progress {margin:16px 0 0 0;} /* 유지보수QA */ #maintenance_qa {}/*padding-top:41px;*/ #maintenance_qa .type {margin:16px 0 23px 0;} #maintenance_qa .progress {margin:16px 0 0 0;} /* 서비스운영 */ .sub_service .intro {margin:28px 0 21px 0; font-size:12px; color:#666; line-height:150%;text-align:center}/*font-size:9px;*/ .sub_service .offer_area {margin:16px 0 0 0;} /* 글로벌 서비스 - 컨설팅 */ .sub_global .consulting {padding-top:28px;} .sub_global .consulting .cont_01, .sub_global .consulting .cont_02, .sub_global .consulting .cont_03 {margin:16px 0 23px 0; padding-top:51px; font-size:12px; line-height:150%; color:#4c4c4c;} .sub_global .consulting .cont_01 {padding-bottom:21px; border-bottom:1px solid #e6e6e6; background:url(../../image/global/bg_consulting_01.png) no-repeat center 0; background-size:40px 40px;} .sub_global .consulting .cont_02 {padding-bottom:21px; border-bottom:1px solid #e6e6e6; background:url(../../image/global/bg_consulting_02.png) no-repeat center 0; background-size:40px 40px;} .sub_global .consulting .cont_03 {background:url(../../image/global/bg_consulting_03.png) no-repeat center 0; background-size:40px 40px;} .sub_global .consulting .cont_03 .check_gray_area {}/* margin-top:25px; */ .sub_global .consulting .cont_04 {margin:16px 0 0 0;} /* 글로벌 서비스 - 현지화/번역 */ .sub_global .localization {padding-top:28px;} .sub_global .localization .cont_01, .sub_global .localization .cont_02, .sub_global .localization .cont_03 {margin:16px 0 23px 0; } /* 글로벌 서비스 - 글로벌센터 */ .sub_global .center {padding-top:28px;} .sub_global .center .cont_01, .sub_global .center .cont_02 {margin:16px 0 23px 0;} .sub_global .center .cont_03 {margin:14px 0 23px 0;} .intro_area {padding:16px 6% 16px 6%; border:1px solid #ccc;} .intro_area:first-of-type{border-bottom:0;} .intro_area .intro_wrap {padding-top:50px; background:url(../../image/global/bg_center_01.png) no-repeat center 0; background-size:127px 34px;} .intro_area .intro_wrap .intro_inner {padding-top:16px; border-top:1px solid #ccc;text-align:center} .intro_area .intro_wrap .intro_inner .intro_tit {margin-bottom:5px; font-size:9px; line-height:150%; color:#4c4c4c} .intro_area .intro_wrap .intro_inner .intro_txt {font-size:9px; line-height:150%; color:#808080} .intro_area2 .intro_wrap {background-image:url(../../image/global/bg_center_02.png)} .sub_global .center .center_view {margin-top:10px; font-size:0; line-height:0} .sub_global .center .center_view img {display:inline; width:100%} /* 게임마켓팅 - IGS 마켓팅 전략 */ .sub_marketing .igs_strategy {padding-top:28px;} .sub_marketing .igs_strategy .cont_01, .sub_marketing .igs_strategy .cont_02 {margin:16px 0 23px 0;} /* 게임마켓팅 - 유저고객 마켓팅 */ .sub_marketing .customer {padding-top:28px;} .sub_marketing .customer .cont_01, .sub_marketing .customer .cont_02 {margin:16px 0 23px 0;} .sub_marketing .customer .cont_03 {margin:14px 0 0 0;} /* 게임마켓팅 - 글로벌 마켓팅 */ .sub_marketing .global_marketing {padding-top:28px;} .sub_marketing .global_marketing .cont_01, .sub_marketing .global_marketing .cont_02 {margin:16px 0 23px 0;} .sub_marketing .global_marketing .cont_01 .checking_list ul li {padding:0} .sub_marketing .global_marketing .cont_02 .full_img {line-height:0} .sub_marketing .global_marketing .cont_02 .checking_list {margin-bottom:20px} .sub_marketing .global_marketing .cont_02 .checking_list ul li {padding:0} /* 모비럼 */ .sub_mobirum .mobirum_visual .short_btn {display:none} .sub_mobirum .mobirum_visual {position:relative;} .sub_mobirum .mobirum_visual .visual_cont {overflow:hidden; width:100%; max-width:720px; height:640px; margin:0 auto; background:url(../../image/mobirum/bg_sub_visual_mobirum_m.jpg) no-repeat center 0; background-size:cover;} .sub_mobirum .mobirum_visual .visual_cont .cont_area {padding:97px 0 0 0;} .sub_mobirum .mobirum_visual .visual_cont .cont_area .tit {padding:0 3%;font-size:24px; line-height:30px; color:#fff; text-align:center} .sub_mobirum .mobirum_visual .visual_cont .cont_area .txt {margin-top:5px; padding:0 3%; font-size:9px; line-height:14px; color:#1a191b; text-align:center} .sub_mobirum .mobirum_visual .visual_cont .cont_area .obj {width:208px; height:383px; margin:-9px auto 0 auto;} .sub_mobirum .mobirum_visual .visual_cont .cont_area .obj img {display:block; width:100%; line-height:0;} .sub_mobirum .mobirum_visual .btn_shortcuts {position:absolute; bottom:50px; left:50%; margin-left:-82px;} .sub_mobirum .mobirum_visual .btn_shortcuts a {display:block; width:165px; height:39px; line-height:39px; font-size:13px; color:#4d4d4d; text-indent:38px; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 102px center; background-size:11px 5px;} .sub_mobirum .intro {padding-top:34px;} .sub_mobirum .intro .tit {font-size:24px; line-height:150%; color:#292826} .sub_mobirum .intro .txt {font-size:12px; line-height:150%; color:#898989} .sub_mobirum .intro .brochure {margin:41px 0 10px 0;} .sub_mobirum .intro .brochure ul {overflow:hidden} .sub_mobirum .intro .brochure ul::after {display:block; content:""; clear:both} .sub_mobirum .intro .brochure ul li {margin:0 0 10px 0;}/*float:left; width:48%; margin:0 0 10px 4%;*/ .sub_mobirum .intro .brochure ul li.p_newline {margin-left:0} .sub_mobirum .intro .brochure ul li img {display:inline-block; width:100%} .sub_mobirum .dowmload_area {padding:15px 0 20px 0; background:url(../../image/mobirum/bg_dowmload_area.gif) repeat-y center 0; background-size:100%} .sub_mobirum .dowmload_area .txt_area .tit {font-size:20px; line-height:150%; color:#fff} .sub_mobirum .dowmload_area .txt_area .txt {font-size:9px; line-height:150%; color:#c6e0f3} .sub_mobirum .dowmload_area .btn_area {margin-top:26px; width:133px; height:23px; line-height:23px; border:1px solid #fff;} .sub_mobirum .dowmload_area .btn_area a {display:block;} .sub_mobirum .dowmload_area .btn_area a span {display:inline-block; margin-left:17px; padding-right:15px; font-size:9px; line-height:150%; color:#fff; background:url(../../image/common/icon_book.png) no-repeat right center; background-size:9px 11px;} /* 회사소개 - About IGS */ .about_tab {padding-top:19px} #about_igs {padding-top:13px;} #about_igs .intro {margin:15px 0 20px 0;} #about_igs .intro > ul li {font-size:9px; line-height:150%; color:#4c4c4c} #about_igs .summary {margin:17px 0 23px 0} #about_igs .location {margin:17px 0 23px 0} #about_igs .location .map {height:254px; border-top:1px solid #b3b3b3;} #about_igs .location .map iframe {height:254px } #about_igs .progress {margin:16px 0 0 0;} .about_list01 {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .about_list01 li {overflow:hidden; border-top:1px solid #ccc; font-size:9px; line-height:150%; color:#4c4c4c} .about_list01 li.first {border-top:none} .about_list01 li dl::after {display:block; content:""; clear:both} .about_list01 li dl dt {float:left; width:33%; padding:12px 0 8px 0; text-align:center} .about_list01 li dl dd {float:left; width:64.4%; padding:12px 0 8px 2.6%;} .about_list01 li dl dd span {display:block; padding:0 0 0 2.5%; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 5px; background-size:1px 1px;} .life_wrap a{display:block;} .life_wrap img{display:block;width:100%;} .life_wrap .left{float:left;width:calc(50% - 7px);margin-right:14px;font-size:0;margin-bottom:14px;} .life_wrap .right{font-size:0} .life_wrap .right li{float:left;width:calc(50% - 7px);margin-right:14px;margin-bottom:14px;} .life_wrap .right li:nth-child(1), .life_wrap .right li:nth-child(3){margin-right:0} .life_wrap .right li:nth-child(2), .life_wrap .right li:nth-child(3){margin-bottom:0} .event_wrap{text-align:center;font-size:0} .event_wrap li{width:calc(50% - 7px);display:inline-block;margin-right:14px;margin-top:14px;vertical-align:top} .event_wrap li:nth-child(1), .event_wrap li:nth-child(2){margin-top:0} .event_wrap li:nth-child(2n){margin-right:0} .event_wrap li a{display:block;position:relative;width:100%;height:0;padding-bottom:145%;overflow:hidden} .event_wrap li a img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;} .event_wrap li div{display:block;position:relative;width:100%;height:0;padding-bottom:145%;overflow:hidden} .event_wrap li div img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;} #history_igs {padding-top:31px;} .history_list {overflow:hidden;} .history_list::after {display:block; content:""; clear:both} .history_list dt, .history_list dd {float:left; color:#4c4c4c; line-height:150%;} .history_list dt {width:21.7%; padding:11px 0 0 0.8%; border-top:1px solid #b3b3b3; font-size:16px;}/* border-top:1px solid #f37021; */ .history_list dd {width:74%; margin-left:3.5%; padding:19px 0 17px 0; border-top:1px solid #b3b3b3;} .history_list dd ul li.subline {padding-left:18px; background:none} /* 2020 3Q */ #map_igs .summary {margin:17px 0 23px 0} #map_igs .location {margin:17px 0 23px 0} #map_igs .location .map {height:254px; border-top:1px solid #b3b3b3;} #map_igs .location .map iframe {height:254px } /* 회사소개 - About IGS 대구(지사) */ .igs_branch {padding-top:28px;} .igs_branch .intro {margin:13px 0 0 0;} .igs_branch .checking_list {margin-top:12px} .igs_branch .checking_list > ul > li {position:relative; padding:26px 0 37px 0; vertical-align:middle} .igs_branch .checking_list > ul > li > p {position:absolute; bottom:6px; left:0; width:100%; text-align:center; font-size:7px; line-height:10px; color:#808080} .igs_branch .forte {margin-top:27px;} .igs_branch .forte .tit_04 {margin-bottom:25px} .igs_branch .office_view {margin-top:23px; font-size:0; line-height:0} .igs_branch .office_view img {display:block; width:100%} /* 회사소개 - Recruit */ .recruit_tab ul {overflow:hidden;} .recruit_tab ul::after {display:block; content:""; clear:both} .recruit_tab ul li {float:left; padding:0 0 5px 0;} .recruit_tab ul li a {display:block; padding:8px 0 6px 0; border-bottom:3px solid #b3b3b3; font-size:12px; line-height:150%; color:#999; text-align:center} .recruit_tab ul li.on {background:url(../../image/common/bg_tab_on.png) no-repeat center bottom; background-size:5px 5px;} .recruit_tab ul li.on a {border-bottom:3px solid #f37021; color:#333} .recruit_tab ul li {width:33.3%;} .recruit_tab ul li.last {width:33.4%;} /* 회사소개 - Recruit:인사제도 */ #recruit_person .full_img {margin-top:20px} #recruit_system {} .personnel_system {margin-top:14px;} .personnel_system .full_img {margin-top:11px;} .welfare_system {margin-top:20px;} /* 회사소개 - Recruit:채용공고 */ #recruit_notice {} .recruit_person {margin-top:17px} .recruit_person img {display:inline-block; width:100%} .recruit_process {margin-top:17px; padding:32px 0 15px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center} .recruit_process .process_wrap {display:block;} .recruit_process .process_wrap.last {margin-right:0;} .recruit_process .process_wrap > div {display:inline-block; padding-left:16px; margin:0 12px 15px 0; font-size:12px; line-height:150%; background:url(../../image/common/arrow_right_04.png) no-repeat left center; background-size:11px 5px; text-align:left; vertical-align:top}/*vertical-align:middle*/ .recruit_process .process_wrap > div.step1 {padding-left:0; background:none;} .recruit_process .process_wrap > div.endline {margin-right:0;} .recruit_notice {} .recruit_notice_list {padding:0 12px; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .recruit_notice_list ul li {border-top:1px solid #ccc;} .recruit_notice_list ul li.first {border-top:none} .recruit_notice_list ul li .list_tit {overflow:hidden;} .recruit_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .recruit_notice_list ul li .list_tit > div {float:left} .recruit_notice_list ul li .list_tit .classify {width:12.5%; padding-top:26px; font-size:9px; color:#4c4c4c; text-align:center} .recruit_notice_list ul li .list_tit .subject {width:63.5%; padding:17px 0 11px 7%;} .recruit_notice_list ul li .list_tit .subject .txt a {display:block; overflow:hidden; width:97.5%; font-size:12px; line-height:150%; color:#4c4c4c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .recruit_notice_list ul li .list_tit .subject .d_day {width:97.5%; margin-top:0px; font-size:9px; line-height:150%; color:#808080} .recruit_notice_list ul li .list_tit .state {width:17%; text-align:right} .recruit_notice_list ul li .list_tit .state > span {display:inline-block; width:76%; padding:6px 0 5px 0; margin-top:15px; font-size:9px; color:#fff; text-align:center; background:#f37121} .recruit_notice_list ul li .list_tit .state.end > span {background:#808080} .recruit_notice_list ul li .list_cont {display:none; position:relative;}/*border-top:1px solid #b3b3b3*/ .recruit_notice_list ul li .list_cont .btn_close {position:absolute; top:20px; right:3.5%} .recruit_notice_list ul li .list_cont .btn_close a {display:block; overflow:none; width:11px; height:22px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; background-size:11px 22px; font-size:0; text-indent:-9999px;} .recruit_notice_list ul li .list_cont .subject {padding:16px 3.5% 7px 3.5%; font-size:16px; line-height:150%; color:#4c4c4c} .recruit_notice_list ul li .list_cont .d_day {padding:0 3.5% 17px 3.5%; font-size:9px; line-height:150%; color:#808080} .recruit_notice_list ul li .list_cont .d_day .m_item {margin-left:9px; padding-left:10px; background:url(../../image/common/bg_divider_04.gif) no-repeat 0 center; background-size:1px 10px} .recruit_notice_list ul li .list_cont .d_day .state {color:#f37121} .recruit_notice_list ul li .list_cont .d_day .state.end {color:#808080} .recruit_notice_list ul li .list_cont .cont_txt {padding:17px 3.5%; border-top:1px solid #e6e6e6; font-size:12px; line-height:150%;} .recruit_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} .recruit_notice_list ul li .list_cont .dn_area {display:none;}/*padding:5px 3.5%; border-top:1px solid #e6e6e6;*/ /* 회사소개 - 뉴스 */ .news_notice {} .news_notice_list {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .news_notice_list ul li {border-top:1px solid #ccc;} .news_notice_list ul li.first {border-top:none} .news_notice_list ul li .list_tit {overflow:hidden;} .news_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .news_notice_list ul li .list_tit > div {float:left} .news_notice_list ul li .list_tit .thumb {width:26%; padding:10px 0 5px 0; font-size:18px; color:#4c4c4c; text-align:left} .news_notice_list ul li .list_tit .thumb img {display:inline-block; width:82%;}/*border:1px solid #e0e0e0*/ .news_notice_list ul li .list_tit .subject {width:74%; padding:6px 0 0px 0;} .news_notice_list ul li .list_tit .subject .txt a {display:block; overflow:hidden; width:91%; padding:0 0 0 3.6%; font-size:12px; color:#4c4c4c; background:url(../../image/common/bg_dot_02.gif) no-repeat 0 center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .news_notice_list ul li .list_tit .subject .cont_preview { display: -webkit-box; overflow:hidden; width:91%; padding-left:3.6%; margin-top:0px; font-size:10px; color:#808080; text-overflow: ellipsis; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5; height: 3em; /* line-height * 라인수 */ } .news_notice_list ul li .list_tit .subject .note {display:none} .news_notice_list ul li .list_tit .subject .date {padding-left:2.5%; margin-top:5px; font-size:8px; color:#808080} .news_notice_list ul li .list_tit > .date {display:none} .news_notice_list ul li .list_cont {display:none; position:relative;}/*border-top:1px solid #b3b3b3*/ .news_notice_list ul li .list_cont .btn_close {position:absolute; top:20px; right:3.5%} .news_notice_list ul li .list_cont .btn_close a {display:block; overflow:hidden; width:11px; height:22px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; background-size:11px 22px; font-size:0; text-indent:-9999px;} .news_notice_list ul li .list_cont .subject {padding:16px 3.5% 7px 3.5%; font-size:16px; line-height:150%; color:#4c4c4c} .news_notice_list ul li .list_cont .subject > div {padding-right:15px;}/*padding-right:11px;*/ .news_notice_list ul li .list_cont .date {padding:0 3.5% 17px 3.5%; font-size:9px; line-height:150%; color:#808080} .news_notice_list ul li .list_cont .cont_txt {padding:17px 3.5%; border-top:1px solid #e6e6e6; font-size:12px; line-height:150%;} .news_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} /* 회사소개 - 공고 */ .notice_notice_list {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;} .notice_notice_list ul li {border-top:1px solid #ccc;} .notice_notice_list ul li.first {border-top:none} .notice_notice_list ul li .list_tit {overflow:hidden;} .notice_notice_list ul li .list_tit::after {display:none; content:""; clear:both} .notice_notice_list ul li .list_tit > div {float:left} .notice_notice_list ul li .list_tit .subject {width:calc(100% - 200px);} .notice_notice_list ul li .list_tit .subject .txt a {display:block; padding:10px 0; overflow:hidden; width:100%; font-size:12px; color:#4c4c4c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .notice_notice_list ul li .list_tit .no {width:35px; text-align:center} .notice_notice_list ul li .list_tit .no > span {display:block; font-size:12px; color:#808080;padding:10px 0} .notice_notice_list ul li .list_tit .type {width:75px; text-align:center} .notice_notice_list ul li .list_tit .type > span {display:block; font-size:12px; color:#808080;padding:10px 0} .notice_notice_list ul li .list_tit .attachment {width:20px; text-align:center} .notice_notice_list ul li .list_tit .attachment > span {display:block; font-size:12px; color:#808080;padding:10px 0 11px} .notice_notice_list ul li .list_tit .attachment > span img{display:block;margin:0 auto;width:20px;} .notice_notice_list ul li .list_tit .date {width:70px; text-align:center} .notice_notice_list ul li .list_tit .date > span {display:block; font-size:12px; color:#808080; padding:10px 0} .notice_notice_list ul li .list_cont {display:none; position:relative;} .notice_notice_list ul li .list_cont .btn_close {position:absolute; top:20px; right:10px} .notice_notice_list ul li .list_cont .btn_close a {display:block; overflow:hidden; width:11px; height:22px; background:url(../../image/common/arrow_top01.png) no-repeat 0 0; background-size:11px 22px; font-size:0; text-indent:-9999px;} .notice_notice_list ul li .list_cont .subject {padding:12px 0 11px 0; font-size:12px; line-height:150%; color:#4c4c4c; text-align:center; background:url(../../image/common/bg_tit_01.gif) no-repeat center bottom;} .notice_notice_list ul li .list_cont .type {padding:14px 0 0px 0; font-size:12px; line-height:150%; color:#808080; text-align:center} .notice_notice_list ul li .list_cont .date {padding:14px 0 13px 0; font-size:12px; line-height:150%; color:#808080; text-align:center} .notice_notice_list ul li .list_cont .cont_txt{padding:17px 15px; border-top:1px solid #e6e6e6; font-size:12px; line-height:150%;word-break:break-all;overflow-x:auto;} .notice_notice_list ul li .list_cont .cont_txt img {display:inline-block; max-width:100%} .notice_notice_list ul li .list_cont .cont_txt p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h1{font-size:2em;font-weight:bold;margin-block-start:0.67em;margin-block-end:0.67em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h2{font-size:1.5em;font-weight:bold;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h3{font-size:1.17em;font-weight:bold;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h4{font-weight:bold;margin-block-start:1.33em;margin-block-end:1.33em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h5{font-size:0.83em;font-weight:bold;margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt h6{font-size:0.67em;font-weight:bold;margin-block-start:2.33em;margin-block-end:2.33em;margin-inline-start:0px;margin-inline-end:0px;} .notice_notice_list ul li .list_cont .cont_txt strong{font-weight:bold;} .notice_notice_list ul li .list_cont .cont_txt em{font-style:italic} .notice_notice_list ul li .list_cont .cont_txt sup{vertical-align:super;font-size:smaller} .notice_notice_list ul li .list_cont .cont_txt sub{vertical-align:sub;font-size:smaller;} .notice_notice_list ul li .list_cont .cont_txt code{font-family:monospace;} .notice_notice_list ul li .list_cont .cont_txt blockquote{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;} .notice_notice_list ul li .list_cont .cont_txt pre{display:block;font-family:monospace;white-space:pre;margin:1em 0px;} .notice_notice_list ul li .list_cont .cont_txt ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;} .notice_notice_list ul li .list_cont .cont_txt ul li{border-top:none;} .notice_notice_list ul li .list_cont .cont_txt ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;} .notice_notice_list ul li .list_cont .cont_txt ol li{border-top:none;} .notice_notice_list ul li .list_cont .cont_txt table{max-width:100%;width:100% !important;table-layout:auto;} .notice_notice_list ul li .list_cont .attachement{padding:14px 0 13px; font-size:12px; line-height:150%; color:#808080;} /* contact us*/ #contact_us {display:none;}/* pc contact us*/ .sub_contact .placeholder {color: #959595;} /* IE9- (placeholder.js에서 클래스 자동생성) */ .sub_contact ::-webkit-input-placeholder {color: #959595;} /* Chrome/Opera/Safari */ .sub_contact ::-webkit-textarea-placeholder {color: #959595;} /* Chrome/Opera/Safari */ .sub_contact ::-moz-placeholder {color: #959595;} /* Firefox 19+ */ .sub_contact :-moz-placeholder {color: #959595;} /* Firefox 18- */ .sub_contact :-ms-input-placeholder {color: #959595;} /* IE 10+ */ .sub_contact :-ms-textarea-placeholder {color: #959595;} /* IE 10+ */ .sub_contact .contact_row {margin-bottom:15px;} .sub_contact .contact_row .ipt {} .sub_contact .contact_row .ipt.w_50p input[type="text"], .sub_contact .contact_row .ipt.w_50p input[type="number"], .sub_contact .contact_row .ipt.w_50p input[type="password"] {display:block; width:92%; height:50px; line-height:50px; padding:0 4%; border:1px solid #9b9b9b;} .sub_contact .contact_row .ipt.w_100p input[type="text"], .sub_contact .contact_row .ipt.w_100p input[type="number"], .sub_contact .contact_row .ipt.w_100p input[type="password"] {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b;} .sub_contact .contact_row.slct_area .ipt {} .sub_contact .contact_row .slct_box {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b;} .sub_contact .contact_row .slct_box span {display:block; color:#959595; background:url(../../image/common/bg_m_slct_btn.png) no-repeat right center; background-size:6px 5px;} .sub_contact .contact_row .slct_list {display:none; position:absolute; z-index:1; top:50px; width:100%; border:1px solid #9b9b9b; background:#fff} .sub_contact .contact_row .slct_list.open {display:block} .sub_contact .contact_row .slct_list li {display:block; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; background:#fff;} .sub_contact .contact_row .slct_list li:hover {color:#fff; background:#1e90ff;} .sub_contact .contact_row .file_srch {display:block; position:relative; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b; color:#959595; cursor:pointer} .sub_contact .contact_row .file_srch .ipt_file {position: absolute; top:0; width:96.6%; height:50px;} .sub_contact .contact_row .file_srch .ipt_file input[type="file"] {display:block; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; cursor:pointer} .sub_contact .contact_row .file_name {display:block; overflow:hidden; width:96.6%; height:50px; line-height:50px; padding:0 1.7%; border:1px solid #9b9b9b; color:#959595; } .sub_contact .contact_row .file_name::after {display:block; content:""; clear:both} .sub_contact .contact_row .file_name > span {display:block; float:left} .sub_contact .contact_row .file_name .txt_file_name {overflow:hidden; width:90%; color:#1a191b; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal} .sub_contact .contact_row .file_name .btn_del_file {width:10%; text-align:right;} .sub_contact .contact_row .file_name .btn_del_file > span {display:inline-block; overflow:hidden; width:10px; height:10px; font-size:0; background:url(../../image/common/btn_delete02.png) no-repeat 0 0; background-size:10px 10px; text-indent:-9999px; cursor:pointer; vertical-align:middle;} .sub_contact .contact_row textarea {display:block; width:96.6%; height:100px; padding:15px 1.7%; border:1px solid #9b9b9b; resize:none;} .sub_contact .contact_row .w_50p {width:48%;} .sub_contact .mr_4p{margin-right:4%;} .sub_contact .contact_row.term_privacy_area {border:1px solid #9b9b9b;} .sub_contact .contact_row.term_privacy_area > div {padding:0 1.7%;} .sub_contact .contact_row.term_privacy_area .chk_agree {border-bottom:1px solid #e0e0e0;} .sub_contact .contact_row.term_privacy_area .chk_agree > div {height:50px;} .sub_contact .contact_row.term_privacy_area .term_cont {overflow:auto; height:110px; padding-top:10px;}/*height:63px; padding:10px 0 10px 0;*/ .sub_contact .contact_row.term_privacy_area .chk_agree .chk_label {float:left; width:90%;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_label span {display:inline-block; padding-top:17px} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area {float:right; position:relative; width:10%; height:100%;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area > span {display:inline-block; position:absolute; /* z-index:1; */ top:50%; right:0; width:17px; height:16px; margin-top:-8px; background:url(../../image/common/btn_m_chk_off.png) no-repeat 0 center; background-size:17px 16px; text-align: center;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area.on > span {background:#fff url(../../image/common/btn_m_chk_on.png) no-repeat 0 center; background-size:17px 16px;} .sub_contact .contact_row.term_privacy_area .chk_agree .chk_box_area input[type="checkbox"] { width:0; height:0; margin:0; padding:0; border:0; background:none; vertical-align:top; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .sub_contact .btn_submit {margin-top:30px; text-align:center} .sub_contact .btn_submit input[type="submit"] {display:inline-block; width:165px; height:39px; line-height:39px; border:none; font-size:13px; color:#4d4d4d; text-align:left; text-indent:38px; color:#fff; background:#f15a22 url(../../image/common/arrow_right_03.png) no-repeat 102px center; background-size:11px 5px;} /* page navigation */ .page_navigation {text-align:center} .page_navigation ul {display:inline-block;} .page_navigation ul li {display:inline-block;}/*margin:0 6px;*/ /* .page_navigation ul li a {display:inline-block; height:14px; line-height:16px; font-size:12px; text-align:center; color:#4c4c4c} */ .page_navigation ul li a {display:inline-block; width:14px; height:14px; line-height:16px; font-size:12px; text-align:center; color:#4c4c4c} /* .page_navigation ul li a.on {color:#f37121} */ .page_navigation ul li a.on {color:#fff; background:#808080;} .page_navigation ul li.first {margin:0 3px;} .page_navigation ul li.prev {margin:0 15px 0 3px;} .page_navigation ul li.next {margin:0 3px 0 15px;} .page_navigation ul li.last {margin:0 3px;} .page_navigation ul li.first a, .page_navigation ul li.prev a, .page_navigation ul li.next a, .page_navigation ul li.last a {display:inline-block; width:14px; height:14px; line-height:16px; border:1px solid #808080; color:#000; text-align:center} /* .page_navigation ul li.first a:hover, .page_navigation ul li.prev a:hover, .page_navigation ul li.next a:hover, .page_navigation ul li.last a:hover { border:1px solid #f37121; color:#fff; background:#f37121;} */ } @media screen and (max-width:375px){ .main_banner .banner_slide.about .banner_cont .btn_box > div{width:auto;} } @media screen and (max-width:359px){ .main_banner .banner_slide .btn_shortcuts {bottom:36px;} .sub_mobirum .mobirum_visual .btn_shortcuts {bottom:36px;} }