@charset "UTF-8"; /*********************************************************************************************************************** Sub Layout ***********************************************************************************************************************/ .wrap .container_sub {position:relative;max-width:1280px;min-height:100%;} .wrap .side_none {max-width:1015px;padding-right:0;}/*사이드 컨텐츠 없는 경우*/ .wrap .container_sub > .content {clear:both;} .wrap .side_none > .side_content {display:none;} .wrap .side_view {font-size:0;line-height:0;border-right:1px solid #d7d7d7;background:#FFF url(/images/sub/bg_sidecontent.gif) repeat-y right top !important;background-size:20.1% auto !important;}/*사이드 컨텐츠 있는 경우*/ .wrap .side_view > .nav_lnb {margin-right:20%;} .wrap .side_view .content {display:inline-block;*display:inline;*zoom:1;width:70%;} .wrap .side_view .side_content {display:inline-block;*display:inline;*zoom:1;width:20%;margin-top:-58px;} .footer_pc {position:absolute !important;left:0;bottom:0;right:0;} .wrap .side_view .footer_pc {right:20% !important;} /*********************************************************************************************************************** Sub Style ***********************************************************************************************************************/ .wrap .container_sub {background:#FFF;} .container_sub > h3 {display:none;} /* Lnb ***********/ .container_sub > .nav_lnb {position:relative;height:58px;padding-right:60px;background:#4D4D4D;} .container_sub > .no_lnb_btn {padding-right:0} .container_sub .nav_lnb .lnbmenu {position:relative;width:100%; height:58px; margin:0 auto; overflow:hidden; } .container_sub .nav_lnb .lnbmenu > ul {position:absolute; top:0;left:0;overflow:hidden;width:100%;height:58px;} .container_sub .nav_lnb .lnbmenu > ul li {float:left;height:58px; } .container_sub .nav_lnb .lnbmenu > ul li > a {display:table;width:100%;height:58px;text-align:center;} .container_sub .nav_lnb .lnbmenu > ul li > a > span {display:table-cell;padding:0 5px;height:100%;font-size:16px;font-weight:normal;line-height:20px;color:#ddd;vertical-align:middle;} .container_sub .nav_lnb .lnbmenu > ul li > a:hover > span > span, .container_sub .nav_lnb .lnbmenu > ul li > a:active > span > span {border-bottom:2px solid #F05A29;} .container_sub .nav_lnb .lnbmenu > ul li.on {background-color:#F05A29;} .container_sub .nav_lnb .lnbmenu > ul li.on > a > span {color:#FFF;} .container_sub .nav_lnb > .btn_area {position:absolute;top:0;right:0;height:58px;border-left:1px solid #5d5d5d;} .container_sub .nav_lnb > .btn_area .btn_prev, .container_sub .nav_lnb > .btn_area .btn_next {display:block;float:left;width:30px;height:58px;font-size:0;line-height:0;text-indent:-9999em;color:transparent;background:url(/images/sub/img_sub.png) no-repeat;} .container_sub .nav_lnb > .btn_area a.btn_prev {background-position:-137px 18px;cursor:default} .container_sub .nav_lnb > .btn_area a.btn_next {background-position:-195px 18px;cursor:default} .container_sub .nav_lnb > .btn_area a:first-child.on {background-position:-235px 17px;cursor:pointer} .container_sub .nav_lnb > .btn_area a:last-child.on {background-position:-294px 17px;cursor:pointer} .container_sub .nav_lnb > .btn_area a:hover.on {background-color:#575757} /* Sub contents Area ***********/ .container_sub > .content {padding:65px 5% 85px;background-color:#FFF;} .container_sub > .content > h4 {font-size:36px;line-height:46px;} .container_sub > .content > .comment_page {margin-top:5px;font-size:14px;line-height:24px;color:#656565;} .container_sub > .content > .inner_info {position:relative;padding-top:30px;/*font-family:"나눔고딕","NanumGothic", sans-serif */} .container_sub > .content > .inner_info > h5 {display:none;/*margin-bottom:15px;font-size:26px;line-height:36px;*/} /* Path Link */ .container_sub > .content .link_path {height:18px;margin-bottom:10px;text-align:right;font-size:0;line-height:0;} .container_sub > .content .link_path li {display:inline-block;*display:inline;*zoom:1;padding:0 11px 0 5px;background:url(/images/sub/icon_pathlink_arrow.png) no-repeat right 3px;} .container_sub > .content .link_path li a {display:block;padding:0 5px;font-size:14px;line-height:18px;color:#707070;} .container_sub > .content .link_path li.home a {width:17px;background:url(/images/sub/img_sub.png) no-repeat 5px 0;font-size:0;font-line:0;text-indent:-9999em;color:transparent;} .container_sub > .content .link_path li.last {padding-right:0;background-image:none;} .container_sub > .content .link_path li.last a {color:#f15a2c;} /* Sub Tab Menu */ .container_sub .inner_info .tab_sub {display:table;width:100%;margin-bottom:30px;font-size:0;line-height:0;} .container_sub .inner_info > .tab_sub li {display:table-cell;border-bottom:1px solid #dbdbdb;vertical-align:middle;} .container_sub .inner_info > .tab_sub li a {display:block;width:100%;padding:12px 0;font-size:14px;line-height:18px;color:#999;letter-spacing:-0.025em;text-align:center;} .container_sub .inner_info > .tab_sub li.on {border-bottom:3px solid #F05A29;} .container_sub .inner_info > .tab_sub li.on a, .container_sub .inner_info > .tab_sub li.on a:hover {padding:12px 0 10px 0;font-weight:600;color:#f15a2c;} .container_sub .inner_info > .tab_sub li a:hover {color:#656565;} /*Contents View Option*/ .container_sub .inner_info > .view_option {position:relative;width:100%;margin-top:15px;font-size:0;line-height:0;} .container_sub .inner_info > .content_top {margin:0 0 10px 0;} /*Search Box*/ .container_sub .inner_info > .view_option .searchbox {position:relative;display:inline-block;*display:inline;*zoom:1;background:#FFF;border:1px solid #e0e0e0;cursor:pointer;text-align:left;} .container_sub .inner_info > .view_option .searchbox .selected, .container_sub .inner_info > .view_option .searchbox .select_options, .container_sub .inner_info > .view_option .searchbox .option {width:45px;font-size:13px;font-weight:normal;line-height:15px;color:#777;text-align:center;} .container_sub .inner_info > .view_option .searchbox .selected {z-index:1;position:relative;overflow:hidden;display:inline-block;*display:inline;*zoom:1;height:15px;padding:9px 0;background:url(/images/sub/img_selectline.png) no-repeat right 9px;} .container_sub .inner_info > .view_option .searchbox .select_options {z-index:999;display:none;position:absolute;left:-1px;top:33px;border:1px solid #c0c0c0;background:#FFF;} .container_sub .inner_info > .view_option .searchbox .option {display:block;padding:9px 0;color:#999;} .container_sub .inner_info > .view_option .searchbox .option:hover {color:#656565;background:#f5f5f5;} .container_sub .inner_info > .view_option .searchbox .int_search {width:140px;height:17px;padding:8px 5px;font-size:13px;line-height:17px;color:#777;border:0 none;} .container_sub .inner_info > .view_option .searchbox .btn_search {width:33px;height:33px;margin-left:2px;font-size:0;font-line:0;text-indent:-9999em;color:transparent;background:#FFF url(/images/sub/img_sub.png) -42px 8px;border:0 none;} /*Select Box*/ .container_sub .inner_info > .view_option .selectbox {margin-right:5px;} .container_sub .inner_info > .view_option .selectbox .selected, .container_sub .inner_info > .view_option .selectbox .select_options, .container_sub .inner_info > .view_option .selectbox .option {text-align:left;} .container_sub .inner_info > .view_option .selectbox .selected {width:137px;height:15px;padding:9px 33px 9px 9px;background:none;} .container_sub .inner_info > .view_option .selectbox .select_options {padding-left:0;width:179px;height:400px;overflow:auto} .container_sub .inner_info > .view_option .selectbox .option {width:170px;padding-left:9px;} .container_sub .inner_info > .view_option .selectbox .selectarrow {position:absolute;top:0;right:0;display:block;width:33px;height:33px;background:url(/images/sub/img_sub.png) no-repeat -341px 13px;} .container_sub .inner_info .view_option .btn_mov {display:inline-block;*display:inline;*zoom:1;height:35px;padding:0 15px;font-size:12px;line-height:16px;color:#818181;background:#FFF;border:1px solid #e9e9e9;} /*View Btn*/ .container_sub .view_option > button {display:inline-block;*display:inline;*zoom:1;height:35px;padding:0 15px;font-size:12px;font-weight:lighter;line-height:16px;color:#818181;background:#FFF;border:1px solid #e9e9e9;border-radius:1px;} .container_sub .view_option > button.btn_red, .container_sub .view_option > button.btn_redline, .container_sub .view_option > button.btn_dark {padding:0 20px;height:42px;font-size:14px;} .container_sub .view_option > button.btn_red {color:#FFF;background:#FA641F;border:1px solid #FA641F;} .container_sub .view_option > button.btn_redline {color:#F05A29;background:#FFF;border:1px solid #FA641F;} .container_sub .view_option > button.btn_dark{color:#FFF;background:#5e5e5e;border:1px solid #5e5e5e;} /* List:table-row */ .container_sub .list_table_row {} .container_sub .list_table_row thead {background:#eee;} .container_sub .list_table_row thead th {padding:13px 0;font-size:14px;line-height:24px;color:#707070;text-align:center;} .container_sub .list_table_row tbody td {height:30px;padding:15px 0 5px;font-size:14px;font-weight:normal;line-height:20px;color:#333;border-bottom:1px solid #e9e9e9;text-align:center;} .container_sub .list_table_row tbody td > a {display:block;text-align:left;color:#000;} .container_sub .list_table_row tbody td > a:hover {text-decoration:underline;} /* List:card */ .container_sub .list_card {width:100%;font-size:0;line-height:0;} .container_sub .list_card > li {display:inline-block;*display:inline;*zoom:1;margin-bottom:60px; } .container_sub .list_card > li > a {display:block;width:auto;max-width:270px;margin:0 auto;background:#f5f5f5;border:1px solid #e0e0e0;} .container_sub .list_card > li > a > p {width:100%;background:#FFF;} .container_sub .list_card > li > a > p img {width:100%;height:auto;} .container_sub .list_card > li > a > h5 {padding:25px 25px 0;font-size:16px;font-weight:600;line-height:26px;} .container_sub .list_card > li > a > dl {padding:15px 25px 20px;} .container_sub .list_card > li > a > dl dt {font-size:14px;font-weight:600;line-height:22px;color:#444;} .container_sub .list_card > li > a > dl dd {margin-top:5px;font-size:12px;line-height:22px;color:#777;} .container_sub .list_card > li > a:hover {border:1px solid #f15a2c;} /* 가로 사이즈 줄어들었을 경우 */ .container_sub .list_card > li, .container_sub .list_card > li > a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} @media screen and (max-width :1280px) {.container_sub .list_card > li > a {max-width:260px;}} @media screen and (max-width :1230px) {.container_sub .list_card > li.col_03 {width:50% !important;}.container_sub .list_card > li > a {max-width:270px;}} @media screen and (max-width :1200px) {.container_sub .list_card > li.col_03 {width:33.333% !important;}.container_sub .list_card > li > a {max-width:270px;}} @media screen and (max-width :1000px) {.container_sub .list_card > li.col_03 {width:50% !important;}.container_sub .list_card > li > a {max-width:270px;}} @media screen and (max-width :600px) {.container_sub .list_card > li > a {max-width:245px;}} @media screen and (max-width :560px) {.container_sub .list_card > li.col_03 {width:100% !important;}.container_sub .list_card > li > a {max-width:270px;}} /* List:card - magazine */ .bg_black {display:none;z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);} .container_sub .list_magazine > li > a {position:relative;min-height:365px;} .container_sub .list_magazine > li > a > p {height:auto;} /* 가로 사이즈 줄어들었을 경우 */ @media screen and (max-width :1280px) {.container_sub .list_magazine > li > a {min-height:355px;}} @media screen and (max-width :1230px) {.container_sub .list_magazine > li > a {min-height:365px;}} @media screen and (max-width :1200px) {.container_sub .list_magazine > li > a {min-height:365px;}} @media screen and (max-width :1000px) {.container_sub .list_magazine > li > a {min-height:365px;}} @media screen and (max-width :600px) {.container_sub .list_magazine > li > a {min-height:335px;}} @media screen and (max-width :560px) {.container_sub .list_magazine > li > a {min-height:365px;}} .container_sub .list_magazine > li > a > dl {min-height:70px;position:absolute;bottom:0;left:0;right:0;background:#f5f5f5;} .container_sub .list_magazine > li > a > dl dd {line-height:20px;} /* 매거진 크게 보기 */ .container_sub .magazine_view {z-index:9999;display:none;position:absolute;left:0;top:-150px;width:100%;height:auto;text-align:left;} .container_sub .magazine_view h5 {margin:0 auto;max-width:580px;padding:10px 50px 10px 20px;font-size:18px;line-height:24px;color:#FFF;background:rgba(0,0,0,0.75);} .container_sub .magazine_view .magazine {position:relative;width:100%;max-width:650px;margin:0 auto;background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.35);cursor:pointer;} .container_sub .magazine_view .magazine img {width:100%;height:auto;} .container_sub .magazine_view .magazine .btn_close {position:absolute;top:-44px;right:10px;display:block;width:44px;height:44px;background:url(/images/sub/img_sub.png) no-repeat -80px 10px} /* List:card - success */ .container_sub .list_success > li > a {} .container_sub .list_success > li > a > p {display:table;width:100%;height:146px;text-align:center;} .container_sub .list_success > li > a > p > span {display:table-cell;width:100%;vertical-align:middle;} .container_sub .list_success > li > a > h5 {color:#f15a2c;} .container_sub .list_success > li > a > dl {min-height:159px;} /* List:card - awards */ .container_sub .list_awards > li > a {position:relative;height:360px;background:#FFF;overflow:hidden;} .container_sub .list_awards > li > a > p {display:table;width:100%;height:90%;text-align:center;} .container_sub .list_awards > li > a > p > span {display:table-cell;width:100%;vertical-align:middle;} .container_sub .list_awards > li > a > p > span img {width:auto;max-width:230px;height:auto;max-height:230px;} .container_sub .list_awards > li > a > dl {position:absolute;top:285px;left:0;width:100%;padding:15px 0;background:#none;} .container_sub .list_awards > li > a > dl dt {padding:0 20px;line-height:20px;text-align:center;} .container_sub .list_awards > li > a > dl dt span {display:inline-block;*display:inline;*zoom:1;} .container_sub .list_awards > li > a > dl dd {display:none;padding:0 20px 0 28px;margin-top:3px;line-height:18px;background:url(/images/sub/bullet_newsletterlink.png) no-repeat 20px 7px;} .container_sub .list_awards > li > a:hover > dl {top:auto;bottom:0;min-height:67px;background:#f5f5f5;} .container_sub .list_awards > li > a:hover > dl dt {margin-bottom:10px;color:#f15a2c;} .container_sub .list_awards > li > a:hover > dl dd {display:block;} .container_sub .list_awards > li > a:hover > dl, .container_sub .list_awards > li > a:hover > dl dt, .container_sub .list_awards > li > a:hover > dl dd {-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;} /* List:preview */ .container_sub .list_preview {} .container_sub .list_preview > li {margin-bottom:30px;padding:20px 15px 15px 20px;background:#F5F5F5;} .container_sub .list_preview > li:last-child {margin-bottom:0;} .container_sub .list_preview > li dl {position:relative;} .container_sub .list_preview > li dl dt.title {padding-right:100px;font-size:16px;line-height:1.5;color:#000;} .container_sub .list_preview > li dl dd.date {position:absolute;top:0;right:0;text-align:right;font-size:13px;line-height:30px;color:#797979;} .container_sub .list_preview > li dl dd.preview {overflow:hidden;height:44px;margin-top:8px;font-size:12px;line-height:22px;color:#797979;text-overflow:ellipsis; word-wrap:break-word;line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;} .container_sub .list_preview > li:hover {background:#eee;} .container_sub .list_preview > li:hover a dt {text-decoration:underline;} /* Paging:PC */ .container_sub .paging_info {margin-top:40px;text-align:center;font-size:0;line-height:0;} .container_sub .paging_info > .paging_mobile {display:none;}/*모바일 버전 감춤*/ .container_sub .paging_info > a, .container_sub .paging_info > ol, .container_sub .paging_info > ol li {display:inline-block;*display:inline;*zoom:1;height:24px;text-align:center;vertical-align:baseline;} .container_sub .paging_info > a {width:47px;height:14px;margin:0 2px;padding:5px 0;font-size:12px;line-height:14px;color:#818181;border:1px solid #e9e9e9;} .container_sub .paging_info > ol {font-size:0;line-height:0;} .container_sub .paging_info > ol li > a {display:block;min-width:20px;height:14px;margin:0 2px;padding:6px 3px;font-size:12px;line-height:14px;color:#555;background:#eee;} .container_sub .paging_info > ol li.on > a {color:#FFF;background:#818181;} /* Content Detail */ .container_sub .inner_info .detail_content {border-bottom:1px solid #d9d9d9;} .container_sub .inner_info .detail_content > dt {position:relative;margin-bottom:50px;padding:18px 100px 18px 20px;background:#eee;} .container_sub .inner_info .detail_content > dt h5 {font-size:16px;letter-spacing:-0.025em;line-height:22px;color:#000;} .container_sub .inner_info .detail_content > dt .date {position:absolute;bottom:18px;right:15px;font-size:13px;line-height:22px;color:#797979;} .container_sub .inner_info .detail_content > dd {min-height:300px;} .container_sub .inner_info .detail_content > dd em {display:block;margin-bottom:30px;font-size:15px;line-height:23px;color:#f15a2c;} .container_sub .inner_info .detail_content > dd .photo {margin-bottom:50px;} .container_sub .inner_info .detail_content > dd .photo > img {display:block;max-width:600px;max-height:600px;margin:0 auto;} .container_sub .inner_info .detail_content > dd .photo > span {display:block;margin-top:15px;text-align:center;font-size:13px;line-height:17px;color:#777;} .container_sub .inner_info .detail_content > dd .view_content {margin-bottom:35px;font-size:13px;font-weight:normal;line-height:23px;color:#555;} .container_sub .inner_info .detail_content > dd .view_content > p {margin-bottom:23px;} .container_sub .inner_info .detail_content > dd .view_content > p mark {background-color:#ffff00;} .container_sub > .content > .inner_info > .detail_content > dd .view_content > img {width:100%;max-width:550px;} .container_sub > .content > .inner_info > .detail_content > dd .view_content > p > img {width:100%;max-width:550px;} .container_sub .inner_info .detail_content > dd .link_news {margin:30px 0;font-size:12px;line-height:22px;} .container_sub .inner_info .detail_content > dd .link_news > span {color:#f15a2c;} .container_sub .inner_info .detail_content > dd .link_news li {padding-left:8px;color:#777;background:url(/images/sub/bullet_newslink.png) no-repeat left 50%;} .container_sub .inner_info .detail_content > dd .link_news li > a {margin-left:15px;color:#999;} .container_sub .inner_info .detail_content > dd .link_news li > a:hover {text-decoration:underline;} /* Company */ .container_sub .inner_info h5.company_title {font-size:1.5em;padding:10px 0 30px;} .container_sub .comment_page span {display:block} @media screen and (max-width :500px) {.container_sub .comment_page span {display:inline}}/* <--이거수정 */ .container_sub .solution_wrap,.container_sub .skill_wrap,.container_sub .vision_wrap {color:#444;line-height:1.5} .container_sub .solution_wrap {margin-top:10px} .container_sub .skill_wrap,.container_sub .vision_wrap {margin-top:70px;} .container_sub .solution_wrap,.container_sub .skill_wrap {padding-left:280px;font-size:0.75em;} .container_sub .solution_wrap .tit,.container_sub .skill_wrap .tit {font-size:1.33em} .container_sub .solution_wrap {background:url('/images/intro/icon_outline01.png') no-repeat 0 50%;} .container_sub .skill_wrap {background:url('/images/intro/icon_outline02.png') no-repeat 0 50%;} @media screen and (max-width :700px) {.container_sub .solution_wrap,.container_sub .skill_wrap {padding-left:0;background-image:none}.container_sub .skill_wrap,.container_sub .vision_wrap {margin-top:40px;}} .container_sub .solution_wrap .tit,.container_sub .skill_wrap .tit {padding-bottom:15px;color:#000;} .container_sub .vision_wrap {display:table;width:100%;font-size:0.875em;border-top:2px solid #dbdbdb} .container_sub .vision_wrap dl {display:table-row;} .container_sub .vision_wrap dt,.container_sub .vision_wrap dd {display:table-cell;box-sizing:border-box;padding:23px 20px;border-bottom:1px solid #dbdbdb;vertical-align:middle} .container_sub .vision_wrap dt {width:22%;font-size:1.071em;color:#000;font-weight:bold;} .container_sub .vision_wrap dd {width:78%;} .container_sub .vision_wrap .vision dt,.container_sub .vision_wrap .vision dd{background-color:#f9f9f9} .container_sub .vision_wrap .mission li {background:url('/images/sub/bullet_newsletterlink.png') no-repeat 0 9px;padding-left:10px;line-height:1.8} .container_sub .vision_wrap .value dd {padding-top:13px} .container_sub .vision_wrap .value ul {text-align:center;} .container_sub .vision_wrap .value li {display:inline-block;*display:inline;zoom:1;box-sizing:border-box;width:102px;height:102px;margin:10px 5px 0 0;background:url('/images/intro/bg_core.png') no-repeat 0 0;padding-top:33px;color:#fff;font-size:0.929em} .container_sub .vision_wrap .value .core02 {background-position:-116px 0;} .container_sub .vision_wrap .value .core03 {background-position:-231px 0;} .container_sub .vision_wrap .value .core04 {background-position:-347px 0;} .container_sub .vision_wrap .value .core05 {background-position:-463px 0;} .container_sub .vision_wrap .value .core06 {background-position:-579px 0;padding-top:42px;} .container_sub .outlinevision_content .btn_companydown {text-align:center;margin-top:50px;} .container_sub .outlinevision_content .btn_companydown a {background:url('/images/sub/img_download.png') no-repeat 85% 50% #f15a2c;padding:14px 75px 14px 50px;color:#fff;font-size:0.875em} /* Ceo */ .container_sub .ceo_comment {min-height:410px;margin-top:-80px;border-bottom:1px solid #e5e5e5;background:url('/images/intro/img_ceo.png') no-repeat right bottom} .container_sub .ceo_comment .txt_comment {padding-top:130px;} .container_sub .ceo_comment .txt_comment p {font-size:1.5em;line-height:1.4} .container_sub .ceo_comment .txt_comment em {color:#f15a2c} .container_sub .ceo_comment .sign {padding-top:60px} .container_sub .ceo_comment .sign p {margin:10px 0;font-size:0.75em;color:#666} .container_sub .ceo_content .txt_info {margin-top:35px;font-size:0.813em;line-height:1.4;color:#444} .container_sub .ceo_content .txt_info ul {margin:30px 0;line-height:1.6} .container_sub .ceo_content .txt_info li em {font-size:1.3em;padding-left:5px;} .container_sub .ceo_content .txt_info li span {font-size:1.4em;color:#a8a8a8} .container_sub .ceo_content .txt_info strong {display:block;padding:35px 0 25px;font-size:1.25em;color:#000} .container_sub .ceo_content .txt_info .from {padding-top:40px} /* History */ .container_sub .history_content {padding-top:20px;font-size:0.813em} .container_sub .history_content dl {overflow:hidden;} .container_sub .history_content dt,.container_sub .history_content dd {float:left} .container_sub .history_content dt {width:35%;text-indent:20px;font-size:4em;color:#4d4d4d} .container_sub .history_content dd {width:65%} .container_sub .history_content .month,.container_sub .history_content .day {float:left} .container_sub .history_content .month {width:10%;font-size:1.2em} .container_sub .history_content .day {width:90%;color:#666;line-height:1.4} .container_sub .history_content .day li {padding-bottom:15px} .container_sub .history_content .day li:last-child {padding-bottom:0} .container_sub .history_content dd>ul>li {overflow:hidden;padding:0 0 45px 25px;background:url('/images/sub/bg_history.png') no-repeat 0 0} .container_sub .history_content dd>ul>li:last-child {padding-bottom:100px;} .container_sub .history_content dl:last-child>dd>ul>li:last-child {padding-bottom:25px} /* Organization */ .container_sub .img_organization a {display:block;max-width:909px;max-height:768px;} .container_sub .img_organization a img {width:100%;height:auto} /* Investor */ .container_sub .list_investor li div {max-width: 270px;width:auto;margin:0 auto;background:#f5f5f5;border:1px solid #e0e0e0;} .container_sub .list_investor li div > p {display: table;width: 100%;height: 146px;text-align: center;background-color:#fff} .container_sub .list_investor li div > p > span {display: table-cell;width: 100%;vertical-align: middle;} .container_sub .list_investor li div > p img {width:100%;height:auto;} .container_sub .list_investor li div > h5 {padding:15px 0;text-align:center;font-size:16px;font-weight:600;line-height:26px;} /* CI */ /*symbol*/ .container_sub .ci_contents .symbol, .container_sub .ci_contents .signature {margin-bottom:50px} .container_sub .ci_contents p,.container_sub .ci_contents .symbol ul {font-size:0.813em;line-height:1.5;color:#444} .container_sub .ci_contents p.ci_title {font-size:1.125em;background:url('/images/sub/bullet_newslink.png') no-repeat 0 10px;padding:0 0 15px 12px;} .container_sub .ci_contents .symbol .ci_symbol,.container_sub .ci_contents .symbol .ci_txt {overflow:hidden;margin-top:35px} .container_sub .ci_contents .symbol .ci_symbol div,.container_sub .ci_contents .symbol .ci_txt div {width:100%;text-align:center;padding:48px 0;background-image:url('/images/intro/bg_grid.png');border:1px solid #ececec} .container_sub .ci_contents .symbol .ci_symbol li {margin-top:10px} /*signature*/ .container_sub .signature .sig_tit {font-size:0.875em} .container_sub .signature ul {margin-top:10px;} .container_sub .signature {overflow:hidden} .container_sub .signature .ci_normal,.container_sub .signature .ci_vertical {position:relative;width:49%} .container_sub .signature .ci_normal {float:left} .container_sub .signature .ci_vertical {float:right;} .container_sub .signature li {display:table;width:100%;height:200px;text-align:center;box-sizing:border-box} .container_sub .signature li:first-child {margin-bottom:20px} .container_sub .signature li p {display:table-cell;margin:0 auto;vertical-align:middle;} .container_sub .signature .vertical_list li p {max-width:185px;margin:0 auto;vertical-align:middle} .container_sub .signature .white_ci {background-color:#fff;border:1px solid #e0e0e0} .container_sub .signature .black_ci {background-color:#000;border:1px solid #000} .container_sub .signature .ci_down {position:absolute;top:0;right:0;} .container_sub .signature .ci_down a {display:block;height:25px;border:1px solid #cbcbcb;box-sizing:border-box;padding:0 20px 0 10px;font-size:0.9em;color:#666;text-align:center;line-height:25px;background:url('/images/intro/btn_down.png') no-repeat 55px 50%} /*color*/ .container_sub .color .color_font {margin-top:40px} .container_sub .color ul {margin-top:20px;overflow:hidden} .container_sub .color li {transition: all 0.3s;float:left;margin:0 30px 10px 0;font-size:0.9em;line-height:1.5;color:#666} .container_sub .color li div {width:95px;height:95px;box-sizing:border-box;margin-bottom:10px} @media screen and (max-width :400px) {.container_sub .color li {margin: 0px 6px 10px 0px;}} .container_sub .color li div.y {background-color:#ffe24e} .container_sub .color li div.b {background-color:#4890cc} .container_sub .color li div.gr {background-color:#00a48c} .container_sub .color li div.r {background-color:#f15a2c} .container_sub .color li div.g {background-color:#d1d2d4} .container_sub .color li div.bl {background-color:#231f20} .container_sub .color li div.w {border:1px solid #e0e0e0} /* Philosophy */ .container_sub .philosophy_content {padding-top:20px} .container_sub .philosophy_content li {min-height:98px;margin-top:45px;background:url('/images/intro/icon_philosophy01.png') no-repeat left 0;} .container_sub .philosophy_content li:first-child {margin-top:0} .container_sub .philosophy_content li.philosophy02 {background-image:url('/images/intro/icon_philosophy02.png');} .container_sub .philosophy_content li.philosophy03 {background-image:url('/images/intro/icon_philosophy03.png');} .container_sub .philosophy_content li.philosophy04 {background-image:url('/images/intro/icon_philosophy04.png');} .container_sub .philosophy_content li.philosophy05 {background-image:url('/images/intro/icon_philosophy05.png');} .container_sub .philosophy_content li.philosophy06 {background-image:url('/images/intro/icon_philosophy06.png');} .container_sub .philosophy_content dl {padding:10px 0;margin-left:130px} .container_sub .philosophy_content dt {padding-bottom:20px;font-size:1.125em} .container_sub .philosophy_content dd {font-size:0.75em;line-height:1.5} /* Location */ .container_sub .map_wrap {font-size:0.813em} .container_sub .map_wrap .address {margin-top:15px;line-height:1.6} .container_sub .map_wrap .address span {font-weight:bold} .container_sub .trans_info {overflow:hidden;margin-top:35px} .container_sub .trans_info ul {margin-top:10px;} .container_sub .subway_info,.bus_info {float:left;width:45%} .container_sub .subway_info {padding-right:5%} .container_sub .bus_info {padding-left:5%} .container_sub .subway_info p,.container_sub .bus_info .tit {padding:5px 0 5px 25px;font-size:1.231em;background:url('/images/intro/icon_trans.png') no-repeat 0 2px} .container_sub .bus_info .tit {background-position:0 -28px} .container_sub .subway_info li,.container_sub .bus_info li {padding-bottom:10px;line-height:1.5;color:#444} .container_sub .subway_info li span,.container_sub .bus_info li span {font-weight:bold;padding-right:5px} .container_sub .subway_info li span {color:#0aae16} .container_sub .bus_info li .redbus {color:#fd0000} .container_sub .bus_info li .bluebus {color:#1368d3} /* Product*/ .container_sub .comment_product {padding:50px 0 30px;border-bottom:1px solid #e2e2e2;font-size:0;line-height:0;} .container_sub .comment_product > dt {margin-bottom:20px;font-size:22px;font-weight:500;line-height:30px;color:#000;} .container_sub .comment_product > dd {display:block;width:100%;font-size:15px;line-height:23px;color:#656565;} .container_sub .comment_product > dd p:last-child {margin-top:10px} .container_sub .comment_product > dd.view_option {margin-top:20px;font-size:0;line-height:0;text-align:right;} .container_sub .comment_product > dd.view_option >button {margin:5px;} .container_sub > .content > .inner_product {padding-top:50px;} .container_sub > .content > .inner_product h5 {display:block;padding-bottom:20px;font-size:18px;font-weight:600;line-height:22px;color:#f15a2c;} .container_sub .inner_product .list_character {margin-bottom:40px;} .container_sub .inner_product .list_character > li {margin-bottom:25px;padding-left:10px;font-size:14px;font-weight:lighter;line-height:26px;color:#707070;background: url(/images/sub/bullet_newslink.png) no-repeat 0 9px;} .container_sub .inner_product .list_character > li em {font-weight:600;padding-right:8px;} .container_sub .inner_product .list_character > li dl {font-size:13px;line-height:1.6} .container_sub .inner_product .list_character > li dt {padding-top:5px} .container_sub .inner_product .list_character > li dd {padding-left:5px} .container_sub .inner_product > .img_info {margin-bottom:40px;text-align:center;} .container_sub .inner_product > .img_info img {width:100%;max-width:890px;height:auto;} .container_sub .inner_product > .movie_info {position:relative;width:80%;padding-bottom:44.5%;height:0;overflow:hidden;margin:0 auto;margin-bottom:40px;text-align:center;} .container_sub .inner_product > .movie_info embed, .container_sub .inner_product > .movie_info iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .container_sub .inner_product .list_principal {border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;font-size:0;line-height:0;} .container_sub .inner_product .list_principal > dl {position:relative;display:inline-block;*display:inline;*zoom:1;box-sizing:border-box;-webkit-box-sizing:border-box;height:250px;overflow:hidden;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;cursor:pointer} @media screen and (max-width :480px) {.container_sub .inner_product .list_principal > dl{overflow:auto}} .container_sub .inner_product .list_principal > dl > dt {position:relative;width:100%;height:100%;} .container_sub .inner_product .list_principal > dl > dt p {padding:0 15px;text-align:center;} .container_sub .inner_product .list_principal > dl > dt p img {margin-top:30px;width:100%;max-width:140px;height:auto;} .container_sub .inner_product .list_principal > dl > dt span {display:block;position:absolute;top:190px;left:5px;right:5px;font-size:14px;line-height:20px;color:#444;text-align:center;} .container_sub .inner_product .list_principal > dl > dd {display:block;position:absolute;top:0;left:0;right:0;height:250px;font-size:13px;line-height:1.5;padding:15px;background-color:rgba(0,0,0,0.8);color:#fff} .container_sub .inner_product .info {display:table;margin-top:50px;width:100%;padding:20px 0;background:#f0f0f0;} .container_sub .inner_product .info h5 {display:table-cell;padding-bottom:0;width:20%;border-right:1px solid #ccc;font-size:20px;font-weight:normal;line-height:1em;color:#656565;text-align:center;vertical-align:middle;} .container_sub .inner_product .info dl {display:table-cell;padding-left:4%;} @media screen and (max-width :1430px) {.container_sub .inner_product .list_principal > .col_04 {width:33.333% !important;}} @media screen and (max-width :1280px) {.container_sub .inner_product .list_principal > .col_04 {width:50% !important;}} .container_sub .inner_product .info dl dt, .container_sub .inner_product .info dl dd {font-size:14px;line-height:20px;color:#000;} .container_sub .inner_product .info dd {padding-top:5px;} .container_sub .inner_product .info dd a {display:inline-block;*display:inline;*zoom:1;padding:0 15px 0 18px;color:#656565;} .container_sub .inner_product .info dd a.phonecall {background:url(/images/sub/icon_phone.png) no-repeat 0 50%;} .container_sub .inner_product .info dd a.sendmail {background:url(/images/sub/icon_email2.png) no-repeat 0 50%;} .container_sub .inner_product .service_info {margin-top:10px} .container_sub .inner_product .service_info dd a.service_url {background:url(/images/sub/icon_url.png) no-repeat 0 50%;} /* Newsletter */ .container_sub .inner_info .newsletter {position:relative;padding:0 20px 0 0;background:#f5f5f5;font-size:0;line-height:0;} .container_sub .inner_info .newsletter > h6 {position:absolute;top:40px;right:20px;width:45%;border-bottom:1px solid #e3e3e3;} .container_sub .inner_info .newsletter > h6 .num {font-size:50px;line-height:1em;color:#000;} .container_sub .inner_info .newsletter > h6 .date {position:absolute;right:0;bottom:10px;font-size:18px;line-height:1em;color:#555;} .container_sub .inner_info .newsletter > p {display:inline-block;*display:inline;*zoom:1;width:50%;height:100%;} .container_sub .inner_info .newsletter > p > img {width:100%;height:auto;} .container_sub .inner_info .newsletter .list_newsletter {display:inline-block;*display:inline;*zoom:1;width:46%;margin-top:120px;padding-left:4%;} .container_sub .inner_info .newsletter .list_newsletter > dt {margin-bottom:8px;font-size:15px;font-weight:600;line-height:21px;color:#f15a2c;} .container_sub .inner_info .newsletter .list_newsletter > dd {margin-bottom:30px;} .container_sub .inner_info .newsletter .list_newsletter > dd > ul > li {margin-bottom:8px;padding-left:8px;background: url(/images/sub/bullet_newsletterlink.png) no-repeat left 6px;} .container_sub .inner_info .newsletter .list_newsletter > dd > ul > li a {font-size:12px;line-height:18px;color:#555;} .container_sub .inner_info .newsletter .list_newsletter > dd > ul > li a:hover {text-decoration:underline;} .container_sub .inner_info .newsletter_option {margin-top:40px;} .container_sub .inner_info .newsletter_option > button {height:44px;margin:0 5px;padding:0 25px;font-size:13px;} .container_sub .inner_info .newsletter_option .request_newsletter {height:44px;} .container_sub .inner_info .newsletter_option .request_newsletter > form {display:inline-block;*display:inline;*zoom:1;height:44px;background:#FFF;border:1px solid #F05A29;} .container_sub .inner_info .newsletter_option .request_newsletter > form input {width:280px;height:24px;padding:10px 10px;font-size:14px;line-height:24px;color:#8f8f8f;border:0 none;} .container_sub .inner_info .newsletter_option .request_newsletter > form button {height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:44px;color:#FFF;background:#F05A29;border:0 none;} .container_sub .inner_info .newsletter_option .request_newsletter .btn_cancel {display:inline-block;*display:inline;*zoom:1;width:46px;height:46px;background:#646464 url(/images/sub/img_sub.png) no-repeat 13px -37px;} /* Support */ .container_sub .inner_support {} .container_sub .inner_support h5{display:block !important;margin-bottom:10px;font-size:18px;font-weight:600;line-height:22px;color:#f15a2c;} .container_sub .inner_support .info {display:table;width:100%;padding:20px 35px;margin-bottom:40px;background:#f0f0f0; box-sizing:border-box} .container_sub .inner_support .info dl {display:table-cell;padding-left:12%;} .container_sub .inner_support .info dl.img_info0 {background:url('/images/common/p_00.png') no-repeat 0 0 / 85px} .container_sub .inner_support .info dl.img_info1 {background:url('/images/common/p_01.png') no-repeat 0 0 / 85px} .container_sub .inner_support .info dl.img_info2 {background:url('/images/common/p_02.png') no-repeat 0 0 / 85px} .container_sub .inner_support .info dl.img_info3 {background:url('/images/common/p_03.png') no-repeat 0 0 / 85px} .container_sub .inner_support .info dl.img_info4 {background:url('/images/common/p_04.png') no-repeat 0 0 / 85px} .container_sub .inner_support .info dl.img_info5 {background:url('/images/common/p_05.png') no-repeat 0 0 / 85px} /* 20200207 - 김도헌차장 사진 추가 */ @media screen and (max-width :1430px) {.container_sub .inner_product .list_principal > .col_04 {width:33.333% !important;}} @media screen and (max-width :1280px) {.container_sub .inner_product .list_principal > .col_04 {width:50% !important;}} .container_sub .inner_support .info dl dt, .container_sub .inner_support .info dl dd {font-size:15px;line-height:20px;color:#000;} .container_sub .inner_support .info dd {padding-top:5px;} .container_sub .inner_support .info dd a {display:inline-block;*display:inline;*zoom:1;padding:0 15px 0 18px;color:#656565;} .container_sub .inner_support .info dd a.phonecall {background:url(/images/sub/icon_phone.png) no-repeat 0 50%;} .container_sub .inner_support .info dd a.sendmail {background:url(/images/sub/icon_email2.png) no-repeat 0 50%;} .container_sub .inner_support .list_support {} .container_sub .inner_support .list_support > li {margin-bottom:10px;} .container_sub .inner_support .list_support > li > dl {display:table;width:100%;background:#FFF;font-size:0;line-height:0;border:1px solid #e5e5e5;} .container_sub .inner_support .list_support > li > dl dt, .container_sub .inner_support .list_support > li > dl dd {display:inline-block;*display:inline;*zoom:1;} .container_sub .inner_support .list_support > li > dl dt {display:table-cell;width:150px;padding:0 10px;font-size:16px;font-weight:600;line-height:22px;color:#000;vertical-align:middle;text-align:center;background:#f5f5f5;} .container_sub .inner_support .list_support > li > dl dt > span {display:block;} .container_sub .inner_support .list_support > li > dl dd {padding:20px 25px;} .container_sub .inner_support .list_support > li > dl dd span {display:inline-block;*display:inline;*zoom:1;padding:0 20px;font-size:14px;font-weight:normal;line-height:24px;color:#000;} .container_sub .inner_support .list_support > li > dl dd span.person {background:url(/images/sub/icon_person.png) no-repeat left 50%;} .container_sub .inner_support .list_support > li > dl dd span.phonecall {background:url(/images/sub/icon_phone.png) no-repeat left 50%;} .container_sub .inner_support .list_support > li > dl dd span.email {background:url(/images/sub/icon_email2.png) no-repeat left 50%;} .container_sub .inner_support .list_support > li > dl dd > ul {font-size:0;line-height:0;margin-top:10px;padding-top:15px;border-top:1px solid #eee;} .container_sub .inner_support .list_support > li > dl dd > ul li {display:inline-block;*display:inline;*zoom:1;width:47%;padding:0 2% 0 1%;margin-bottom:5px;font-size:12px;line-height:18px;color:#7d7d7d;background:url(/images/sub/bullet_newsletterlink.png) no-repeat left 6px;} .container_sub .inner_support .list_support > li > dl dd > ul li > a {color:#7d7d7d;} /* edu_content */ .container_sub .edu_content {font-size:14px;} .container_sub .edu_content .message {text-align:right;border-bottom: 1px solid #d7d7d7;padding-bottom:10px} .container_sub .edu_content .message span {padding-left: 5px;font-size: 14px;line-height:20px;color: #F05A29;} .container_sub .edu_content .edu_applyFrm {margin-top:30px} .container_sub .edu_content .edu_applyFrm label {display:block} .container_sub .edu_content .edu_applyFrm dl dt,.container_sub .edu_content .edu_applyFrm dl dd {box-sizing:border-box;float:left} .container_sub .edu_content .edu_applyFrm dl {margin-bottom:15px;} .container_sub .edu_content .edu_applyFrm dl:after {display:block;content:" ";clear:both} .container_sub .edu_content .edu_applyFrm dl dt {width:20%;padding:0 10px;font-size:14px;line-height:35px;font-weight:500;color:#222;background:url(/images/sub/bullet_newsletterlink.png) no-repeat 0 14px;} .container_sub .edu_content .edu_applyFrm dl dd {width:76%;} .container_sub .edu_content .edu_applyFrm dl dt.must {background:url(/images/sub/bullet_newslink.png) no-repeat 0 14px;} .container_sub .edu_content .edu_applyFrm .btn_send {display:inline-block;*display:inline;*zoom:1;min-width:120px;padding:0 20px;font-size:14px;font-weight:600;line-height:40px;color:#FFF;background:#F05A29;border:0 none;text-align:center;} .container_sub .edu_content .edu_applyFrm dd input, .container_sub .edu_content .edu_applyFrm dd textarea {width:100%;height:23px;padding:5px 2%;font-size:14px;font-weight:normal;line-height:23px;color:#656565;border:1px solid #c0c0c0;} .container_sub .edu_content .edu_applyFrm dd textarea {height:220px;} .container_sub .edu_content .edu_applyFrm dd .pop_check {width:auto} .container_sub .edu_content .edu_applyFrm dd .pop_check_label {display:inline-block;*display:inline;*zoom:1;font-size:13px;vertical-align:middle} @media screen and (max-width :600px){.container_sub .edu_content .edu_applyFrm dl dt,.container_sub .edu_content .edu_applyFrm dl dd {float:none;width:94%}} /* talent */ .container_sub .img_talant a {display:block;max-width:789px;max-height:398px;margin:0 auto} .container_sub .img_talant a img {max-width:100%;height:auto} .container_sub .txt_icafe {margin:20px 0; font-size:14px; text-align:center; line-height:1.2;} /* benefits */ .container_sub .content_benefits {padding-top:20px} .container_sub .content_benefits h5 {font-size:22px} .container_sub .content_benefits ul {overflow:hidden;padding:20px 0 30px} .container_sub .content_benefits ul li,.container_sub .content_benefits ul dl {transition: all 0.3s;} .container_sub .content_benefits ul li {float:left;padding:0 0.5% 30px;box-sizing:border-box} .container_sub .content_benefits li dl {max-width:288px;margin:0 auto} .container_sub .content_benefits li dt {max-height:175px;margin-bottom:15px;} .container_sub .content_benefits li dt img {width:100%;height:auto} .container_sub .content_benefits li dd {padding-left:10px;background:url('/images/main/bullet.png') no-repeat left 8px;color:#444;font-size:0.875em;line-height:1.5} @media screen and (max-width :550px){.container_sub .content_benefits ul li.col_03 {width:50% !important}} /* reference english */ .container_sub .content .reference_contents h5 {display:block;padding:40px 0 15px;font-size:1.2em;font-weight:bold} .container_sub .reference_contents .list_reference > li {margin-bottom:10px} .container_sub .list_reference li div {max-width: 110px;width:auto;margin:0 auto;padding:0 15px;border:1px solid #e0e0e0;transition: all 0.3s;} .container_sub .list_reference li div > p {display: table;width: 100%;height: 90px;text-align: center;background-color:#fff} .container_sub .list_reference li div > p > span {display: table-cell;width: 100%;vertical-align: middle;} .container_sub .list_reference li div > p img {width:100%;height:auto;} @media screen and (max-width: 1300px){.container_sub .list_reference .col_06 {width:20% !important}} @media screen and (max-width: 1200px){.container_sub .list_reference .col_06 {width:16.666% !important}} @media screen and (max-width: 1000px){.container_sub .list_reference .col_06 {width:25% !important}} @media screen and (max-width: 600px){.container_sub .list_reference .col_06 {width:33.333% !important}} @media screen and (max-width: 450px){.container_sub .list_reference li div {width:85px;padding:0 5px}} /* Sub Side Area ***********/ .container_sub .side_content {overflow:hidden;} .side_content .side_wrap {padding:55px 30px 0;} .side_content .side_wrap > h6 {padding-top:15px;font-size:18px;font-weight:600;line-height:22px;color:#000;background:url(/images/common/tit_bar.gif) no-repeat left top;} .side_content .side_wrap > dl {padding:30px 0 25px;border-bottom:1px dashed #e0e0e0;} .side_content .side_wrap > dl > dt p {max-height:105px;margin-bottom:18px;} .side_content .side_wrap > dl > dt p img {width:100%;height:100%;} .side_content .side_wrap > dl > dt span {display:block;margin-bottom:5px;font-size:13px;font-weight:400;line-height:20px;} .side_content .side_wrap > dl > dt span a {color:#333;} .side_content .side_wrap > dl > dt span a:hover {text-decoration:underline;} .side_content .side_wrap > dl > dd {display:none;max-height:40px;overflow:hidden;font-size:12px;line-height:20px;color:#707070;text-overflow:ellipsis; word-wrap:break-word;line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-moz-box-orient:vertical;-webkit-box-orient:vertical;} /* 고객지원 팝업 */ .popup_product {display:none;z-index:9998;position:absolute; top:0; left:0; width:100%; height:100%;} .popup_product .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.35);} .popup_product .btn_popupclose {float:right;display:block;width:24px;height:24px;margin:15px 15px 0 0;background:url(/images/sub/img_sub.png) no-repeat -100px 0;font-size:0;line-height:0;text-indent:-9999em;border:0 none;} .popup_product .popup_inner {position:absolute; top:100px; left:50%;height:auto;} .popup_product .popup_inner .popup_content {background-color:#fff;padding:35px 30px 50px;width:500px;} .popup_product h3 {margin-bottom:20px;font-size:24px;font-weight:500;line-height:30px;color:#000;} .popup_product .popup_content .message {float:right;margin-top:-60px;} .popup_product .popup_content .message span {padding-left:5px;font-size:14px;line-height:20px;color:#F05A29;} .popup_product .popup_content dl {margin-bottom:10px;font-size:0;line-height:0;} .popup_product .popup_content dl dt, .popup_product .popup_content dl dd {display:inline-block;*display:inline;*zoom:1;} .popup_product .popup_content dl dt {width:80px;padding:0 10px;font-size:14px;line-height:35px;font-weight:500;color:#222;background:url(/images/sub/bullet_newsletterlink.png) no-repeat 0 14px;} .popup_product .popup_content dl dt.must {background:url(/images/sub/bullet_newslink.png) no-repeat 0 14px;} .popup_product .popup_content dl dt label {display:block;cursor:inherit;} .popup_product .popup_content dl dd {width:;} .popup_product .popup_content dl.inline {float:left;width:350px;} .popup_product .popup_content dl.inline dd {width:250px;} .popup_product .popup_content dl dd input, .popup_product .popup_content dl dd textarea {width:480px;height:23px;padding:5px 10px;font-size:14px;font-weight:normal;line-height:23px;color:#656565;border:1px solid #c0c0c0;} .popup_product .popup_content dl dd textarea {height:200px;} .popup_product .popup_content .btn_send {display:inline-block;*display:inline;*zoom:1;min-width:120px;padding:0 20px;font-size:14px;font-weight:600;line-height:40px;color:#FFF;background:#F05A29;border:0 none;text-align:center;} .popup_edu .popup_content dl dd .pop_check {width:auto} .popup_edu .popup_content dl dd .pop_check_label {display:inline-block;*display:inline;*zoom:1;font-size:13px;vertical-align:middle} .popup_edu .popup_content dl dt {width:110px} .popup_edu .popup_content dl dd {width:500px} .popup_edu .popup_content dl dd input, .popup_edu .popup_content dl dd textarea {width:500px} .container_sub .inner_info .btn_edu a {margin:50px auto 0;display:block;width:120px;height:44px;text-align:center;line-height:44px;font-size: 13px;color: #FFF;background: #FA641F;} /* 태블릿 */ @media screen and (max-width :1200px) { .hide_t {display:none;} .wrap .container_sub {max-width:none;} .wrap .side_view {border-right:0 none;background-image:none;min-height:0}/*사이드 컨텐츠 있는 경우*/ .wrap .side_view > .nav_lnb {margin-right:0;} .wrap .side_view .content {display:block;width:auto;} .wrap .side_view .side_content {display:none;} .wrap .side_view .footer_pc {right:0 !important;} /* Sub contents Area ***********/ .container_sub > .content {padding:50px 25px 80px;} .container_sub > .content > h4 {font-size:30px;line-height:40px;} .container_sub > .content > .comment_page {margin-top:0;} .container_sub > .content > .inner_info {padding-top:30px;} /* Path Link */ .container_sub > .content .link_path {display:none;} /*Contents View Option*/ .container_sub .inner_info > .content_top {margin:0 0 10px 0;} /*Search Box*/ .container_sub .inner_info > .view_option .searchbox .selected, .container_sub .inner_info > .view_option .searchbox .select_options, .container_sub .inner_info > .view_option .searchbox .option {width:50px;} .container_sub .inner_info > .view_option .searchbox .int_search {width:160px;} .container_sub .inner_info > .view_option .searchbox .btn_search {width:40px;background-position:-39px 8px;} /*Select Box*/ .container_sub .inner_info > .view_option .selectbox .selected, .container_sub .inner_info > .view_option .selectbox .select_options, .container_sub .inner_info > .view_option .selectbox .option {width:auto;} .container_sub .inner_info > .view_option .selectbox .selected {width:137px;padding:9px 33px 9px 9px;} .container_sub .inner_info > .view_option .selectbox .select_options {width:179px;} /*View Btn*/ .container_sub .view_option > button {display:inline-block;*display:inline;*zoom:1;height:35px;padding:0 15px;font-size:12px;line-height:16px;color:#818181;background:#FFF;border:1px solid #e9e9e9;} /* List:card */ .container_sub .list_card > li {margin-bottom:50px;} /* List:card - magazine */ .container_sub .magazine_view {top:-100px;} /* Paging:PC */ .container_sub .paging_info {margin-top:30px;} /* Content Detail */ .container_sub .inner_info .detail_content > dt {margin-bottom:35px;} .container_sub .inner_info .detail_content > dd em {margin-bottom:25px;font-size:14px;line-height:22px;} .container_sub .inner_info .detail_content > dd .photo {margin-bottom:35px;} .container_sub .inner_info .detail_content > dd .photo > img {max-width:100%;max-height:500px;} .container_sub .inner_info .detail_content > dd .view_content > p {margin-bottom:18px;} .container_sub .inner_info .detail_content > dd .link_news {margin:25px 0;} /* Product*/ .container_sub .comment_product {padding:40px 0 20px;} .container_sub .comment_product > dt {font-size:20px;} .container_sub .comment_product > dd {display:block;width:100%;font-size:14px;line-height:22px;} .container_sub .comment_product > dd.view_option {width:100%;margin-top:20px;} .container_sub > .content > .inner_product {padding-top:40px;} .container_sub > .content > .inner_product > h5 {font-size:16px;} .container_sub .inner_product .list_character {margin-bottom:30px;} .container_sub .inner_product .list_character > li {margin-bottom:20px;font-size:13px;line-height:25px;background-position:0 10px;} .container_sub .inner_product .list_principal > .col_04 {width:33.333% !important;} .container_sub .inner_product .list_principal > dl > dt span {font-size:13px;line-height:19px;} .container_sub .inner_product .info {margin-top:40px;} .container_sub .inner_product .info h5 {font-size:18px;} .container_sub .inner_product .info dl {padding-left:3%;} .container_sub .inner_product .info dl dt, .container_sub .inner_product .info dl dd {font-size:13px;line-height:19px;} /* 제품문의 팝업 */ .popup_product .popup_inner {top:75px;} /* Newsletter */ .container_sub .inner_info .newsletter {padding:0 15px 0 0;} .container_sub .inner_info .newsletter > h6 {top:30px;right:15px;width:46%;} .container_sub .inner_info .newsletter > h6 .num {font-size:40px;} .container_sub .inner_info .newsletter > h6 .date {font-size:16px;} .container_sub .inner_info .newsletter .list_newsletter {width:47%;margin-top:100px;padding-left:3%;} .container_sub .inner_info .newsletter .list_newsletter > dt {font-size:14px;line-height:20px;} .container_sub .inner_info .newsletter .list_newsletter > dd {margin-bottom:20px;} .container_sub .inner_info .newsletter_option > button {height:44px;margin:0 5px;padding:0 25px;font-size:13px;} /* Support */ .container_sub .inner_support h5 {font-size:16px;} .container_sub .inner_support .info dl {} .container_sub .inner_support .info dl dd {font-size:13px;line-height:19px;} .container_sub .inner_support .list_support > li > dl dd {padding:15px 20px;} /* Side contents*/ .wrap .container_sub > .side_content {display:none;} } /* 모바일 */ @media screen and (max-width :768px) { .hide_m {display:none;} .m_col_01 {width:100% !important;} /* Lnb ***********/ .container_sub > .nav_lnb {height:48px;padding:0 25px;} .container_sub > .no_lnb_btn {padding:0 0} .container_sub .nav_lnb .lnbmenu, .container_sub .nav_lnb .lnbmenu > ul, .container_sub .nav_lnb .lnbmenu > ul li {height:48px;} .container_sub .nav_lnb .lnbmenu > ul li > a {height:48px;} .container_sub .nav_lnb .lnbmenu > ul li > a > span {font-size:14px;line-height:16px;} .container_sub .nav_lnb > .btn_area {position:static;border-left:0 none;} .container_sub .nav_lnb > .btn_area .btn_prev, .container_sub .nav_lnb > .btn_area .btn_next {position:absolute;top:0;display:block;float:none;width:25px;height:48px;} .container_sub .nav_lnb > .btn_area a.btn_prev {left:0;background-position:-143px 13px;} .container_sub .nav_lnb > .btn_area a.btn_next {right:0;background-position:-196px 13px;} .container_sub .nav_lnb > .btn_area a:first-child.on {background-position:-243px 13px;} .container_sub .nav_lnb > .btn_area a:last-child.on {background-position:-293px 13px;} /* Sub contents Area ***********/ .container_sub > .content {padding:35px 15px 40px;} .container_sub > .content > h4 {font-size:26px;line-height:36px;} .container_sub > .content > .comment_page {margin-top:0;font-size:13px;line-height:19px;} .container_sub > .content > .inner_info {padding-top:25px;} /*Contents View Option*/ .container_sub .inner_info > .content_top {margin:0 0 10px 0;} /*Search Box*/ .container_sub .inner_info > .view_option .searchbox {display:block;padding:0 53px 0 61px;} .container_sub .inner_info > .view_option .searchbox .selected, .container_sub .inner_info > .view_option .searchbox .select_options, .container_sub .inner_info > .view_option .searchbox .option {width:60px;} .container_sub .inner_info > .view_option .searchbox .selected {position:absolute;top:0;left:0;} .container_sub .inner_info > .view_option .searchbox .option {padding:11px 0;} .container_sub .inner_info > .view_option .searchbox .int_search {width:100%;} .container_sub .inner_info > .view_option .searchbox .btn_search {position:absolute;top:0;right:0;} /*Select Box*/ .container_sub .inner_info > .view_option .selectbox {margin-right:60px;padding:0;height:33px;} .container_sub .inner_info > .view_option .selectbox .selected, .container_sub .inner_info > .view_option .selectbox .select_options, .container_sub .inner_info > .view_option .selectbox .option {padding:0;} .container_sub .inner_info > .view_option .selectbox .select_options {width:100%;} .container_sub .inner_info > .view_option .selectbox .selected {width:94%;padding:9px 3%;} .container_sub .inner_info > .view_option .selectbox .option {width:94%;padding:11px 3%;} .container_sub .inner_info .view_option .btn_mov {position:absolute;top:0;right:0;} /* List:card - magazine */ .container_sub .magazine_view {top:-190px;} /* List:table-row */ .container_sub .list_table_row thead th {padding:8px 0;} /* List:preview */ .container_sub .list_preview > li {margin-bottom:15px;padding:10px 8px;} .container_sub .list_preview > li dl dt.title {padding-right:0;} .container_sub .list_preview > li dl dd.date {display:none;} /* Paging:Mobile */ .container_sub .paging_info {position:relative;height:32px;margin-top:20px; text-align:center;} .container_sub .paging_info > ol.paging_pc {display:none;} .container_sub .paging_info > .paging_mobile {display:inline-block;*display:inline;*zoom:1;} .container_sub .paging_info > .paging_mobile span {padding:0 2px;font-size:14px;line-height:32px;color:#999;} .container_sub .paging_info > .paging_mobile span.now {color:#555;} .container_sub .paging_info > a {position:absolute;top:0;width:30px;height:20px;padding:5px 3px;font-size:11px;line-height:20px;} .container_sub .paging_info > a.btn_first {left:0;} .container_sub .paging_info > a.btn_prev {left:45px;} .container_sub .paging_info > a.btn_next {right:45px;} .container_sub .paging_info > a.btn_last {right:0;} /* Content Detail */ .container_sub .inner_info .detail_content > dt {margin-bottom:20px;padding:0;background:#FFF;} .container_sub .inner_info .detail_content > dt h5 {padding:15px;font-size:15px;line-height:21px;background:#eee;} .container_sub .inner_info .detail_content > dt .date {position:static;display:block;margin-top:5px;text-align:right;font-size:12px;background:#FFF;} .container_sub .inner_info .detail_content > dd em {margin-bottom:15px;font-size:13px;line-height:21px;} .container_sub .inner_info .detail_content > dd .photo {margin-bottom:15px;} .container_sub .inner_info .detail_content > dd .photo > span {margin-top:10px;font-size:11px;line-height:15px;} .container_sub .inner_info .detail_content > dd .view_content {margin-bottom:20px;font-size:12px;line-height:22px;} .container_sub .inner_info .detail_content > dd .view_content > p {margin-bottom:15px;} .container_sub .inner_info .detail_content > dd .link_news {margin:20px 0;} /* Product*/ .container_sub .comment_product > dd.view_option {text-align:center;} .container_sub .inner_product .info {display:block;width:auto;padding:15px 10px;} .container_sub .inner_product .info h5 {display:block;width:100%;padding-bottom:10px;border-bottom:1px solid #ccc;border-right:0 none;} .container_sub .inner_product > .movie_info {width:100%;padding-bottom:56%;} .container_sub .inner_product .info dl {display:block;width:100%;margin-top:15px;padding-left:0;} .container_sub .inner_product .info dl dt, .container_sub .inner_product .info dl dd {font-size:13px;line-height:19px;} .container_sub .comment_product > dd.view_option >button {width:48%;margin:5px 1%;} /* 제품문의 팝업 */ .popup_product .popup_inner {top:50px;width:90% !important;} .popup_product .popup_content .message {float:none;margin-top:0;margin-bottom:15px;text-align:center;} .popup_product .popup_inner .popup_content {padding:35px 4% 40px !important;} .popup_product .popup_content {width:92% !important;} .popup_product .popup_content dl {width:auto !important;margin-bottom:10px;} .popup_product .popup_content dl dt {width:21% !important;padding:0 2%;font-size:13px;} .popup_product .popup_content dl dd {display:block;width:auto !important;} .popup_product .popup_content dl dd input, .popup_product .popup_content dl dd textarea {width:93% !important;padding:5px 3% !important;font-size:12px;} .chk_terms .input_chk label {width:230px;} /* Newsletter */ .container_sub .inner_info .newsletter {padding:30px 15px 20px;} .container_sub .inner_info .newsletter > h6 {position:static;width:auto;margin-bottom:25px;padding:0 10px;} .container_sub .inner_info .newsletter > h6 .num {font-size:40px;} .container_sub .inner_info .newsletter > h6 .date {position:static;float:right;margin-top:15px;font-size:16px;} .container_sub .inner_info .newsletter > p {display:block;width:100%;height:auto;text-align:center;margin-bottom:20px;} .container_sub .inner_info .newsletter > p > img {width:50%;height:auto;} .container_sub .inner_info .newsletter .list_newsletter {display:block;width:100%;margin-top:30px;padding-left:0;} .container_sub .inner_info .newsletter .list_newsletter > dt {font-size:14px;line-height:18px;} .container_sub .inner_info .newsletter .list_newsletter > dd {margin-bottom:20px;} .container_sub .inner_info .newsletter_option {display:block;width:auto;margin-top:25px;} .container_sub .inner_info .newsletter_option > button {margin:5px 0;} .container_sub .inner_info .newsletter_option .request_newsletter {position:relative;padding-right:45px;} .container_sub .inner_info .newsletter_option .request_newsletter > form {position:relative;display:block;width:75%;padding-right:25%;} .container_sub .inner_info .newsletter_option .request_newsletter > form input {width:98%;padding:10px 1%;} .container_sub .inner_info .newsletter_option .request_newsletter > form button {position:absolute;right:0;top:0;width:25%;padding:0;} .container_sub .inner_info .newsletter_option .request_newsletter .btn_cancel {position:absolute;right:0;top:0;} /* Support */ .container_sub .inner_support .list_support > li {margin-bottom:20px;} .container_sub .inner_support .list_support > li > dl, .container_sub .inner_support .list_support > li > dl dt, .container_sub .inner_support .list_support > li > dl dd {display:block;} .container_sub .inner_support .list_support > li > dl dt {width:auto;padding:10px;} .container_sub .inner_support .list_support > li > dl dt > span {display:inline;padding:0 3px;} .container_sub .inner_support .info dl {background-size:60px !important} } @media screen and (max-width :600px) { /* Ceo */ .container_sub .ceo_comment {margin-top:0;} .container_sub .ceo_comment .txt_comment {padding-top:10px} .container_sub .ceo_comment .txt_comment p {font-size:1.2em} .container_sub .ceo_comment .sign {padding-top:20px} /* ci */ .container_sub .signature .ci_normal,.container_sub .signature .ci_vertical {float:none;width:100%} .container_sub .signature .ci_vertical {margin-top:40px} .container_sub .ci_contents .symbol .ci_symbol ul,.container_sub .ci_contents .symbol .ci_txt p {width:100%;margin:20px 0 0 0} /* Product*/ .container_sub .inner_product .list_principal > .col_03, .container_sub .inner_product .list_principal > .col_04 {width:50% !important;} .container_sub .inner_product > p embed {height:280px;} /* Support */ .container_sub .inner_support .info {padding:0 20px;} .container_sub .inner_support .info dl {display:block;width:auto;margin:20px 0;padding-left:85px;} .container_sub .inner_support .list_support > li > dl dd {padding:20px 15px;} .container_sub .inner_support .list_support > li > dl dd > span {display:block;} .container_sub .inner_support .list_support > li > dl dd > ul li {display:block;width:auto;padding:0 15px 0 10px;} } @media screen and (max-width :480px) { .container_sub > .content {padding:35px 8px 40px;} /* History */ .container_sub .history_content dl {padding-top:20px} .container_sub .history_content dl:first-child {padding-top:0} .container_sub .history_content dt {text-indent:0;padding-bottom:20px;} .container_sub .history_content dt,.container_sub .history_content dd {float:none;width:100%} .container_sub .history_content dd>ul>li:last-child {padding-bottom:50px;} /* Location */ .container_sub .subway_info,.bus_info {float:none;width:100%} .container_sub .subway_info {padding-right:0} .container_sub .bus_info {padding:20px 0 0 0} /* Ceo */ .container_sub .ceo_comment {min-height:270px;background-image:url('/images/intro/mobile_img_ceo.png');} /* Philosophy */ .container_sub .philosophy_content li {background-position:center 0;} .container_sub .philosophy_content dl {padding:125px 0 0 0;margin-left:0} .container_sub .philosophy_content dt {text-align:center} /* CI */ .container_sub .ci_contents .symbol .ci_txt div img {width:70%;height:auto} .container_sub .signature li {float:none;width:100%;} .container_sub .signature .white_ci,.container_sub .signature .black_ci {margin:0 0 0 0} /* Product*/ .container_sub .inner_product > p embed {height:200px;} .container_sub .inner_support .list_support > li > dl dd {padding:20px 10px;} /* Company & Vision */ .container_sub .vision_wrap,.container_sub .vision_wrap dl,.container_sub .vision_wrap dt,.container_sub .vision_wrap dd {display:block;border:0 none} .container_sub .vision_wrap dl {margin-bottom:40px} .container_sub .vision_wrap dt,.container_sub .vision_wrap dd {width:100%;padding:0 0} .container_sub .vision_wrap dt {font-size:1.2em;padding-bottom:15px} .container_sub .vision_wrap .vision dt{background-color:#fff;} .container_sub .vision_wrap .vision dd {padding:20px;border: 1px solid #d5d5d5;text-align: center;} } /* lams_content */ .lams_wrap {padding-left:0} .lams_wrap .container_sub {max-width:1020px;margin:0 auto;padding:60px;background:url('/images/lams/top_bg.gif') repeat-x 0 0 #fff;} .lams_wrap .container_sub .ci {width:187px;height:47px;background-image:url('/images/lams/ci.gif');text-indent:-5000px} .lams_wrap .container_sub > .content {padding: 0 0 60px;background-color: #FFF;} .lams_wrap .container_sub > .content > h4 {background:url('/images/lams/lams_visual.png') no-repeat right 0;padding:100px 0 20px;font-size:80px;line-height:46px} .lams_wrap .container_sub > .content > h4.en {padding:120px 0 40px} @media screen and (max-width: 950px){.lams_wrap .container_sub > .content > h4{background-image:none}} .lams_wrap .container_sub > .content > h4 span {display:block;font-size:26px;line-height:1.4;padding-top:10px} .lams_wrap .container_sub > .content > .inner_product h5 {color:#333;font-size:24px;padding-bottom:30px} .lams_wrap .container_sub > .content > .inner_product h6 {font-size:20px;color:#f15a2c;padding-bottom:10px} .lams_wrap .container_sub .inner_product .txt {margin-bottom: 50px;padding-left: 10px;font-size: 14px;font-weight: lighter;line-height: 26px;color: #707070;} .lams_wrap .container_sub .inner_product .list_principal > dl {cursor:default;height:240px} .lams_wrap .container_sub .inner_product .list_principal > dl > dt p img {margin-top:10px;} .lams_wrap .container_sub .inner_product .list_principal > dl > dt span {top:130px;font-size:12px;line-height:1.5;padding:0 10px;} .lams_wrap .container_sub .inner_product .info h5 {padding-bottom:0;font-size:20px;color:#656565} @media screen and (max-width: 1000px){.container_sub .inner_product .list_principal > .col_05 {width: 25% !important;}} @media screen and (max-width: 768px){ .lams_wrap .container_sub {padding:60px 20px} .container_sub .inner_product .list_principal > .col_05 {width: 33.333% !important;} .lams_wrap .container_sub .inner_product .info h5 {padding-bottom:10px} } @media screen and (max-width: 768px){.container_sub .inner_product .list_principal > .col_05 {width: 50% !important;}} .ab0{border: none !important;} .ap0{padding: 0 !important;} .mb0{margin-bottom: 0 !important;} .mb30{margin-bottom: 30px !important;} .mt20{margin-top: 20px !important;} .mt30{margin-top: 30px !important;} .ml25{margin-left: 25px !important;} .pt10{padding-top: 10px !important;} .pt25{padding-top: 25px !important;} .newline2 li a{font-size: 16px !important;} .newline2 li a span{font-size: 12px; font-weight: 100; color: #afafaf;} .newformat{padding: 25px 15px 0;} .newformat dl dt{background: #f1592a; font-size: 24px; line-height: 30px; color: #fff !important; width: fit-content; margin: auto; padding: 10px 25px 6px; text-align: center;} .newformat dl dd{text-align: center; color: #f1592a !important; font-size: 17px !important; line-height: 36px !important;} .newformat .inner_product h5{font-size: 18px; font-weight: 900; text-align: center; line-height: 24px;} .newformat .inner_product p{font-size: 13px; font-weight: 100; line-height: 26px; /*text-align: center;*/ margin-top: 15px; color: #4d4d4d;} .newformat .inner_product ul.linebox{margin-top: 30px; margin-bottom: 60px; padding: 0 20px;} .newformat .inner_product ul.linebox li{width: calc((100% / 2) - 15px); font-size: 14px; color: #666666; font-weight: 100; line-height: 22px; text-align: center; background: #fcfcfc; padding: 20px 0; display: inline-block; height: 110px; box-sizing: border-box;} .newformat .inner_product ul.linebox li.maxline{height: 130px;} .newformat .inner_product ul.linebox li.line1{border-top: 2px solid #f2582b; border-bottom: 2px solid #eee;} .newformat .inner_product ul.linebox li.line2{border-top: 2px solid #eee; border-bottom: 2px solid #f2582b;} .newformat .inner_product .bg_g{background: #f9f9f9; padding: 50px 20px;} .newformat .inner_product .bg_g h5, .newformat .inner_product .bg_w h5{color: #f05929; font-size: 18px; font-weight: 900; text-align: center; line-height: 24px;} .newformat .inner_product .bg_w{background: #fff; padding: 60px 20px;} .newformat .inner_product div ul li{font-size: 13px; color: #666666;} .newformat .inner_product div.grid1 ul{display: inline-block;} .newformat .inner_product div.grid1 ul li.title{font-size: 14px; color: #454545; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background: #fffef4; padding: 15px; line-height: 22px; text-align: center; width: 25%; box-sizing: border-box; float: left;} .newformat .inner_product div.grid1 ul li:first-child{border-top: 1px solid #ececec;} .newformat .inner_product div.grid1 ul li:nth-child(2){border-top: 1px solid #ececec;} .newformat .inner_product div.grid1 ul li{border-bottom: 1px solid #ececec; background: #fff; width: 75%; padding: 18px 15px;; box-sizing: border-box; height: 80px; float: right; line-height: 22px; vertical-align: middle;} .newformat .inner_product div.grid2 ul{display: inline-block;} .newformat .inner_product div.grid2 ul li.title{font-size: 14px; color: #666; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background: #f9f9f9; padding: 15px; line-height: 22px; text-align: center; width: 25%; box-sizing: border-box; float: left;} .newformat .inner_product div.grid1 ul li.line3, .newformat .inner_product div.grid2 ul li.line3{height: 103px !important;} .newformat .inner_product div.grid1 ul li.line4, .newformat .inner_product div.grid2 ul li.line4{height: 120px !important;} .newformat .inner_product div.grid1 ul li.line5, .newformat .inner_product div.grid2 ul li.line5{height: 145px !important;} .newformat .inner_product div.grid1 ul li.line6, .newformat .inner_product div.grid2 ul li.line6{height: 170px !important;} .newformat .inner_product div.grid1 ul li.line8, .newformat .inner_product div.grid2 ul li.line8{height: 210px !important;} .newformat .inner_product div.grid2 ul li:first-child{border-top: 1px solid #ececec;} .newformat .inner_product div.grid2 ul li:nth-child(2){border-top: 1px solid #ececec;} .newformat .inner_product div.grid2 ul li{border-bottom: 1px solid #ececec; background: #fff; width: 75%; padding: 17px 15px;; box-sizing: border-box; min-height: 80px; max-height: 210px; float: right; line-height: 22px; vertical-align: middle;} .newformat .inner_product div.grid2 ul li strong {color: #f07e25;} .newformat .inner_product div.grid2 img{width: 840px; height: 360px;} .newformat .inner_product div.grid3 ul{display: inline-block; border: 1px solid #ececec; box-sizing: border-box;} .newformat .inner_product div.grid3 ul li{width: 33%; height: 185px; display: inline-block; float: left; box-sizing: border-box; padding: 30px 20px !important;} .newformat .inner_product div.grid3 ul.middleline li{height: 220px;} .newformat .inner_product div.grid3 ul.maxline li{height: 335px;} .newformat .inner_product div.grid3 ul li dl dt{font-size: 15px; font-weight: 700; color: #105671 !important; line-height: 22px; text-align: center; box-sizing: border-box; background: none !important; padding: 0 !important;} .newformat .inner_product div.grid3 ul li dl hr{margin: : 15px 0; position: unset;} .newformat .inner_product div.grid3 ul li dl dd{font-size: 13px !important; color: #666666 !important; line-height: 22px !important;} .newformat .inner_product div.grid3 ul li.bg_w{background: #fff;} .newformat .inner_product div.grid3 ul li:nth-child(2){border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; width: 34%;} .newformat .inner_product div.grid3 ul li:nth-child(4){border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;} .newformat .inner_product div.grid3 ul li:nth-child(5){width: 34%;} .newformat .inner_product div.grid3 ul li:nth-child(6){border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec;} .newformat .inner_product div.grid3 ul li:nth-child(8){border-left: 1px solid #ececec; border-top: 1px solid #ececec; border-right: 1px solid #ececec; width: 34%;} @media (max-width: 1490px) { .newformat .inner_product ul.linebox{margin-top: 30px; margin-bottom: 60px; padding: 0 20px;} .newformat .inner_product ul.linebox li{width: 100%; font-size: 14px; color: #666; font-weight: 100; line-height: 22px; text-align: center; background: #fcfcfc; padding: 20px 0; display: inline-block; height: 110px; box-sizing: border-box; margin-left: 0 !important; margin-top: 20px !important;} .newformat .inner_product ul.linebox li:first-child{margin-top: 0 !important;} .newformat .inner_product ul.linebox li.line1, .newformat .inner_product ul.linebox li.line2{border-top: 2px solid #f2582b; border-bottom: 2px solid #eee;} .newformat .inner_product ul.linebox li.maxline{height: auto;} .newformat .inner_product div.grid1 ul li.line3, .newformat .inner_product div.grid2 ul li.line3{height: auto !important;} .newformat .inner_product div.grid1 ul li.line4, .newformat .inner_product div.grid2 ul li.line4{height: auto !important;} .newformat .inner_product div.grid1 ul li.line5, .newformat .inner_product div.grid2 ul li.line5{height: auto !important;} .newformat .inner_product div.grid1 ul li.line6, .newformat .inner_product div.grid2 ul li.line6{height: auto !important;} .newformat .inner_product div.grid1 ul li.line8, .newformat .inner_product div.grid2 ul li.line8{height: auto !important;} .newformat .inner_product div.grid1 ul li.title{font-size: 14px; color: #454545; border-bottom: 1px solid #ececec; border-right: 0px solid #ececec; background: #fffef4; padding: 15px; line-height: 22px; text-align: center; width: 100%; box-sizing: border-box; float: left;} .newformat .inner_product div.grid1 ul li:first-child{border-top: 1px solid #ececec;} .newformat .inner_product div.grid1 ul li:nth-child(2){border-top: 0px solid #ececec;} .newformat .inner_product div.grid1 ul li{border-bottom: 1px solid #ececec; background: #fff; width: 100%; padding: 18px 15px;; box-sizing: border-box; height: auto; float: right; line-height: 22px; vertical-align: middle;} .newformat .inner_product div.grid1 ul li br, .newformat .inner_product div.grid2 ul li br, .newformat .inner_product div.grid3 ul li dl dt br {display: none;} .grid2 ul li strong br{display: block !important;} .newformat .inner_product div.grid2 ul li.title, .newformat .inner_product div.grid2 ul li.title3{font-size: 14px; color: #666; border-bottom: 1px solid #ececec; border-right: 0px solid #ececec; background: #f9f9f9; padding: 15px; line-height: 22px; text-align: center; width: 100%; box-sizing: border-box; float: left;} .newformat .inner_product div.grid2 ul li.title3{height: auto !important;} .newformat .inner_product div.grid2 ul li:first-child{border-top: 1px solid #ececec;} .newformat .inner_product div.grid2 ul li:nth-child(2){border-top: 0px solid #ececec;} .newformat .inner_product div.grid2 ul li{border-bottom: 1px solid #ececec; background: #fff; width: 100%; padding: 18px 15px;; box-sizing: border-box; min-height: auto; max-height: none; float: right; line-height: 22px; vertical-align: middle;} .newformat .inner_product div.grid2 ul li strong {color: #f07e25;} .newformat .inner_product div.grid2 img { width: 100%; height: auto; } .newformat .inner_product div.grid3 ul{display: inline-block; border: 1px solid #ececec; box-sizing: border-box;} .newformat .inner_product div.grid3 ul li{width: 100%; height: auto; display: inline-block; float: left; box-sizing: border-box; padding: 30px 20px !important;} .newformat .inner_product div.grid3 ul.middleline li, .newformat .inner_product div.grid3 ul.maxline li{height: auto;} .newformat .inner_product div.grid3 ul li dl dt{font-size: 15px; font-weight: 700; color: #105671 !important; line-height: 22px; text-align: center; box-sizing: border-box; background: none !important; padding: 0 !important; width: 100%;} .newformat .inner_product div.grid3 ul li dl hr{margin: : 15px 0; position: unset;} .newformat .inner_product div.grid3 ul li dl dd{font-size: 13px !important; color: #666666 !important; line-height: 22px !important;} .newformat .inner_product div.grid3 ul li.bg_w{background: #fff;} .newformat .inner_product div.grid3 ul li:nth-child(2){border-left: 0px solid #ececec; border-bottom: 1px solid #ececec; border-right: 0px solid #ececec; width: 100%;} .newformat .inner_product div.grid3 ul li:nth-child(4){border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; border-right: 0px solid #ececec;} .newformat .inner_product div.grid3 ul li:nth-child(5){width: 100%;} .newformat .inner_product div.grid3 ul li:nth-child(6){border-left: 0px solid #ececec; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec;} .newformat .inner_product div.grid3 ul li:nth-child(8){border-left: 0px solid #ececec; border-top: 1px solid #ececec; border-right: 0px solid #ececec; width: 100%;} } #format2020 { padding: 0 !important; } #format2020 .sw_info { padding: 4rem 25px; } #format2020 .sw_info h4 { font-size: 1.5rem; color: #4d4d4d; text-align: center; line-height: 1.1; } #format2020 .sw_info hr { position: relative; margin-top: 5px; margin-bottom: 5px; } #format2020 .sw_info .leftwrap { display: inline-block; width: calc(100% / 2); } #format2020 .sw_info .leftwrap.bgimg { height: 400px; background-repeat: no-repeat !important; background-position: left bottom !important; background-size: 90% !important; } #format2020 .sw_info .leftwrap hr { position: relative; margin: auto 0; margin-top: 5px; margin-bottom: 5px; } #format2020 .sw_info .leftwrap h3 { display: block; font-size: 3.1rem; font-weight: 100; line-height: 1.1; color: #f05929; } #format2020 .sw_info .leftwrap h3 strong { display: block; font-weight: 500; } #format2020 .sw_info .leftwrap .info_text, #format2020 .sw_info .rightwrap .info_text { display: block; font-size: 0.9rem; line-height: 1.8; font-weight: 300; color: #454545; padding: 1rem 0; white-space: pre-line; letter-spacing: -0.04rem; word-break: keep-all; text-align: justify; } #format2020 .sw_info .leftwrap a, #format2020 .sw_info .rightwrap a { padding: 0.6rem 1.4rem; line-height: 1.1; font-size: 0.9rem; font-weight: 700; margin-top: 0.5rem; background: #f05a29; border-radius: 6px; color: #fff; } #format2020 .sw_info .rightwrap { display: inline-block; width: calc(100% / 2); height: 500px; background-repeat: no-repeat !important; background-size: 74% !important; background-position: bottom right !important; } #format2020 .sw_info .rightwrap.fortext { margin-top: 10rem; box-sizing: border-box; height: auto; } #format2020 .sw_info .rightwrap.fortext h4 { font-size: 1.2rem; font-weight: 600; text-align: left; color: #757575; } #format2020 .sw_info.bg_g { background: #f2f4f7; } #format2020 .sw_info .img_frame { background: #fff; width: 90%; margin: 2rem auto 0; padding: 3rem; box-sizing: border-box; text-align: center; border-radius: 1rem; border: 1px solid #e3e5ea; } #format2020 .sw_info .img_frame img { width: 60%; } #format2020 .sw_info .img_frame2 { width: 90%; margin: auto; padding: 2rem 0 0; box-sizing: border-box; text-align: center; } #format2020 .sw_info .img_frame2 img { width: 100%; } #format2020 .sw_info .img_frame2 .b_logo { width: 30%; height: 70px; display: inline-block; border: 1px solid #e3e5ea; margin: 0.7rem; padding: 0.8rem; box-sizing: border-box; background-color: #fff !important; border-radius: 8px; overflow: hidden; text-align: center; background-repeat: no-repeat !important; background-position: center !important; } #format2020 .sw_info .img_frame2 .b_logo a { width: 100%; height: 100%; display: block; } #format2020 .sw_info .img_frame2 .b_logo_size1 { background-size: 7rem !important; } #format2020 .sw_info .img_frame2 .b_logo_size2 { background-size: calc(100% - 5rem) !important; } #format2020 .sw_info .img_frame2 .b_logo_size3 { background-size: 3rem !important; } #format2020 .sw_info ul.pro_item { margin-top: 2rem; } #format2020 .sw_info ul.pro_item li { width: 50%; display: inline-block; margin: 0.5rem 0 1rem; } #format2020 .sw_info ul.pro_item ul.type1 { } #format2020 .sw_info ul.pro_item ul.type1 li:first-child { width: 100px; display: inline-block; margin-right: 1rem; float: left; } #format2020 .sw_info ul.pro_item ul.type1 li:first-child dt { height: 100px; border-radius: 80px; background: #f2f4f7; display: block; text-align: center; } #format2020 .sw_info ul.pro_item ul.type1 li:first-child dt img { width: 100%; margin: auto; padding: 1.1rem; box-sizing: border-box; } #format2020 .sw_info ul.pro_item ul.type1 li:first-child dd { font-size: 1rem; text-align: center; margin-top: 0.8rem; line-height: 1; } #format2020 .sw_info ul.pro_item ul.type1 li:last-child { display: block; width: calc(100% - 120px); float: right; } #format2020 .sw_info ul.pro_item ul.type1 li:last-child dt { font-size: 0.85rem; font-weight: 700; line-height: 1; color: #f15a2b; } #format2020 .sw_info ul.pro_item ul.type1 li:last-child dd { font-size: 0.8rem; line-height: 1.4; color: #757575; margin-top: 0.3rem; margin-bottom: 0.8rem; margin-left: 0.65rem; padding-right: 1.5rem; letter-spacing: -0.03rem; } #format2020 .sw_info ul.pro_item ul.type2 { width: 90%; margin: auto; } #format2020 .sw_info ul.pro_item ul.type2 li:first-child { width: 100%; height: 120px; display: block; margin: 0; background-repeat: no-repeat; background-position: center; } #format2020 .sw_info ul.pro_item ul.type2 li:first-child dt { height: 100px; border-radius: 80px; background: #f2f4f7; display: block; text-align: center; } #format2020 .sw_info ul.pro_item ul.type2 li:first-child dd { font-size: 1.1rem; font-weight: 700; text-align: center; line-height: 120px; color: #f2f2f2; } #format2020 .sw_info ul.pro_item ul.type2 li:last-child { display: block; width: 100%; min-height: 300px; padding: 1.5rem 1rem 0.5rem; box-sizing: border-box; margin: 0; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 0 0 14px 14px; } #format2020 .sw_info ul.pro_item ul.type2 li:last-child dt { font-size: 0.85rem; font-weight: 700; line-height: 1; color: #f15a2b; } #format2020 .sw_info ul.pro_item ul.type2 li:last-child dd { font-size: 0.8rem; line-height: 1.4; color: #757575; margin: 0.4rem 0.2rem 0.8rem; padding-right: 1.5rem; letter-spacing: -0.03rem; } #format2020 .sw_info ul.pro_item ul.type3 { width: 80%; margin: auto; color: #757575; } #format2020 .sw_info ul.pro_item ul.type3 li:first-child { width: 30%; } #format2020 .sw_info ul.pro_item ul.type3 li:first-child dt img { width: 100%; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child { width: 70%; padding-left: 3rem; box-sizing: border-box; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child dt { font-size: 1.2rem; font-weight: 700; line-height: 1; color: #F05929; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child dt.subH { font-size: 1rem; line-height: 1; padding-top: 0.8rem; padding-bottom: 1.2em; font-weight: 500; color: #757575; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child dd { text-align: left; font-size: 0.9rem; line-height: 1.8; } #format2020 .sw_info ul.pro_item.w100 li { width: 100%; } @media screen and (max-width: 768px){ #format2020 .sw_info .leftwrap, #format2020 .sw_info .rightwrap { width: 100% } #format2020 .sw_info .leftwrap.bgimg { background-position: center 9.5rem !important; /*background-size: 40% !important;*/ height: 450px; } /* 수정 - 20200326 */ #format2020 .sw_info .leftwrap .info_text { margin-top: 18rem; } #format2020 .sw_info .leftwrap a/*, #format2020 .sw_info .rightwrap a*/ { float: right; } #format2020 .sw_info .rightwrap { position: absolute; top: 19rem; left: 0; height: 14rem; background-size: contain !important; background-position: center !important; } #format2020 .sw_info .rightwrap.fortext h4, #format2020 .sw_info .rightwrap.fortext .info_text { text-align: center; } #format2020 .sw_info ul.pro_item>li { width: 90%; margin-left: 5%; } #format2020 .sw_info ul.pro_item.w100 li { display: block; margin: auto; margin-top: 1rem; } #format2020 .sw_info ul.pro_item ul.type2 li:last-child { min-height: auto; } #format2020 .sw_info ul.pro_item ul.type3 { width: 100%; margin-bottom: 2rem; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child { padding-top: 0.8rem; padding-left: 0; width: 100%; text-align: center; letter-spacing: -0.04rem; } #format2020 .sw_info ul.pro_item ul.type3 li:last-child dt.subH { line-height: 1.5; padding-top: 0.5rem; padding-bottom: 0.8rem; word-break: keep-all; } #format2020 .sw_info .img_frame2 .b_logo { width: 40%; } /* 이미지 누락 - 임시 */ #format2020 .sw_info .leftwrap.bgimg { height: 400px; } /* 수정 - 20200326 */ #format2020 .sw_info .rightwrap.fortext { position: relative; top: 0; margin-top:auto; } /* 수정 - 20200326 */ #format2020 .sw_info .rightwrap.fortext h4, #format2020 .sw_info .rightwrap.fortext div.info_text { text-align: left; } #format2020 .sw_info .rightwrap a { display: inline-block; } #format2020 .sw_info .img_frame2 .b_logo_size1 { background-size: calc(100% / 1.6) !important; } #format2020 .sw_info .img_frame2 .b_logo_size2 { background-size: calc(100% / 1.4) !important; } #format2020 .sw_info .img_frame2 .b_logo_size3 { background-size: calc(100% / 2.8) !important; } /* Page Fix Bottom Popup */ #popup-solution-wrap { bottom: 1rem !important; right: 1rem !important; width: calc(100vw - 2rem) !important; } #popup-solution-wrap div { width: 74px !important; padding: 0.3rem !important; margin: 0.6rem !important; margin-right: 0 !important; position: relative; top: 0.5rem; } #popup-solution-wrap div:last-child { width: calc(100% - 100px) !important; position: relative; top: 0; } #popup-solution-wrap div:last-child > p { font-size: 13px !important; word-break: keep-all !important; } #popup-solution-wrap div:last-child > ul { margin-top: 1rem !important; } #popup-solution-wrap div:last-child > ul > li { margin: 0 0.1rem !important; } #popup-solution-wrap div:last-child > ul > li > a { padding: 0.2rem 0.5rem !important; border-radius: 0.3rem !important; font-size: 12px !important; } }