@charset "utf-8"; @import url(notosanskr.css); /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; @-ms-viewport {width: device-width;} html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: transparent;line-height: 1.15;}/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;*/ html,body{min-height:100%} body {margin: 0; font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,'돋움',dotum,'굴림',gulim, sans-serif, Roboto,'Helvetica Neue', Arial, sans-serif; font-size: 12px;font-weight:400; color: #7b7d80;text-align: left;}/* font-size: 0.875rem*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} a { color: #7b7d80;text-decoration: none;background-color: transparent;-webkit-text-decoration-skip: objects; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;} a:hover {color: #1f70de;text-decoration: underline;} a:not([href]):not([tabindex]) {color: inherit; text-decoration: none;} a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none;} a:not([href]):not([tabindex]):focus {outline: 0;} label{cursor:pointer} abbr[title]{border-bottom:1px dotted} mark{color:#000;background:#ff0} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0;vertical-align: middle} svg:not(:root){overflow:hidden} figure{margin:1em 40px} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit} button{overflow:visible;background:none;border:0;margin:0;padding:0;cursor:pointer} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} input{line-height:normal;letter-spacing:-1px} input:-webkit-autofill{color:#ffffff!important} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;display:inline-block;cursor:pointer;width:15px;height:15px;border:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#888} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#888} input::-moz-placeholder, textarea::-moz-placeholder{color:#888} iframe,fieldset{border:0;margin:0;padding:0} legend{padding:0;border:0} textarea{overflow:auto;resize:none} textarea,input,button,*:focus{outline:none!important} select{border:2px solid #E5E7E9;border-radius:6px;height:46px;padding:12px;outline:none} table{border-spacing:0;border-collapse:collapse} td,th{padding:0;margin:0} ul,li{list-style:none;padding:0;margin:0} dl,dt,dd{padding:0;margin:0} p, section{display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0;padding:0} h1,h2,h3,h4,h5,h6{font-weight:300;margin:0;padding:0} em,i,address{font-style:normal} a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea {-ms-touch-action: manipulation;touch-action: manipulation;} .blind{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px;height:1px} .fixed{position:fixed !important} .overflow_hidden {overflow:hidden} .pdt_none { padding-top:0!important} .mgt_none { margin-top:0!important} .mgt_7px { margin-top:7px!important} .mgt_up{margin-top:-34px} /** clearfix **/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .fixedArea {position: fixed; display: inline-flex; width: 45px; flex-direction: column; bottom: 35px; right: 48px; z-index: 99;} #arrow_top {display: none;z-index: 99;font-size: 0; border: none; cursor: pointer; background:url(../images/arrow_top.svg) no-repeat 0 0; width:45px; height:45px; margin-top: 8px;} .linkInquiry {z-index: 99; display: inline-block; width: 45px; height: 45px; background: url(../images/inquiry_icon.svg) no-repeat 0 0;} /** S : GNB **/ .header {text-align:center; position:fixed; top:0; right:0; left:0; z-index:99; background-color:#fff} #idx_hdr { transition: top 0.2s ease-in-out;} .nav-up {top: -82px;} .header .nav_main { background-color:#fff; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);} .nav_box {max-width:1144px; height:82px; margin:0 auto; text-align:right; position:relative; min-width: 1050px;} .logo { position:absolute; left:0; top:33px; } .logo a { width:192px; height:31px; background:url(../images/logo.png) no-repeat 0 0; font-size:0; text-indent:-1000px; overflow:hidden; display:block} .navbar {font-size:18px; font-weight:500; position:absolute; right:10px; bottom:0;font-family: "Noto Sans CJK KR DemiLight",'Noto Sans KR','맑은 고딕',Malgun Gothic,'돋움',dotum,'굴림',gulim, sans-serif, Roboto,'Helvetica Neue', Arial, sans-serif;} .navbar li {display:inline-block; margin-left:57px;} .navbar li a{color:#666; vertical-align:top; font-weight:400; height:40px; border-bottom:3px solid #fff; display:block} .navbar li a:hover { color:#3177fb; text-decoration:none} .navbar li a.on { border-bottom:3px solid #3177fb; color:#000; } .header .nav_sub { border-bottom:1px solid #c7c7c7; height:55px; overflow:hidden; line-height:61px; } .header .nav_sub ul { color:#717171; font-size:14px; display:block; text-align:left; font-weight:300; position:relative} .header .nav_sub ul li {display:inline-block;padding-right:41px} .header .nav_sub ul li a { color:#717171} .header .nav_sub ul li a:hover { text-decoration:none; color:#3177fb } .header .nav_sub ul li a.onn{ color:#222; font-weight:500} .header .nav_sub ul li.lnkColor_orange a { color:#ff7800} .header .nav_sub ul li.lnkColor_orange a:hover { color:#ff9c00} .header .nav_sub ul li.sct {color:#a6a6a6; } .header .nav_sub ul li.sct em { vertical-align:top} .header .btn_menu { display:none} /** E : GNB **/ /** S : TOP TITLE IMAGES **/ .container { margin-top:82px } .container.basic_page, .container.other_page { margin-top:138px } .carousel {height:744px; overflow:hidden; position:relative;} .basic_page .carousel { height:253px; overflow:hidden ;} .no_snb { margin-top:82px!important} .carousel h2.main_tit { color:#4a4a4c; line-height:42px; margin-top:31px; max-width:572px} .carousel h2.main_tit span { font-size:26px; display:block; letter-spacing:-2px; padding-bottom:1px} .carousel h2.main_tit strong { font-size:46px; color:#ff8a00; display:inline-block; border-bottom:1px solid #ff8a00; padding-bottom:4px; letter-spacing:0; font-family: "Noto Sans CJK KR DemiLight"; } .carousel h2.main_tit .mt_tp1 strong { font-size:36px; padding-bottom:1px;} .carousel h2.main_tit .mt_tp2 {margin-bottom:-4px} .carousel h2.main_tit .mt_tp2 strong { font-size:42px; padding-bottom:1px; font-weight:500;} .carousel h2.main_tit .mt_tp3 strong { font-size:42px; padding-bottom:1px; font-weight:500;} .carousel h2.main_tit .mt_tp4 {margin-bottom:-4px} .carousel h2.main_tit .mt_tp4 strong { font-size:42px; padding-bottom:1px; } .carousel h2.main_tit strong em {font-weight:500} .carousel h2.main_tit p { font-size:30px; display:block; letter-spacing:-1px; font-weight:400; margin-top:11px} .carousel .main_img { position:absolute; left:50%; width:950px; height:253px;top:0; } .carousel.product1 .main_img { background: url(../images/product/titImg_mail.png) no-repeat 0 0;} .carousel.product2 .main_img { background: url(../images/product/titImg_mob.png) no-repeat 0 0;} .carousel.product3 .main_img { background: url(../images/product/titImg_msg.png) no-repeat 0 0;} .carousel.product4 .main_img { background: url(../images/product/titImg_acv.png) no-repeat 0 0;} .carousel.product5 .main_img { background: url(../images/product/titImg_ext.png) no-repeat 0 0;} .carousel.product6 .main_img { background: url(../images/product/titImg_cs.png) no-repeat 0 0;} .carousel.product6 .main_tit p { letter-spacing:-2.5px} .carousel.product7 .main_img { background: url(../images/product/titImg_aye.png) no-repeat 0 0;} .carousel.product1 h2.main_tit { margin-top:29px;} .carousel.product7 h2.main_tit strong { letter-spacing:-1px} .carousel.product7 h2.main_tit p { letter-spacing:-2px} .main_banner { background:#ccc; position:relative; overflow:hidden; } .main_banner ul.slide { position:absolute; top:0; left:0; overflow:hidden; } .main_banner ul.slide li { height:744px;background-color:#3177fb} .main_banner ul.slide li .main_bg{height:481px} .main_banner ul.slide li.ms1 .main_bg{ background:url(../images/home/main01.png) repeat-x center 0; background-size:cover } .main_banner ul.slide li.ms2 .main_bg{ background:url(../images/home/main02.png) repeat-x center 0; background-size:cover } .main_banner ul.slide li.ms3 .main_bg{ background:url(../images/home/main03.png) repeat-x center 0; background-size:cover } .main_banner ul.slide li.ms4 .main_bg{ background:url(../images/home/main04.png) repeat-x center 0; background-size:cover } .main_banner ul.slide li.ms5 .main_bg{ background:url(../images/home/main05.png) repeat-x center 0; background-size:cover } .main_banner ul.slide li .copywrite_box { width:1144px;color:#fff; text-align:left; position:absolute; top:95px; left:50%; margin-left:-572px;z-index:2; height:310px;} .main_banner ul.slide li .copywrite_box .copywrite_txt { display:block; width:532px; height:248px; background: url(../images/home/main01_txt.png) no-repeat 0 0;} .main_banner ul.slide li .copywrite_box a{ display:inline-block; width:355px; height:62px; background:url(../images/home/main01_lnk.png) no-repeat 0 0;} .main_banner ul.slide li.ms1 .copywrite_box .copywrite_txt { background-image:url(../images/home/main01_txt.png); } .main_banner ul.slide li.ms1 .copywrite_box a{background-image:url(../images/home/main01_lnk.png);} .main_banner ul.slide li.ms2 .copywrite_box .copywrite_txt { background-image:url(../images/home/main02_txt.png);} .main_banner ul.slide li.ms2 .copywrite_box a{background-image:url(../images/home/main02_lnk.png);} .main_banner ul.slide li.ms3 .copywrite_box .copywrite_txt { background-image:url(../images/home/main03_txt.png);} .main_banner ul.slide li.ms3 .copywrite_box a{background-image:url(../images/home/main03_lnk.png);} .main_banner ul.slide li.ms4 .copywrite_box .copywrite_txt { background-image:url(../images/home/main04_txt.png);} .main_banner ul.slide li.ms5 .copywrite_box .copywrite_txt { background-image:url(../images/home/main05_txt.png);} .main_banner ul.slide li.ms5 .copywrite_box a{background-image:url(../images/home/main05_lnk.png);} .about_nara { color:#fff; width:1144px; height:263px; font-size:14px; margin:auto; position:relative; overflow:hidden} .about_nara h3 { font-size:24px; padding-top:37px} .about_nara hr,.about_product hr { border:none; border-bottom:2px solid #fff; width:59px; padding:0; margin:15px 0 26px; float:left} .about_nara p { line-height:21px; clear:both; float:none; display:block; font-weight:300} .about_nara .about_emblem { } .about_nara .about_emblem span { position:absolute; right:0; background:url(../images/idx_img_second.png) no-repeat 0 0; width:167px; height:188px; bottom:-225px;} .ms2 .about_nara .about_emblem span { background-image:url(../images/idx_img_second2.png)} .ms3 .about_nara .about_emblem span { background-image:url(../images/idx_img_second3.png)} .ms4 .about_nara .about_emblem span { background-image:url(../images/idx_img_second4.png)} .ms5 .about_nara .about_emblem span { background-image:url(../images/idx_img_second5.png)} .about_nara .about_emblem span.emblem1 {background-position:0 0; right:729px; transform:translateY(-37px);transition:transform 0s;} .mms .about_nara .about_emblem span.emblem1 {transform:translateY(-262px);transition: transform .7s;} .about_nara .about_emblem span.emblem2 {background-position:-182px 0; right:547px; transform:translateY(-37px);transition:transform .3s;} .mms .about_nara .about_emblem span.emblem2 {transform:translateY(-262px);transition: transform .8s;} .about_nara .about_emblem span.emblem3 {background-position:-364px 0; right:365px; transform:translateY(-37px);transition:transform .5s;} .mms .about_nara .about_emblem span.emblem3 {transform:translateY(-262px);transition: transform .9s;} .about_nara .about_emblem span.emblem4 {background-position:-546px 0; right:183px; transform:translateY(-37px);transition:transform .7s;} .mms .about_nara .about_emblem span.emblem4 {transform:translateY(-262px);transition: transform 1s;} .about_nara .about_emblem span.emblem5 {background-position:-728px 0; right:1px; transform:translateY(-37px);transition:transform .9s;} .mms .about_nara .about_emblem span.emblem5 {transform:translateY(-262px);transition: transform 1.1s;} .ms1 .about_nara .about_emblem span.emblem1 {background-position:0 0; right:547px; transform:translateY(-37px);transition:transform 0s;} .mms.ms1 .about_nara .about_emblem span.emblem1 {transform:translateY(-262px);transition: transform .7s;} .ms1 .about_nara .about_emblem span.emblem2 {background-position:-182px 0; right:365px; transform:translateY(-37px);transition:transform .3s;} .mms.ms1 .about_nara .about_emblem span.emblem2 {transform:translateY(-262px);transition: transform .8s;} .ms1 .about_nara .about_emblem span.emblem3 {background-position:-364px 0; right:183px; transform:translateY(-37px);transition:transform .5s;} .mms.ms1 .about_nara .about_emblem span.emblem3 {transform:translateY(-262px);transition: transform .9s;} .ms1 .about_nara .about_emblem span.emblem4 {background-position:-546px 0; right:1px;transform:translateY(-37px);transition:transform .7s;} .mms.ms1 .about_nara .about_emblem span.emblem4 {transform:translateY(-262px);transition: transform 1s;} .carousel .ts-controls { position:absolute; bottom:263px; left:50%; margin-left:-572px; height:41px; width:1144px; overflow: hidden;} .carousel .ts-controls > button {display:none} .carousel .ts-controls .ts-paging { width:100%; text-align:right; position:absolute; top:0; left:0; } .carousel .ts-controls .ts-paging-btn { display:inline-block; width:74px; height:3px; margin-left:12px; background:#fff; overflow: hidden; font-size:0;} .carousel .ts-controls .ts-paging-btn:first-child { margin-left: 0; } .carousel .ts-controls .ts-paging-active { background:#3182fb; } /** S : TOP TITLE IMAGES **/ /** S : INDEX CONTENT **/ .main_cont { background:url(../images/bg_idx_mcont.gif) repeat-x 0 0;} .nara_platform { background-color:#fff; text-align:center; padding-bottom:57px} .nara_platform h3 { font-size:30px ;color:#ff5252; padding:60px 0 35px; letter-spacing:-0.5px} .nara_platform p {font-size:18px; color:#414b62; line-height:30px; padding-bottom:55px} .nara_platform .lis_plf {} .nara_platform .lis_plf li { display:inline-block; width:238px; height:349px; color:#fff; box-sizing:border-box; cursor:pointer; position:relative; margin-left:14px; z-index:1} .nara_platform .lis_plf li:first-child {margin-left:0} .nara_platform .lis_plf li span { font-size:14px; height:90px; box-sizing:border-box; display:block; position:absolute; bottom:0; left:0; right:0; letter-spacing:-.5px; line-height:28px; padding-top:10px} .nara_platform .lis_plf li span strong { font-size:18px; display:block; font-weight:500} .nara_platform .lis_plf li.plf1 { background:#26bdc8 url(../images/idx_platform01.png) no-repeat center 71px} .nara_platform .lis_plf li.plf1 span { background-color:#1e9fae;} .nara_platform .lis_plf li.plf2 { background:#496683 url(../images/idx_platform02.png) no-repeat center 37px} .nara_platform .lis_plf li.plf2 span { background-color:#3a5672;} .nara_platform .lis_plf li.plf3 { background:#4b96e7 url(../images/idx_platform03.png) no-repeat center 45px} .nara_platform .lis_plf li.plf3 span { background-color:#3c7ec9;} .nara_platform .lis_plf li.plf4 { background:#f03b51 url(../images/idx_platform04.png) no-repeat center 38px} .nara_platform .lis_plf li.plf4 span { background-color:#c03247;} .main_refer1{ background-color:#eceff1; height:602px; position:relative} .main_refer1 .sec_tit { color:#fff; text-align:center; margin-bottom:27px; position:relative; z-index:2 } .main_refer1 .sec_tit h4 { font-size:28px; font-weight:400; padding-top:42px } .main_refer1 .sec_tit hr { border:none; border-bottom:2px solid #3c78ff; width:59px; padding:0; margin:9px auto 15px; } .main_refer1 .sec_tit span { font-size:16px;} .main_refer1 .idx_img_second { position:absolute; left:0;right:0; top:0; height:422px;background:url(../images/idx_bg_pr.png) no-repeat center 0; background-size: cover; z-index:1} .sec_cont { position:relative; z-index:2} .sec_cont2 { position:relative; padding:0 71px} .main_refer1 .sec_cont nav a { background-color:#fff; position:absolute; top:148px; height:150px; width:50px; overflow:hidden; font-size:0; text-indent:-1000px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;} .main_refer1 .sec_cont nav a:hover {opacity:0.5;} .main_refer1 .sec_cont nav a.previous { left:0; background: url(../images/icons/arrow_left_w.png) no-repeat 0 center; } .main_refer1 .sec_cont nav a.next { right:0; background: url(../images/icons/arrow_right_w.png) no-repeat right center;} .lnk_more { position:absolute; width:25px; height:25px; right:80px; top:-54px; font-size:0; overflow:hidden; background:url(../images/icons/more_plus2.gif) no-repeat 0 0; text-indent:-1000px } .main_refer1 .sec_tit .lnk_more { background-image:url(../images/icons/more_plus3.gif); right:80px; top:112px} .main_notice .lnk_more {right:9px;} .box_wrapping {max-width:1009px; margin:0 auto;} .crsl-items { padding:5px; } .crsl-wrap { } .crsl-item { background-color:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);} .crsl-item > a { display:block; height:377px; box-sizing:border-box; padding:27px 37px 27px 37px;} .crsl-item > a:hover { text-decoration:none} .crsl-item h5 {font-size:18px; color:#22262f; line-height:23px; overflow:hidden; text-overflow:ellipsis; height:50px; font-weight:500;margin:51px 0 22px} .crsl-item p { font-size:13px; color:#7b7d80; line-height:23px; overflow:hidden; text-overflow:ellipsis; height:70px; margin-bottom:29px} .crsl-item span { font-size:12px; color:#9fa0a0; } .crsl-item .thumbnail {width:100%; height:74px; overflow:hidden; display:table-cell; vertical-align:middle} .crsl-item .thumbnail img {width:auto;height:auto; max-width:253px; max-height:74px } .main_refer2{ background-color:#fff} .main_refer2 .sec_tit { color:#616777; text-align:center; margin-bottom:45px } .main_refer2 .sec_tit h4 { font-size:28px; font-weight:400; color:#262a34; padding:58px 0 25px } .main_refer2 .sec_tit span { font-size:16px; line-height:24px;} .main_refer2 .sec_cont { text-align:center; padding-bottom:74px } .main_refer2 .sec_cont ul { max-width:1001px; margin:auto} .main_refer2 .sec_cont ul li { width:201px; height:102px; border:1px solid #dadada; float:left; box-sizing:border-box; background-color:#fff; text-align:center; vertical-align:middle; margin:-1px 0 0 -1px; line-height:100px; overflow:hidden} .main_refer2 .sec_cont li img { vertical-align:middle; margin:auto; width:auto; height:auto; max-width:100%} .main_notice { background-color:#eceff1; padding-bottom:68px} .main_notice .site-width { text-align:center} .main_notice .sec_tit { text-align:center; font-size:28px; font-weight:400; color:#262a34; padding:43px 0 } .main_notice .sec_cont { border:1px solid #dadada; width:1001px; margin:auto; background-color:#fff; text-align:left} .main_notice .box_news { width:606px; border-right:1px solid #dadada; padding:42px 43px 54px 51px; box-sizing:border-box; position:relative; display:inline-block} .main_notice .box_news .tit_news {color:#262a34; font-size:18px; position:relative; margin-bottom:29px} .main_notice .box_news .tit_news .more {width:21px; height:21px; background:url(../images/icons/more_plus.png) no-repeat 2px 2px; position:absolute; right:0; top:-4px} .main_notice .box_news .news_slider { position:relative; overflow:hidden; } .main_notice .box_news .news_slider:hover {} .main_notice .box_news .news_slider ul { position:absolute; top:0; left:0; overflow:hidden; } .main_notice .box_news .news_slider ul li > a em {color:#7b7d80} .main_notice .box_news .news_slider ul li { height:203px; background:#fff; display:block} .main_notice .box_news .news_slider ul li:after {content: "."; display: block; clear: both; float:none; visibility: hidden; line-height: 0; height: 0;} .main_notice .box_news .news_slider ul div { display:table-cell} .main_notice .box_news .news_slider ul .news_img { border:1px solid #dadada; width:228px; height:201px; overflow:hidden; vertical-align:middle; text-align:center; background-position:center center; background-size: auto 100%; background-repeat:no-repeat} .main_notice .box_news .news_slider ul .news_img img {width:100%;height:auto} .main_notice .box_news .news_slider ul .news_cont { float:right; vertical-align:top; width:252px;overflow:hidden} .main_notice .box_news .news_slider ul .news_cont span { font-size:18px; color:#22262f; line-height:24px; overflow:hidden; word-break:break-all; height:46px } .main_notice .box_news .news_slider ul .news_cont p { font-size:13px; line-height:20px; color:#7b7d80; overflow:hidden; word-break:break-all; height:100px; margin:20px 0 } .main_notice .box_news .ts-controls .ts-paging { width:100%; text-align:center; position:absolute; top:12px; left:0; } .main_notice .box_news .ts-controls .ts-paging-btn { display:inline-block; width:10px; height:0; max-height:10px; padding-top:10px; margin-left:7px; border-radius:5px; background:#3399CC; overflow: hidden; display:none} .main_notice .box_news .ts-controls .ts-paging-btn:first-child { margin-left: 0; } .main_notice .box_news .ts-controls .ts-paging-active { background:#ff0000; } .main_notice .box_news .ts-controls .ts-paging { display:none} .main_notice .box_news .ts-controls { } .main_notice .box_news button{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;opacity:0; display:block; width:53px; height:91px; font-size:16px; color:#fff; font-weight:bold; position:absolute; top:138px; font-size:0; overflow:hidden; text-indent:-1000px;} .main_notice .box_news:hover button { opacity:0.5} .main_notice .box_news .ts-prev { background:#000 url(../images/icons/arrow_left_w_sm.png) no-repeat 20px center; left:0; } .main_notice .box_news .ts-next { background:#000 url(../images/icons/arrow_right_w_sm.png) no-repeat 23px center; right:0; } .main_notice .box_notice {float:right ; width:308px; padding:42px 45px 0 0;} .main_notice .box_notice .tit_notice {color:#262a34; font-size:18px; position:relative; margin-bottom:22px} .main_notice .box_notice .tit_notice .more {width:21px; height:21px; background:url(../images/icons/more_plus.png) no-repeat 2px 2px; position:absolute; right:0; top:-4px} .main_notice .box_notice ul {} .main_notice .box_notice ul li { padding-left:19px; background:url(../images/icons/bullet_cir_g.png) no-repeat 0 14px; position:relative; } .main_notice .box_notice ul li a { display:inline-block; width:215px; color:#7b7d80; white-space:nowrap; text-overflow: ellipsis; overflow:hidden ; line-height:31px; } .main_notice .box_notice ul li a:hover {text-decoration:none; color:#000} .main_notice .box_notice ul li em {position:absolute;right:0;top:8px;color:#9fa0a0} /** E : INDEX CONTENT **/ /** S : PRODUCT CONTENT **/ .basic_page .main_cont { background:url(../images/bg_sub_mcont.gif) repeat-x 0 0; } .about_product { color:#fff; height:136px; font-size:14px;letter-spacing:-.5px} .about_product hr { width:73px; margin:33px 0 14px;} .about_product h3 { clear:both; float:none; display:block; font-size:20px; line-height:32px; font-weight:400} .cont_cover1 { background-color:#fff; text-align:center; padding-bottom:51px} .cont_cover2 { background-color:#f5f5f5; text-align:center; padding-bottom:65px} .cont_cover3 { text-align:center; padding-bottom:45px} .cont_cover4 { text-align:center; border-top:3px solid #fd8204; background:#333 url(../images/product/cs_bg_img2.png) no-repeat center 0; height:567px; box-sizing:border-box} .cont_cover5 { background-color:#00b0be; text-align:center;} .basic_page .sec_tit, .other_page .sec_title { color:#000; text-align:center; margin-bottom:29px } .basic_page .sec_tit h4, .other_page .sec_title h4 { font-size:17px; font-weight:400; padding-top:48px } .basic_page .sec_tit hr, .other_page .sec_title hr { border:none; border-bottom:2px solid #f8981d; width:79px; padding:0; margin:18px auto 15px; } .basic_page .cont_cover3 .sec_tit { color:#fff;margin-bottom:36px } .basic_page .cont_cover3 .sec_tit hr { border-color:#FFF} .desc_group1 { } .desc_group1 .desc_item { border:1px solid #ddd; display:inline-block; padding:195px 20px 25px 29px; box-sizing:border-box; margin-right:9px; min-height:378px; text-align:left; vertical-align:middle;} .desc_group1 .desc_item:last-child {margin-right:0} .desc_group1 .desc_item dl{line-height:26px; color:#e75725; display:block; letter-spacing:-0.5px;} .desc_group1 .desc_item dl dt{ font-size:20px; margin:0 0 20px;} .desc_group1 .desc_item dl dd { font-size:14px; color:#5b5d64; } .desc_group1 .desc_item dl dd p { display:block; padding-left:18px; background:url(../images/icons/bullet_cir_g.png) no-repeat 0 11px; } .desc_group2 { margin:auto} .desc_group2 .desc_item {border:1px solid #ddd; display:inline-block; box-sizing:border-box; margin-right:7px; text-align:left; background-color:#fff; vertical-align:middle; min-height:445px;} .desc_group2 .desc_item:last-child, .desc_group7 .desc_item:last-child {margin-right:0} .desc_group2 .desc_item dl {} .desc_group2 .desc_item dl dt { height:218px; text-align:left; padding:38px 0 0 31px; box-sizing:border-box; letter-spacing:-1.8px } .desc_group2 .desc_item dl dt span,.desc_group7 .desc_item dl dt span { font-size:20px; color:#f5f5f5; font-weight:bold; zoom:1} .desc_group2 .desc_item dl dt hr,.desc_group7 .desc_item dl dt hr {border:none; border-bottom:2px solid #fff; width:35px; padding:0; margin:14px 0 0; text-align:left} .desc_group2 .desc_item dl dd,.desc_group7 .desc_item dl dd { padding:30px 0 21px 22px; font-size:14px; line-height:38px; letter-spacing:-.5px; color:#57585b} .desc_group2 .desc_item dl dd p,.desc_group7 .desc_item dl dd p {padding-left:25px; background:url(../images/icons/ico_check.png) no-repeat 0 12px} .desc_group3 { margin:auto auto 35px} .desc_group3 .desc_item {border:1px solid #fff; display:inline-block; box-sizing:border-box; margin-right:25px;margin-bottom:30px; min-height:274px; text-align:left; vertical-align:middle} .desc_group3 .desc_item:nth-child(3n) {margin-right:0} .desc_group3 .desc_item dl {} .desc_group3 .desc_item dl dt { height:123px; text-align:left; box-sizing:border-box; letter-spacing:-1.8px; background-color:#fff; padding:18px 14px} .desc_group3 .desc_item dl dt .tit_box { display:table;} .desc_group3 .desc_item dl dt span {display:table-cell} .desc_group3 .desc_item dl dt .tit_box_txt {font-size:18px; color:#e26007; vertical-align: bottom; padding-left:4px; padding-bottom:8px} .desc_group3 .desc_item dl dd { padding:19px 0 20px 16px; font-size:14px; line-height:28px; letter-spacing:-.5px; color:#fff} .desc_group3 .desc_item dl dd p {padding-left:13px; background:url(../images/icons/bullet_cir.png) no-repeat 0 12px} .desc_group4 { margin:auto} .desc_group4 .desc_item {border:1px solid #e3e3e3; display:inline-block; box-sizing:border-box; margin-right:25px; min-height:399px; text-align:left; padding:29px 25px 25px; background-color:#fff; margin-bottom:30px; vertical-align:middle } .desc_group4 .desc_item:last-child {margin-right:0} .desc_group4 .desc_item dl {} .desc_group4 .desc_item dl dt { height:79px; text-align:left; box-sizing:border-box; position:relative; padding-top:31px; margin-bottom:31px} .desc_group4 .desc_item dl dt span { font-size:28px; line-height:48px; height:48px; overflow:hidden; display:block; color:#fff; background-color:#7187a6; font-weight:300} .desc_group4 .desc_item dl dt em { position:absolute; } .desc_group4 .desc_item dl dd {padding:0 14px} .desc_group4 .desc_item dl dd table { width:100%; border:none; border-spacing:0; border-collapse:collapse; font-size:14px; line-height:30px; } .desc_group4 .desc_item dl dd table caption {font-size:14px; color:#7187a6; border-bottom:1px solid #d9d9d9; text-align:left; padding-bottom:1px} .desc_group4 .desc_item dl dd table tr th { border-bottom:1px solid #d9d9d9; color:#2b2b2b; text-align:left; font-weight:normal; vertical-align:top; padding:4px 0 4px 5px; width:97px} .desc_group4 .desc_item dl dd table tr td { border-bottom:1px solid #d9d9d9; color:#666; font-weight:300; padding:4px 0; text-align:left} .desc_group4 .desc_item dl dd table tr:last-child th, .desc_group4 .desc_item dl dd table tr:last-child td{ border:none} .desc_group4 .desc_item dl dd table.incaption tr th { padding-left:25px} .desc_group4 .desc_item dl dd table.incaption tr th { width:150px} .desc_group4 .desc_item dl dd table.incaption { border-bottom:1px solid #d9d9d9; margin-top:6px} .desc_group4 .desc_item dl dd table.incaption:first-child { margin-top:none} .desc_group4 .desc_item dl dd table.incaption:last-child { border-bottom:none} .desc_group5 { margin:3px auto 0} .desc_group5 .desc_item {display:inline-block; box-sizing:border-box; margin-right:9px; margin-bottom:12px; text-align:left; padding:14px 10px 0 26px; background-color:#f2f5f4; vertical-align:middle; width:241px; height:264px; } .desc_group5 .desc_item:nth-child(4n) {margin-right:0} .desc_group5 .desc_item dl {} .desc_group5 .desc_item dl dt { text-align:left; box-sizing:border-box; position:relative; padding:69px 0 0 3px; letter-spacing:-1px} .desc_group5 .desc_item dl dt span { font-size:18px; overflow:hidden; display:block; white-space:nowrap; color:#e54b00; margin-bottom:6px} .desc_group5 .desc_item dl dt em { font-size:16px; overflow:hidden; display:block; white-space:nowrap; color:#7d7e82;letter-spacing:-1.5px } .desc_group5 .desc_item dl dt hr {border:none; border-bottom:2px solid #979797; width:45px; padding:0; margin:9px 0 0; text-align:left} .desc_group5 .desc_item dl dd { padding:12px 0 0; font-size:14px; line-height:28px; letter-spacing:-1px; color:#57585b} .desc_group5 .desc_item dl dd p {padding-left:13px; background:url(../images/icons/bullet_cir_g2.png) no-repeat 0 12px} .desc_group6 { margin:auto} .desc_group6 .desc_item {display:inline-block; box-sizing:border-box; margin-right:5px; text-align:left; background-color:#fff; vertical-align:middle; width:244px; height:283px; border:1px solid #e0dddd; padding:28px 10px 20px 27px} .desc_group6 .desc_item:last-child {margin-right:0} .desc_group6 .desc_item dl {} .desc_group6 .desc_item dl dt { text-align:left; box-sizing:border-box; position:relative; padding:97px 0 0 3px; letter-spacing:-1px} .desc_group6 .desc_item dl dt span { font-size:18px; overflow:hidden; display:block; white-space:nowrap; color:#09213d; margin-bottom:18px; text-indent:-2px} .desc_group6 .desc_item dl dd { padding:0 0 0; font-size:14px; line-height:26px; letter-spacing:-1px; color:#767d83} .desc_group7 { margin:auto} .desc_group7 .desc_item {border:1px solid #ddd; display:inline-block; box-sizing:border-box; margin-right:7px; text-align:left; background-color:#fff; vertical-align:middle; min-height:284px;} .desc_group7 .desc_item dl dt { height:128px; text-align:left; padding:29px 0 0 139px; box-sizing:border-box; letter-spacing:-1.5px } .desc_group7 .desc_item dl dt span { font-size:17px} .desc_group7 .desc_item dl dd { padding:21px 0 21px 22px;} .desc_group8 { margin:3px auto 0} .desc_group8 .desc_item {display:inline-block; box-sizing:border-box; margin-right:12px; text-align:left; padding:32px 10px 30px 19px; background-color:#f2f5f4; vertical-align:middle; } .desc_group8 .desc_item:last-child {margin-right:0} .desc_group8 .desc_item dl {} .desc_group8 .desc_item dl dt { text-align:left; box-sizing:border-box; position:relative; padding:70px 0 0 8px; letter-spacing:-1px} .desc_group8 .desc_item dl dt span { font-size:18px; overflow:hidden; display:block; white-space:nowrap; color:#537fae; margin-bottom:6px} .desc_group8 .desc_item dl dd { padding:21px 0 0 8px; font-size:14px; line-height:28px; letter-spacing:-1.5px; color:#57585b} .desc_group8 .desc_item dl dd p {padding-left:13px; background:url(../images/icons/bullet_cir_g2.png) no-repeat 0 12px} .desc_group9 { border:1px solid #ccd6dc; box-sizing:border-box; max-width:1001px; margin:39px auto 0} .desc_group9 dt { background:url(../images/product/productOverview_cs.png) no-repeat 0 0; height:442px; display:block} .desc_group9 dd { padding:24px 0 39px; display:block; font-size:18px; color:#4f5050; line-height:30px; letter-spacing:-1px; } .desc_group9 dd strong { font-weight:normal; font-size:20px; text-decoration:underline; letter-spacing:-2px; } .desc_group10 { margin:3px auto 0} .desc_group10 .desc_item {display:inline-block; box-sizing:border-box; margin-right:7px; margin-bottom:8px; background-color:#fff; vertical-align:middle; height:154px; width:496px; border:1px solid #ddd; padding:27px 20px 20px 36px} .desc_group10 .desc_item dl { text-align:right; background-position:right 7px; background-repeat:no-repeat; min-height:100px } .desc_group10 .desc_item dl dt { box-sizing:border-box; position:relative; padding:0; letter-spacing:-1px; margin:0 152px 0 0; font-family: "Noto Sans CJK KR Regular"; } .desc_group10 .desc_item dl dt hr {border:none; border-bottom:2px solid #c3cfd6; width:35px; padding:0; margin:15px 2px 10px 0; text-align:right; display:inline-block} .desc_group10 .desc_item dl dt span { font-size:20px; overflow:hidden; display:block; white-space:nowrap; color:#272d37;} .desc_group10 .desc_item dl dd { font-size:14px; line-height:24px; color:#57585b; margin:0 152px 0 0; letter-spacing:-1px} .desc_group10 .desc_item:nth-child(even) {margin-right:0;} .desc_group10 .desc_item:nth-child(even) dl { text-align:left; background-position:left 6px;} .desc_group10 .desc_item:nth-child(even) dl dt { margin:0 0 0 134px; } .desc_group10 .desc_item:nth-child(even) dl dt hr { text-align:left; display:inline-block} .desc_group10 .desc_item:nth-child(even) dl dd { margin:0 0 0 134px;} .desc_group11 { background:url(../images/product/effectCase5.png) no-repeat center 12px; padding-top:323px; padding-bottom:30px} .desc_group11 .desc_item { display:inline-block; width:232px; font-size:18px; color:#09213d; line-height:25px} .desc_img { box-sizing:border-box; border:1px solid #e3e3e3; text-align:center; vertical-align:middle; padding:27px 0 36px ; margin:0 71px} .desc_img img {margin:auto} .desc_img .info_txt { font-size:14px; color:#4e565c; display:block; text-align:left; margin:23px 39px 0} .cont_head { border-top:1px solid #ddd; margin: 60px 71px -16px; position:relative } .cont_head span { font-size:22px; color:#fff; margin:46px auto 0; background-color:#e4771e; border-radius:20px; height:39px; line-height:38px; display:inline-block; min-width:252px; font-family: "Noto Sans CJK KR Regular"; padding:0 52px; box-sizing:border-box} .cont_head.bd_none { border-top:0; margin-top:0} .cont_head.bd_none span { margin-top:51px} .cont_head p { display:block; font-size:16px; color:#616777; line-height:28px; padding:23px 0 0 } .cont_head p strong { display:block; font-size:17px; color:#000; font-weight:normal} .cont_head .device_type { position:absolute; right:2px; bottom:-82px} .cont_head .device_type li { display:inline-block; width:56px; height:57px; background: url(../images/product/device_type.png) no-repeat; margin-left:14px} .cont_head .device_type li.dtype_pc { background-position:0 0} .cont_head .device_type li.dtype_mob { background-position:-70px 0; } .lin_section {border:none; border-bottom:1px solid #ddd; padding:0; margin:0 71px 0; text-align:center;} .ac_is { box-sizing:border-box; width:1001px; height:361px; background:url(../images/product/cs_bg_img1.png) no-repeat 0 0; margin:auto; padding:82px 0 0 53px; text-align:left; letter-spacing:-1px; } .ac_is .ac_is_tit { display:block; width:202px; height:37px; overflow:hidden; background:url(../images/product/cs_img_txt.png) no-repeat 0 0; font-size:0; text-indent:-1000px;} .ac_is .ac_is_txt1 { font-size:13px; color:#fff; line-height:21px; margin-top:23px; text-shadow: 0px 0px 3px rgba(100, 100, 100, 1);} .ac_is .ac_is_txt2 { font-size:14px; color:#ff9c00; line-height:21px; margin-top:26px; font-weight:600; text-shadow: 0px 0px 3px rgba(100, 100, 100, 1);} .ac_is2 { box-sizing:border-box; width:1001px; height:301px; border:1px solid #b2b2b2; margin:67px auto 20px; background:url(../images/product/cs_bg.gif) 0 0; padding:55px 0 0 106px; text-align:left; } .ac_is2 .ac_is_tit { display:block; width:213px; height:91px; overflow:hidden; background:url(../images/product/cs_logo.png) no-repeat 0 0; font-size:0; text-indent:-1000px;} .ac_is2 .ac_is_txt1 { font-size:20px; color:#3e3e3e; line-height:34px; margin-top:27px; letter-spacing:-1px} .ac_is2 .ac_is_txt1 strong { font-size:25px; color:#fd8204; font-weight:normal} .ac_is2 .ac_is_txt1 span { font-size:22px; padding-left:8px } .his_box { margin:81px auto 0; display:inline-block} .his_box li { box-sizing:border-box; border:1px solid #fff; width:241px; height:406px; margin-right:9px; color:#fff; background:url(../images/product/cs_img_ico1.png) no-repeat center 172px; padding:32px 0 25px; display:inline-block; letter-spacing:-1px} .his_box li:last-child { margin-right:0} .his_box li p { display:block} .his_box li .hl_txt1 { font-size:38px; height:60px; overflow:hidden} .his_box li .hl_txt2 { display:table; width:100%} .his_box li .hl_txt2 span { display:table-cell; font-size:22px; line-height:30px; height:60px; overflow:hidden; vertical-align:middle} .his_box li .hl_txt3 { font-size:18px; line-height:26px; margin-top:167px } .his_box .his_lst1 { } .his_box .his_lst2 { background-image:url(../images/product/cs_img_ico2.png)} .his_box .his_lst3 { background-image:url(../images/product/cs_img_ico3.png)} .his_box .his_lst4 { background-image:url(../images/product/cs_img_ico4.png)} .nara_ing { display:table; color:#fff; text-align:left; margin:0 0 30px 74px} .nara_ing dt { display:table-cell; font-size:30px; line-height:40px; letter-spacing:11px; font-weight:600; font-family: "Noto Sans CJK KR Regular"; padding:78px 0 0; width:346px } .nara_ing dd { display:table-cell; font-size:20px; line-height:33px; padding:92px 0 0; } .nara_ing dd hr { border:none; border-bottom:3px solid #fff; width:66px; padding:0; margin:0 0 20px; text-align:left} /** E : PRODUCT CONTENT **/ /** S : COMPANY CONTENT **/ .other_page { background:url(../images/bg_sub_mcont2.gif) repeat-x 0 0; } .other_page .main_cont { background:none } .other_page .about_common { width:1180px; height:216px; margin:auto; background:url(../images/titImg_common.png) no-repeat right 0; font-size:22px; color:#fff; box-sizing:border-box; padding:59px 18px 0} .about_common hr { border:none; border-bottom:2px solid #fff; width:73px; padding:0; margin:0 0 15px; text-align:left} .about_common h2 { font-size:46px; font-weight:400; letter-spacing:-2px} .about_common h3 { letter-spacing:-1px; margin-top:21px} .other_page .ccover1 { background-color:#fff; text-align:center; padding-bottom:71px} .other_page .ccover2 { text-align:center; padding-bottom:76px } .other_page .ccover3 { text-align:center; position:relative} .ccover1 .sec_tit { color:#000; text-align:center; margin-bottom:46px } .ccover1 .sec_tit h4, .ccover2 .sec_tit h4 { font-size:28px; font-weight:400; padding-top:41px } .ccover2 .sec_tit,.ccover2 .sec_title { color:#fff; text-align:center; margin-bottom:49px } .ccover2 .sec_title h4 { font-size:17px; font-weight:400; padding-top:48px } .ccover2 .sec_title hr { border:none; border-bottom:2px solid #fff; width:79px; padding:0; margin:18px auto 15px; } .ccover3 {height:860px; background-color:#eceff1 } .ccover3 .sec_tit { color:#fff; text-align:center; margin-bottom:33px; } .ccover3 .sec_tit h4 { font-size:28px; padding-top:58px; font-weight:500; text-shadow: 0px 0px 5px rgba(123, 87, 65, 1); } .ccover3 .sec_tit span { font-size:18px; margin-top:22px; text-shadow: 0px 0px 5px rgba(123, 87, 65, 1); display:block} .ccover3 .sec_cont { background-color:#fff;width:999px;margin:auto; -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.40); -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.40); box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.40);} .ccover3 .second_img { position:absolute; left:0;right:0; top:0; height:539px; background:url(../images/company/intro_bg.jpg) no-repeat center 0; background-size: cover; z-index:1} .com_vision { margin:auto} .com_vision li { border:1px solid #00abec; border-width:1px 0 8px; box-sizing:border-box;display:inline-block; margin-right:7px; vertical-align:top} .com_vision li dl { border:1px solid #ddd; border-width:0 1px; display:block; height:460px; box-sizing:border-box; background:url(../images/company/intro_vision1.png) no-repeat center 40px; text-align:left; padding:236px 0 0; padding-left:40px;} .com_vision li dl dt { line-height:28px; font-size:20px; color:#101746; font-weight:300} .com_vision li dl dt strong { font-size:26px; line-height:32px; font-weight:400} .com_vision li dl dd {color:#767d83; font-size:16px; line-height:26px; margin-top:23px; font-weight:300} .com_vision .vis1 { border-top-color:#00abec; border-bottom-color:#00abec; } .com_vision .vis1 dl { width:300px; } .com_vision .vis2 { border-top-color:#f35b74; border-bottom-color:#f35b74; } .com_vision .vis2 dl { width:327px; background-image:url(../images/company/intro_vision2.png);} .com_vision .vis3 { border-top-color:#ec8b00; border-bottom-color:#ec8b00; margin-right:0} .com_vision .vis3 dl { width:354px; background-image:url(../images/company/intro_vision3.png); padding-left:45px;} .desc_pack1 { margin:auto; } .desc_pack1 .desc_tit { font-size:24px; color:#101746; padding:48px 0 45px; display:block} .desc_pack1 ul { display:table; margin:auto} .desc_pack1 ul .desc_item { display:table-cell; text-align:left; vertical-align:top; width:205px;} .desc_pack1 ul li:nth-child(1) {padding-left:20px} .desc_pack1 ul li:nth-child(2) {padding-left:26px;} .desc_pack1 ul li:nth-child(3) {padding-left:31px;} .desc_pack1 ul li:nth-child(4) {padding-left:37px;} .desc_pack1 ul .desc_item dl {} .desc_pack1 ul .desc_item dl dt { height:236px; box-sizing:border-box; background-repeat: no-repeat; background-position: 0 0 } .desc_pack1 ul .desc_item dl dd { font-size:20px; line-height:30px; color:#474b4e; padding:33px 0 43px; letter-spacing:-.5px} .desc_pack1 ul .desc_item dl dd span { text-decoration:underline} .desc_add { background-color:#3177fb; color:#fff; line-height:32px; font-size:18px; padding:24px 0 27px} .desc_add span {font-size:20px} .desc_pack2 { width:999px; border:1px solid #ddd; border-spacing:0; border-collapse:collapse; margin:0 auto 26px; } .desc_pack2 tr td { border-bottom:1px solid #ddd; min-height:287px; background-color:#f3f3f3; background-repeat:no-repeat; background-position: center 43px; font-size:16px; color:#767d83; line-height:35px; vertical-align:top; } .desc_pack2 tr:first-child td:nth-child(odd) { background-color:#fff; width:332px} .desc_pack2 tr:last-child td:nth-child(even) { background-color:#fff} .desc_pack2 tr td strong { font-size:20px; color:#101746; margin-top:175px; display:block; font-weight:normal} .desc_pack3 { padding:50px 46px 41px; width:1001px; background-color:#fff; display:table; box-sizing:border-box; margin:auto} .desc_pack3 .desc_item { display:table-cell } .desc_pack3 li:nth-child(1) { width:328px; } .desc_pack3 li:nth-child(2) { padding-left:63px; } .desc_pack3 .desc_item .info_logo { display:block; width:171px; height:100px; background:url(../images/logo_big.png) no-repeat center center; font-size:0; overflow:hidden; text-indent:-1000px; margin:auto} .desc_pack3 .desc_item table { width:100%; background-color:#fff; border:0; border-spacing:0; border-collapse:collapse; box-sizing:border-box} .desc_pack3 .desc_item table th { background-color:#bcbcbc; border-bottom:1px solid #ababab; color:#ffffff; font-size:16px; width:99px } .desc_pack3 .desc_item table th span { border-top:1px solid #fff; min-height:38px; box-sizing:border-box; text-decoration:none; display:block; padding:10px 0; font-weight:400} .desc_pack3 .desc_item table td { background-color:#ffffff; border-bottom:1px solid #bcbcbc; color:#60656a; font-size:16px; font-weight:300; text-align:left; line-height:26px; padding:6px 0 6px 24px } .desc_pack4 { text-align:center} .desc_pack4 li { display:inline-block; margin-right:14px; vertical-align:top} .desc_pack4 li:last-child { margin-right:0;} .desc_pack4 li .txt_desc { display:block; border:1px solid #ccd7de; border-width:0 1px; padding:24px 0 24px; min-height:202px; box-sizing:border-box; vertical-align:top } .desc_pack4 li .txt_desc strong { color:#000; font-size:24px; font-weight:400; font-family: Tahoma, Geneva, sans-serif} .desc_pack4 li .txt_desc strong em { font-size:22px; display:inline-block; font-family:'Noto Sans KR','맑은 고딕',Malgun Gothic,'돋움',dotum,'굴림',gulim, sans-serif, Roboto,'Helvetica Neue', Arial, sans-serif; margin:0} .desc_pack4 li .txt_desc em { color:#000; font-size:18px; display:block; margin-top:12px} .desc_pack4 li .txt_desc hr {border:none; border-bottom:2px solid #000; width:21px; padding:0; margin:12px auto 13px;} .desc_pack4 li .txt_desc span { color:#515151; font-size:14px; line-height:22px; font-weight:300} .desc_pack4 li p { background-repeat:no-repeat; background-position:0 0; display:block; width:322px; height:187px;} .desc_pack4 li .cbar {display:block; height:4px;} .desc_pack4 li .cbar em { display:block; width:50%; height:4px} .cor1 { background-color:#dd7800} .cor1 em { background-color:#eb9000} .cor2 { background-color:#af79d4} .cor2 em { background-color:#bd8bdf} .cor3 { background-color:#339ecc} .cor3 em { background-color:#52b2dc} .corporate { max-width:1001px; margin:0 auto 80px} .corporate .sec_tit { color:#fff; text-align:left; margin:0 0 44px; } .corporate .sec_tit h4 {font-size:28px; height:54px; overflow:hidden; padding:0 14px; line-height:54px;} .history1 .sec_tit { background-color:#eb9000} .history2 .sec_tit { background-color:#bd8bdf} .history3 .sec_tit { background-color:#20c9cf} .desc_pack5 { text-align:left; background:url(../images/company/bg_dotLine.gif) repeat-y 0 0} .desc_pack5 li { display:inline-block; margin-right:51px; vertical-align:top; width:295px;padding-bottom:49px} .desc_pack5 li:nth-child(3n) { margin-right:0} .desc_pack5 li:nth-last-child(-n+3) { padding-bottom:0} .desc_pack5 li dl {} .desc_pack5 li dl dt { color:#101746; font-size:26px; border-bottom:1px solid #c1c1c1; height:43px; box-sizing:border-box; margin-bottom:5px} .desc_pack5 li dl dt hr { border:none; border-bottom:2px solid #101746; width:44px; padding:0; margin:11px 0 -1px; text-align:left} .desc_pack5 li dl dd {} .desc_pack5 li dl dd p { font-size:15px; display:block; position:relative; line-height:28px;} .desc_pack5 li dl dd p strong { color:#525457; width:37px; height:28px; overflow:hidden; position:absolute; left:0; top:0; font-weight:400} .desc_pack5 li dl dd p span { color:#767d83; margin-left:37px; background:url(../images/icons/bullet_sq_gray.gif) no-repeat 0 13px; padding-left:9px; letter-spacing:-.5px; display:block} .desc_pack6 { margin:auto; max-width:969px; position:relative} .desc_pack6 li { float:left; border-right:1px solid #c1c1c1; box-sizing:border-box; width:485px; padding-bottom:20px} .desc_pack6 li dl {} .desc_pack6 li dl dt { border-bottom:1px solid #c1c1c1; position:relative;} .desc_pack6 li dl dt span { display:block; text-align:right; color:#101746; font-size:26px; padding:0 35px 7px 0} .desc_pack6 li dl dt em, .desc_pack6 li dl dt p { display:block; overflow:hidden; font-size:0; text-indent:-1000px; position:absolute} .desc_pack6 li dl dt .sq_spot { background-color:#101746; width:5px; height:5px; right:-3px; bottom:-3px} .desc_pack6 li dl dt .img_label { background:url(../images/company/ico_flag.png) no-repeat 0 0; width:42px; height:30px; left:0; bottom:-30px} .desc_pack6 li dl dt .img_trophy { background:url(../images/company/ico_trophy.png) no-repeat 0 0; width:47px; height:54px; left:0; bottom:0 } .desc_pack6 li dl dd {} .desc_pack6 li dl dd p { font-size:15px; display:block; position:relative; line-height:28px; margin:6px 0 0} .desc_pack6 li dl dd p strong { color:#5a5a5e; width:75px; height:28px; overflow:hidden; position:absolute; right:0; top:0; font-weight:400; text-align:left; padding-left:10px; box-sizing:border-box} .desc_pack6 li dl dd p span { color:#767d83; margin-right:75px; background:url(../images/icons/bullet_sq_gray.gif) no-repeat right 13px; padding-right:17px; letter-spacing:-.6px; display:block; text-align:right} .desc_pack6 li:first-child { padding-top:0} .desc_pack6 li:first-child dl dt span { background-color:#fff; margin-right:-1px;} .desc_pack6 li:last-child { padding-bottom:65px} .desc_pack6 li:last-child::after { content:""; display:block; position:absolute; background-color:#101746; width:5px; height:5px; left:50%; bottom:0; margin-left:-3px} .desc_pack6 li:nth-child(even) { float:left; border-left:1px solid #c1c1c1; border-right:0; margin-left:-1px; padding-top:80px;} .desc_pack6 li:nth-child(even) dl dt span { text-align:left; padding:0 0 7px 35px} .desc_pack6 li:nth-child(even) dl dt .sq_spot { left:-3px; right:auto} .desc_pack6 li:nth-child(even) dl dt .img_label { right:0; left:auto } .desc_pack6 li:nth-child(even) dl dt .img_trophy { right:0; left:auto; bottom:0 } .desc_pack6 li:nth-child(even) dl dd p strong { left:0; right:auto; text-align:right; padding-right:10px; padding-left:0;} .desc_pack6 li:nth-child(even) dl dd p span { margin-left:75px; margin-right:0; padding-left:14px; padding-right:0; text-align:left; background-position:left 13px} .desc_pack7 { max-width:1000px; margin:-15px auto 0} .desc_pack7 li { text-align:left; display:block; margin-bottom:30px} .desc_pack7 li dl { font-weight:300 } .desc_pack7 li dl dt { color:#333; font-size:24px; display:inline-block; width:194px; vertical-align:top} .desc_pack7 li dl dd { color:#6c7378; font-size:15px; line-height:30px; display:inline-block; vertical-align:top; margin-top:-4px} .desc_pack7 li.desc_item_no { padding-left:194px; padding-top:28px; margin-bottom:0 } .desc_pack7 li.desc_item_no p { border-bottom:17px solid #c9c9c9; display:inline-block; position:relative; padding-bottom:4px;min-width:239px; box-sizing:border-box; margin-right:10px;} .desc_pack7 li.desc_item_no p em { position:absolute; background-position:0 0; background-repeat:no-repeat; left:13px; bottom:-8px} .desc_pack7 li.desc_item_no p em.ico_phone {width:35px; height:33px; background-image:url(../images/company/ico_phone.png)} .desc_pack7 li.desc_item_no p em.ico_fax {width:42px; height:34px; background-image:url(../images/company/ico_fax.png)} .desc_pack7 li.desc_item_no p span { display:block; padding-left:60px; font-size:14px} .desc_pack7 li.desc_item_no p span strong {font-weight:400} .desc_pack8 { padding-bottom:15px} .desc_pack8 li { display:inline-block; margin-right:29px; vertical-align:top; width:226px;} .desc_pack8 li:last-child { margin-right:0} .desc_pack8 li dl {} .desc_pack8 li dl dt { color:#fff; font-size:20px; height:217px; box-sizing:border-box; text-align:center; background-repeat:no-repeat; background-position:center 104px; background-color:#937c5b; padding-top:41px} .desc_pack8 li dl dt hr { border:none; border-bottom:1px solid #fff; width:25px; padding:0; margin:14px auto 0; text-align:center} .desc_pack8 li dl dd { font-size:14px; display:block; line-height:22px; background-color:#fff; text-align:left; padding:12px 24px; box-sizing:border-box; min-height:121px} .desc_pack8 li dl dd strong { display:block; color:#937c5b; font-weight: 400} .desc_pack8 li dl dd span { display:block; color:#444; } /** E : COMPANY CONTENT **/ /** S : OTHER CONTENT **/ .desc_box1 { display:table; box-sizing:border-box; width:1001px; margin:auto; padding-top:60px;} .desc_box1 dt, .desc_box1 dd { display:table-cell; border-top:2px solid #000; border-bottom:1px solid #ccc; height:226px; box-sizing:border-box; } .desc_box1 dt { width:354px; background: url(../images/company/customer_img1.png) no-repeat 27px 45px} .desc_box1 dd { font-size:21px; line-height:34px; color:#000; text-align:left; padding-top:63px; font-weight:300} .desc_box1 dd .cc_imgtxt { display:block; width:168px; height:15px; background:url(../images/cc_imgtxt.png) no-repeat 0 0; margin-bottom:21px} .desc_box2 .sec_cont { width:1001px; height:460px; background:url(../images/cc_skills.png) no-repeat 0 0; margin:auto} .desc_box2 ul {} .desc_box2 ul li { position:absolute } .desc_box2 ul li:nth-child(1) { top:40px; left:50%; margin-left:-103px} .desc_box2 ul li:nth-child(2) { top:171px; right:725px} .desc_box2 ul li:nth-child(3) { top:171px; left:729px} .desc_box2 ul li:nth-child(4) { top:318px; right:785px} .desc_box2 ul li:nth-child(5) { top:318px; left:785px} .desc_box2 ul li dl {} .desc_box2 ul li dl dt:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .desc_box2 ul li dl dt span { font-size:20px; color:#101746; display:block; text-align:left } .desc_box2 ul li:first-child dl dt span { text-align:center } .desc_box2 ul li:nth-child(even) dl dt span { text-align:right} .desc_box2 ul li dl dt hr {border:none; border-bottom:2px solid #101746; width:37px; padding:0; margin:5px 0 0; float:left} .desc_box2 ul li:first-child dl dt hr { text-align:center; margin:5px auto 0; float:none} .desc_box2 ul li:nth-child(even) dl dt hr { float:right} .desc_box2 ul li dl dd { font-size:16px; line-height:20px; color:#767d83; padding-top:8px; text-align:left} .desc_box2 ul li:first-child dl dd { text-align:center} .desc_box2 ul li:nth-child(even) dl dd { text-align:right} .desc_box3 {margin:auto} .desc_box3 li { margin-right:47px; display:inline-block} .desc_box3 li:last-child { margin-right:0} .desc_box3 li dl { display:block; width:280px; height:306px; box-sizing:border-box; border:1px solid #fff; background-color:#fff} .desc_box3 li dl dt { height:207px; width:278px; background-repeat:no-repeat; background-position:0 0; background-color:#e5e5e5} .desc_box3 li dl dd { padding:17px 0 0; line-height:30px } .desc_box3 li dl dd strong { display:block; color:#101746; font-size:20px; font-weight:400} .desc_box3 li dl dd span { display:block; color:#767d83; font-size:16px} .desc_box4 {margin:50px auto 30px} .desc_box4 li { margin-right:9px; display:inline-block; vertical-align:top} .desc_box4 li:last-child { margin-right:0} .desc_box4 li dl { display:block; width:242px; height:293px; box-sizing:border-box; border:1px solid #cecece; background-color:#fff;} .desc_box4 li dl dt { height:167px; width:240px; background-repeat:no-repeat; background-position:25px 25px; background-color:#e5e5e5; text-align:left; font-size:20px; color:#101746; box-sizing:border-box; padding:119px 29px 0 ; font-weight:500} .desc_box4 li dl dd { padding:20px 15px 0 29px; line-height:24px; text-align:left; font-size:16px; color:#767d83; letter-spacing:-0.8px} .info_txt2 { color:#e76a3f; font-size:14px; display:block; text-align:right; width:1000px; margin:auto} .desc_box5 {margin:47px auto 30px; padding:151px 0 0} .desc_box5 li { display:inline-block; vertical-align:top} .desc_box5 li:last-child {background:url(../images/icons/line_dot.gif) repeat-y right 0; padding-right:7px} .desc_box5 li dl { display:block; width:243px; min-height:247px; box-sizing:border-box; background:url(../images/icons/line_dot.gif) repeat-y 0 0 } .desc_box5 li dl dt { height:100px; position:relative} .desc_box5 li dl dt span { width:134px; height:152px;background-position:0 0; background-repeat:no-repeat; position:absolute; top:-119px; left:57px} .desc_box5 li dl dd { padding:0; text-align:left; letter-spacing:-0.5px; padding:0 10px 0 20px} .desc_box5 li dl dd strong { display:block; color:#101746; font-size:18px; margin-bottom:21px; font-weight:normal} .desc_box5 li dl dd span { display:block; color:#767d83; font-size:15px; line-height:26px; background:url(../images/icons/bullet_cir_g3.png)no-repeat 0 10px; padding-left:12px} .desc_imgbg {width:993px; height:223px; background:url(../images/cc_service_bg.png) no-repeat 0 0; position:absolute; left:50%; top:0; margin-left:-497px} .tb_lst,.tb_view { width:100%; border:none; border-spacing:0; border-collapse: collapse; table-layout:fixed } .tb_lst::before,.tb_view::before {display:block; height:60px; content:""} .tb_lst th, .tb_view th{ border-bottom:1px solid #000; border-top:2px solid #000; text-align:center; font-size:16px; color:#444; font-weight:400; padding:20px 0} .tb_lst td,.tb_view td{ border-bottom:1px solid #e5e5e5; text-align:center; padding:22px 0} .tb_lst td .tb_no { font-size:14px; color:#57585b} .tb_lst td .tb_img { display:inline-block; width:161px; height:97px; border:1px solid #e5e5e5; background:url(../images/bg_list_img.gif) no-repeat center center; background-size:100% auto; overflow:hidden; vertical-align:middle} .tb_lst td .tb_img_span { display:inline-block; width:161px; height:97px; border:1px solid #e5e5e5; background-size:100% auto; overflow:hidden; vertical-align:middle; display:table-cell;} .tb_lst td .tb_img img { width:100%; height:auto; vertical-align:middle} .tb_lst td .tb_cont { text-align:left; padding:0 26px; height:99px; display:block; text-decoration:none} .tb_lst td .tb_cont span {font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding:10px 0 9px} .tb_lst td .tb_cont span em {display:inline-block; font-size:16px; color:#fff; padding:1px 9px 2px; letter-spacing:1px; margin-right:9px; margin-top:2px; vertical-align:top} .tb_lst td .tb_cont span .tit_notice { background-color:#333 } .tb_lst td .tb_cont span .tit_press { background-color:#849baa } .tb_lst td .tb_cont p {font-size:14px; color:#747474; line-height:24px; height:50px; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .tb_lst td .tb_date { font-size:13px; color:#747474} .tb_view { } .tb_view .tb_no { font-size:14px; color:#57585b} .tb_view .tb_date { font-size:13px; color:#747474} .tb_view .tb_title { font-size:20px; color:#333; display:block; padding:10px 0 9px; text-align:left} .tb_view .tb_title em {display:inline-block; font-size:16px; color:#fff; padding:1px 9px 2px; letter-spacing:1px; margin-right:9px; margin-top:2px; vertical-align:top} .tb_view .tb_title .tit_notice { background-color:#333 } .tb_view .tb_title .tit_press { background-color:#849baa } .tb_view .tb_cont {padding:25px; font-size:14px; color:#747474; text-align:left; line-height:24px; min-height:300px} .tb_view .tb_cont dt { padding-bottom:40px; } .tb_view .tb_cont dt img { width:auto; height:auto; max-width:100%} .tb_view .tb_cont dd { font-weight:300} .tb_btns { padding:20px 0 46px} .tb_btns:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .tb_btns a { display:inline-block; font-size:14px; height:34px; box-sizing:border-box; line-height:32px; padding:0 20px } .tb_btns a:hover { text-decoration:none;} .tb_btns .flt_l { float:left} .tb_btns .flt_l a { margin-right:2px} .tb_btns .flt_l a:last-child {margin-right:0} .tb_btns .flt_r { float:right} .tb_btns .btn_bas { color:#373737; background-color:#fff; border:1px solid #dddddd; } .tb_btns .btn_bas:hover { background-color:#fafafa} .tb_btns .pre_n { background:url(../images/icons/pageArrow_previous.png) no-repeat 0 center; padding-left:30px} .tb_btns .next_n { background:url(../images/icons/pageArrow_next.png) no-repeat right center; padding-right:30px} .tb_btns .btn_lst { color:#fff; background-color:#373737} .tb_btns .btn_lst:hover { background-color:#000} .tb_lst.corp td .tb_img {background-size:80% auto;} .tb_lst.corp td .tb_img img { width:80%} /**** newList ****/ .sec_cont2 h4 { font-size:28px; color:#000; text-align:center; font-weight:bold; padding:38px 0 28px} .lst_corp { float:none; clear:both} .lst_corp:after { clear:both; content:'';float:none;display:block} .lst_corp li { float:left; width:321px; /*height:345px;*/ box-sizing:border-box; border:1px solid #dedede; background-color:#fff;margin:20px 19px 0 0;padding:38px; text-align:left; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.2);} .lst_corp li:nth-child(3n) { margin-right:0} .lst_corp li a { display:block;} .lst_corp li a:hover { text-decoration:none} .lst_corp li .corp_img {display:inline-block; width:100%; height:90px; overflow:hidden; vertical-align:middle; box-sizing:border-box; line-height:90px} .lst_corp li .corp_img img { width:auto; height:auto; vertical-align:middle; background-color:#fff;} .lst_corp li dl { position:relative;margin-top:38px} .lst_corp li dl dt { line-height:23px; font-size:18px; color:#22262f; display:block; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; margin-bottom:41px} .lst_corp li dl dd { line-height:20px; display:block; height:60px; overflow:hidden;text-overflow: ellipsis; font-family:'돋움',dotum; } .lst_corp li dl dd:after { content:'...';position:absolute; bottom:0;right:-6px} .lst_corp li .news_date { font-family:'돋움',dotum; color:#9fa0a0; margin-top:37px; display:block; font-weight:bold; background: url(../images/icons/arrow_more.gif) no-repeat 216px 0} /**** / newList ****/ .paginate { padding:46px 0} .paginate .spr { background-repeat:no-repeat; background-position:center center; } .paginate a ,.paging_numbers strong { border:1px solid #ddd; display:inline-block; box-sizing:border-box; text-align:center; min-width:34px; height:34px; line-height:32px; vertical-align:middle; padding:0 7px;} .paginate > a { background-color:#fafafa; } .paginate a:hover { text-decoration:none; background-color:#eee; color:#666} .paginate .pre_end { margin-right:1px; background-image:url(../images/icons/pageArrow_first.png); margin-right:3px;} .paginate .pre_n {background-image:url(../images/icons/pageArrow_previous.png)} .paginate .next_n { background-image:url(../images/icons/pageArrow_next.png); margin-right:3px} .paginate .next_end { background-image:url(../images/icons/pageArrow_end.png)} .paginate .paging_numbers { display:inline-block; margin:0 5px} .paging_numbers strong {border-color:#373737; background-color:#373737; color:#fff; font-weight:400;margin:0 3px;} .paging_numbers a { margin:0 3px} /** E : OTHER CONTENT **/ /** S : PRODUCT SLIDER **/ .slider_case, .slider_case2 { margin:21px auto 31px; display:inline-block;} .blindscreen { height:293px; width:5px; background-color:#fff; position:absolute; left:0;top:135; z-index:3} .flexisel_container {position:relative; max-width:100%;} .flexisel_inner {position: relative;width:100%;} .flexisel_ul {position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none; text-align:center; overflow:hidden;} .flexisel_ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .flexisel_item {float:left;margin:0px; padding:0px; cursor:pointer;position:relative;line-height:0px; height:293px} .flexisel_item span {font-size:14px; color:#57585b; display:block; line-height:75px} .flexisel_item span em { margin:0 90px; display:inline-block} .flexisel_item img {max-width: 100%;cursor: pointer;position: relative; margin:0; } .flexisel_nav_left, .flexisel_nav_right { width:65px; height:293px; position: absolute;cursor: pointer;z-index: 4; top: 50%;transform: translateY(-50%); } .flexisel_nav_left {left:-64px; background:#fff url(../images/icons/arrow_left_g.png) no-repeat 5px center} .flexisel_nav_left.disabled { opacity: 0.4;} .flexisel_nav_right {right:-65px; background:#fff url(../images/icons/arrow_right_g.png) no-repeat 35px center} .flexisel_nav_right.disabled {opacity: 0.4;} #touchSlider5 { background:#ccc; position:relative; overflow:hidden; } #touchSlider5 ul { position:absolute; top:0; left:0; overflow:hidden; } #touchSlider5 ul li { height:150px; background:#9C9; font-size:14px; color:#fff; } .reference_slider1 {box-sizing:border-box; overflow:hidden} .reference_slider1 li { height:605px} .reference_slider1 .flexisel_item { text-align:center} .reference_slider1 li { box-sizing:border-box; border-left:1px solid #dadada; border-width:0 1px ; margin-left:-1px } .reference_slider1 li:last-child {border-right:1px solid #dadada} .reference_slider1 li p {padding:0;margin:auto; display:inline-block; width:100%; height:102px; box-sizing:border-box; border-bottom:1px solid #dadada} .reference_slider1 li:first-child p { margin-top:0} .reference_slider1 li p img {} .slider_box {border:1px solid #dadada; border-right:0; width:1010px} /**.slider_box .flexisel_ul { width:1001px; box-sizing:border-box}**/ .slider_box .flexisel_nav_left, .slider_box .flexisel_nav_right { height:607px; width:67px } .slider_box .flexisel_nav_left {left:-68px;} .slider_box .flexisel_nav_right {right:-68px; } .slider_mob { margin-top:-37px} .slider_mob .blindscreen, .slider_mob .flexisel_item, .slider_mob .flexisel_nav_left, .slider_mob .flexisel_nav_right { height:454px } .slider_msg { margin-top:-65px; padding-bottom:0} .slider_msg .slider_case { margin-bottom:0} .slider_msg .blindscreen, .slider_msg .flexisel_item, .slider_msg .flexisel_nav_left, .slider_msg .flexisel_nav_right { height:455px } .slider_msg .flexisel_nav_left, .slider_msg .flexisel_nav_right { margin-top:-2px } .slider_msg2 { margin-top:-65px;padding-bottom:28px} .slider_msg2 .blindscreen, .slider_msg2 .flexisel_item, .slider_msg2 .flexisel_nav_left, .slider_msg2 .flexisel_nav_right { height:413px } .slider_msg2 .flexisel_nav_left, .slider_msg2 .flexisel_nav_right { margin-top:-2px } .slider_acv { padding-bottom:45px} .slider_acv .blindscreen, .slider_acv .flexisel_item, .slider_acv .flexisel_nav_left, .slider_acv .flexisel_nav_right { height:372px; background-color:#f5f5f5} .slider_acv .flexisel_nav_left, .slider_acv .flexisel_nav_right { margin-top:-2px } .slider_ext { padding-bottom:45px} .slider_ext .blindscreen, .slider_ext .flexisel_item, .slider_ext .flexisel_nav_left, .slider_ext .flexisel_nav_right { height:315px;} .slider_ext .flexisel_nav_left, .slider_ext .flexisel_nav_right { margin-top:-2px } .slider_cs { padding-bottom:45px} .slider_cs .blindscreen, .slider_cs .flexisel_item, .slider_cs .flexisel_nav_left, .slider_cs .flexisel_nav_right { height:366px;} .slider_cs .flexisel_item span {display:block; width:999px; margin:auto; text-align:left} .slider_cs .flexisel_item span.cs_ui_txt1 em {margin-left:240px} .slider_cs .flexisel_item span.cs_ui_txt1 em:nth-child(2) {margin-left:345px} .slider_cs .flexisel_item span.cs_ui_txt2 em {margin-left:170px} .slider_cs .flexisel_item span.cs_ui_txt2 em:nth-child(2) {margin-left:365px} .slider_cs .flexisel_item span.cs_ui_txt3 em { margin-left:150px} .slider_cs .flexisel_item span.cs_ui_txt3 em:nth-child(2) {margin-left:360px} /** E : PRODUCT SLIDER **/ /** S : IMAGES & WIDTH_SIZE $ COLOR **/ .bgcolor1 { background-color:#ff9c00} .bgcolor2 { background-color:#e07a76} .bgcolor3 { background-color:#b168be} .bgcolor3 .desc_group3 .desc_item dl dt .tit_box_txt { color:#b168be; vertical-align:middle; padding-bottom:0; padding-top:8px} .bgcolor4 { background-color:#777efc} .bgcolor4 .desc_group3 .desc_item dl dt .tit_box_txt { color:#7077eb; vertical-align:middle; padding-bottom:0; padding-top:8px } .bgcolor5 { background-color:#fd7304} .bgcolor7 { background-color:#f19b29} .bgcolor8 { background-color:#b3a898} .bgcolor8 .sec_tit h4 { padding-top:57px} .bgcolor9 { background-color:#629bec} .bgcolor10 { background-color:#f5f5f5!important} .bgcolor11 { background-color:#5177f7} .img_pm101 { background: url(../images/product/productOverview_mail1.png) no-repeat 35px 38px} .img_pm102 { background: url(../images/product/productOverview_mail2.png) no-repeat 30px 37px} .img_pm103 { background: url(../images/product/productOverview_mail3.png) no-repeat 29px 32px} .img_pm201 dl dt { background:#639cd9 url(../images/product/strongPoint_mail1.png) no-repeat 180px 93px} .img_pm202 dl dt { background:#ff9100 url(../images/product/strongPoint_mail2.png) no-repeat 195px 92px} .img_pm203 dl dt { background:#f16576 url(../images/product/strongPoint_mail3.png) no-repeat 106px 93px} .img_pmo101 dl dt { background:#75777d url(../images/product/strongPoint_mob1.png) no-repeat 116px 89px} .img_pmo102 dl dt { background:#13adac url(../images/product/strongPoint_mob2.png) no-repeat 117px 82px} .img_pmo103 dl dt { background:#f6544f url(../images/product/strongPoint_mob3.png) no-repeat 126px 75px} .img_pms101 { background: url(../images/product/productOverview_msg1.png) no-repeat 33px 35px} .img_pms102 { background: url(../images/product/productOverview_msg2.png) no-repeat 32px 37px} .img_pms103 { background: url(../images/product/productOverview_msg3.png) no-repeat 31px 34px} .img_pms201 dl dt { background:#88a16a url(../images/product/strongPoint_msg1.png) no-repeat 75px 89px} .img_pms202 dl dt { background:#747baf url(../images/product/strongPoint_msg2.png) no-repeat 97px 89px} .img_pms203 dl dt { background:#4598ba url(../images/product/strongPoint_msg3.png) no-repeat 153px 89px} .img_pms301 dl dt { background: url(../images/product/img_ico1.png) no-repeat 0 0} .img_pms302 dl dt { background: url(../images/product/img_ico2.png) no-repeat 0 0} .img_pms303 dl dt { background: url(../images/product/img_ico3.png) no-repeat 0 0} .img_pms304 dl dt { background: url(../images/product/img_ico4.png) no-repeat 0 0} .img_pms305 dl dt { background: url(../images/product/img_ico5.png) no-repeat 0 0} .img_pms306 dl dt { background: url(../images/product/img_ico6.png) no-repeat 0 0} .img_pms307 dl dt { background: url(../images/product/img_ico7.png) no-repeat 0 0} .img_pms308 dl dt { background: url(../images/product/img_ico8.png) no-repeat 0 0} .img_pms401 dl dt { background: url(../images/product/img_ico9.png) no-repeat 0 0} .img_pms402 dl dt { background: url(../images/product/img_ico10.png) no-repeat 0 0} .img_pms403 dl dt { background: url(../images/product/img_ico11.png) no-repeat 0 0} .img_pms404 dl dt { background: url(../images/product/img_ico12.png) no-repeat 0 0} .img_pms405 dl dt { background: url(../images/product/img_ico13.png) no-repeat 0 0} .img_pms406 dl dt { background: url(../images/product/img_ico14.png) no-repeat 0 0} .img_pms407 dl dt { background: url(../images/product/img_ico15.png) no-repeat 0 0} .img_pms408 dl dt { background: url(../images/product/img_ico16.png) no-repeat 0 0} .img_pacv101 dl dt { background:#8b8e87 url(../images/product/strongPoint_acv1.png) no-repeat 104px 68px} .img_pacv102 dl dt { background:#59b7a5 url(../images/product/strongPoint_acv2.png) no-repeat 125px 68px} .img_pacv103 dl dt { background:#4f608d url(../images/product/strongPoint_acv3.png) no-repeat 143px 68px} .img_pext101 dl dt { background:#f04867 url(../images/product/strongPoint_ext1.png) no-repeat 22px 15px;} .img_pext102 dl dt { background:#8e8261 url(../images/product/strongPoint_ext2.png) no-repeat 22px 15px; padding-left:131px!important} .img_pext103 dl dt { background:#6a94b1 url(../images/product/strongPoint_ext3.png) no-repeat 22px 15px; padding-left:123px!important} .img_pext201 dl dt { background:url(../images/product/functionExt1.png) no-repeat 0 0} .img_pext202 dl dt { background:url(../images/product/functionExt2.png) no-repeat 0 0} .img_pext203 dl dt { background:url(../images/product/functionExt3.png) no-repeat 0 0} .img_pext301 dl dt { background:#8b8d88 url(../images/product/strongPoint_ext4.png) no-repeat 22px 15px; padding-left:138px!important} .img_pext302 dl dt { background:#92a578 url(../images/product/strongPoint_ext5.png) no-repeat 22px 15px; padding-left:129px!important} .img_pext303 dl dt { background:#98b0dc url(../images/product/strongPoint_ext6.png) no-repeat 22px 15px; padding-left:128px!important} .img_pext401 dl dt { background:url(../images/product/functionExt4.png) no-repeat 0 0} .img_pext402 dl dt { background:url(../images/product/functionExt5.png) no-repeat 0 0} .img_pext403 dl dt { background:url(../images/product/functionExt6.png) no-repeat 0 0} .img_pext501 dl dt { background:#b8a799 url(../images/product/strongPoint_ext7.png) no-repeat 22px 15px; padding-left:149px!important} .img_pext502 dl dt { background:#919199 url(../images/product/strongPoint_ext8.png) no-repeat 22px 15px; padding-left:152px!important} .img_pext503 dl dt { background:#484a5e url(../images/product/strongPoint_ext9.png) no-repeat 22px 15px; padding-left:134px!important} .img_pext601 dl dt { background:url(../images/product/functionExt7.png) no-repeat 0 0} .img_pext601 dl dd p:last-child { letter-spacing:-2px } .img_pext602 dl dt { background:url(../images/product/functionExt8.png) no-repeat 0 0} .img_pext603 dl dt { background:url(../images/product/functionExt9.png) no-repeat 0 0} .img_pcs101 dl { background-image:url(../images/product/strongPoint_cs1.png)} .img_pcs102 dl { background-image:url(../images/product/strongPoint_cs2.png)} .img_pcs103 dl { background-image:url(../images/product/strongPoint_cs3.png)} .img_pcs104 dl { background-image:url(../images/product/strongPoint_cs4.png)} .img_pcs105 dl { background-image:url(../images/product/strongPoint_cs5.png)} .img_pcs106 dl { background-image:url(../images/product/strongPoint_cs6.png)} .img_pcs106 dl dd p { letter-spacing:-1.5px} .img_sys1 em { height:67px; width:68px; background:url(../images/product/img_sys.png) 0 0; left:18px; bottom:12px;} .img_sys2 em { height:66px; width:96px; background:url(../images/product/img_sys.png) -78px 0; left:13px; bottom:13px;} .img_sys3 em { height:69px; width:94px; background:url(../images/product/img_sys.png) -184px 0; left:19px; bottom:13px;} .img_sys1 span { padding-left:103px; } .img_sys2 span { padding-left:129px; } .img_sys3 span { padding-left:129px; } .img_eff1 dl dt{background:url(../images/product/effectCase1.png) no-repeat 0 0;} .img_eff2 dl dt{background:url(../images/product/effectCase2.png) no-repeat 0 0;} .img_eff3 dl dt{background:url(../images/product/effectCase3.png) no-repeat 0 0;} .img_eff4 dl dt{background:url(../images/product/effectCase4.png) no-repeat 0 0;} .box_width1 li:nth-child(1) { width:317px;} .box_width1 li:nth-child(2) { width:323px;} .box_width1 li:nth-child(3) { width:337px;} .box_width2 li:nth-child(1) { width:357px;} .box_width2 li:nth-child(2) { width:353px;} .box_width2 li:nth-child(3) { width:273px;} .box_width3 li { width:314px;} .box_width4 li { width:487px; min-height:435px!important} .box_width5 li:nth-child(1) { width:317px;} .box_width5 li:nth-child(2) { width:323px;} .box_width5 li:nth-child(3) { width:337px;} .box_width6 li:nth-child(1) { width:332px;} .box_width6 li:nth-child(2) { width:303px;} .box_width6 li:nth-child(3) { width:348px;} .box_width7 li:nth-child(1) { width:302px;} .box_width7 li:nth-child(2) { width:333px;} .box_width7 li:nth-child(3) { width:348px;} .box_width8 li { width:410px; margin-right:17px!important; margin-bottom:20px!important} .box_width8 li:nth-child(2n) { margin-right:0!important;} .box_width9 li:nth-child(1) { width:327px;} .box_width9 li:nth-child(2) { width:333px;} .box_width9 li:nth-child(3) { width:317px;} .box_width10 li:nth-child(1) { width:325px;} .box_width10 li:nth-child(2) { width:331px;} .box_width10 li:nth-child(3) { width:315px;} .box_width11 { width:999px; text-align:left} .box_width11 li { width:314px;} .box_width12 li { width:427px;} .box_width12 li:last-child { width:547px;} .box_width12 li:last-child dl dd { text-align:center} .box_width12 li:last-child dl dd table {width:50%; display:inline-block; vertical-align:top} .box_width12 li:last-child dl dd table:last-child {width:46%; margin-left:3%} .box_width12 li:last-child dl dd table:last-child th { width:70px} .img_ci101 dt { background-image:url(../images/company/intro_culture1.png)} .img_ci102 dt { background-image:url(../images/company/intro_culture2.png)} .img_ci103 dt { background-image:url(../images/company/intro_culture3.png)} .img_ci104 dt { background-image:url(../images/company/intro_culture4.png)} .img_ci201 { background-image:url(../images/company/intro_welfare1.png)} .img_ci202 { background-image:url(../images/company/intro_welfare2.png)} .img_ci203 { background-image:url(../images/company/intro_welfare3.png)} .img_ci204 { background-image:url(../images/company/intro_welfare4.png)} .img_ci205 { background-image:url(../images/company/intro_welfare5.png)} .img_ci206 { background-image:url(../images/company/intro_welfare6.png)} .img_ch1 { background-image:url(../images/company/simple_his1.png)} .img_ch2 { background-image:url(../images/company/simple_his2.png)} .img_ch3 { background-image:url(../images/company/simple_his3.png)} .img_ch4 { background-image:url(../images/company/simple_his4.png)} .img_ch5 { background-image:url(../images/company/simple_his5.png)} .img_cm1 { background-image:url(../images/company/contactus_department1.png)} .img_cm2 { background-image:url(../images/company/contactus_department2.png)} .img_cm3 { background-image:url(../images/company/contactus_department3.png)} .img_cm4 {background-image:url(../images/company/contactus_department4.png)} .img_ctm101 { background-image:url(../images/cc_access1.png)} .img_ctm102 { background-image:url(../images/cc_access2.png)} .img_ctm103 { background-image:url(../images/cc_access3.png)} .img_ctm201 { background-image:url(../images/cc_function1.png)} .img_ctm202 { background-image:url(../images/cc_function2.png)} .img_ctm203 { background-image:url(../images/cc_function3.png)} .img_ctm204 { background-image:url(../images/cc_function4.png)} .img_ctm301 { background-image:url(../images/cc_service1.png)} .img_ctm302 { background-image:url(../images/cc_service2.png)} .img_ctm303 { background-image:url(../images/cc_service3.png)} .img_ctm304 { background-image:url(../images/cc_service4.png)} /** E : IMAGES & WIDTH_SIZE $ COLOR **/ /** S : CLOUD **/ .cloud_page { background:url(../images/bg_sub_mcont3.gif) repeat-x 0 0; margin-top:82px!important } .cloud_page .main_cont { background:none } .cloud_page .about_cloud { width:1298px; height:254px; margin:auto; background:url(../images/cloud/titImg_cloud.png) no-repeat right 0; font-size:22px; color:#666; box-sizing:border-box; padding: 41px 77px 0} .about_cloud h2 { font-size:24px; height:100px; background:url(../images/cloud/titImg_tit.png) no-repeat 0 48px } .about_cloud h3 { font-size:25px; color:#4a4a4c; font-weight:400; line-height:38px} .cloud_page .sec_tit, .cloud_page .sec_tit2 { color:#000; text-align:center; margin-bottom:29px } .cloud_page .sec_tit2 { margin-bottom:0} .cloud_page .sec_tit h4 { font-size:22px; font-weight:400; padding-top:48px } .cloud_page .sec_tit2 h4 { font-size:24px; font-weight:400; padding-top:55px; line-height:37px } .cloud_page .sec_tit hr, .cloud_page .sec_tit2 hr { border:none; border-bottom:2px solid #f8981d; width:79px; padding:0; margin:18px auto 15px; } .cloud_page .sec_tit p { display:block; font-size:15px; line-height:26px; color:#000; padding:7px 0 15px } .cloud_info1 { padding-top:21px } .cloud_info1 li { display:block; height:320px; box-sizing:border-box; padding-top:298px; text-align:center; background:url(../images/cloud/img_select_cause.png) no-repeat center 0;} .cloud_info1 li span { color:#000; font-size:18px} .cloud_info1 li span strong {color:#0084ff; font-weight:400} .cloud_info2 {} .cloud_info2 li { border:1px solid #d2d3d4; width:242px; height:260px; overflow:hidden; position:relative; display:inline-block; margin-left:6px;} .cloud_info2 li:nth-child(1) { margin-left:0; background:url(../images/cloud/img_certification01.jpg) no-repeat 0 0} .cloud_info2 li:nth-child(2) { background:url(../images/cloud/img_certification02.jpg) no-repeat 0 0} .cloud_info2 li:nth-child(3) { background:url(../images/cloud/img_certification03.jpg) no-repeat 0 0} .cloud_info2 li:nth-child(4) { background:url(../images/cloud/img_certification04.jpg) no-repeat 0 0} .cloud_info3 { padding:19px 0} .cloud_info3 li {display:block; height:265px; box-sizing:border-box; text-align:center; background:url(../images/cloud/img_guideline.png) no-repeat center 0;} .cloud_info4 {} .cloud_info4 li { display:inline-block; margin-left:13px; border:1px solid #fff; padding:231px 0 0; background:url(../images/cloud/img_function1.png) no-repeat center 0; box-sizing:border-box; width:323px; height:463px; vertical-align:top } .cloud_info4 li:nth-child(1) { margin-left:0} .cloud_info4 li:nth-child(2) { background-image: url(../images/cloud/img_function2.png)} .cloud_info4 li:nth-child(3) { background-image: url(../images/cloud/img_function3.png)} .cloud_info4 li dl { text-align:left; padding: 0 0 0 18px} .cloud_info4 li dl dt { color:#ffd4de; font-size:18px; line-height:27px} .cloud_info4 li dl dd { font-size:13px; line-height:33px; padding-top:13px} .cloud_info4 li dl dd p { padding-left: 16px; background: url(../images/icons/bullet_cir.png) no-repeat 2px 12px; color:#fff} .cloud_info5 { margin:auto; text-align:left; width:1000px; padding-top:60px; margin-bottom:-9px} .cloud_info5 li { display:inline-block; position:relative } .cloud_info5 li:nth-child(1) { width:420px} .cloud_info5 li:nth-child(1) dl { text-align:left; } .cloud_info5 li:nth-child(1) dl dt { font-size:22px; line-height:33px; font-weight:300; color:#000} .cloud_info5 li:nth-child(1) dl dt strong {font-weight:400; display:inline-block; position:relative} .cloud_info5 li:nth-child(1) dl dt strong:after {height:1px; background-color:#000; position:absolute; bottom:3px; left:0; right:0; content:''} .cloud_info5 li:nth-child(1) dl dd { font-size:14px; line-height:23px; color:#5e5e5e; padding-top:18px } .cloud_info5 li:nth-child(2) { margin-right:18px;} .cloud_info5 li:nth-child(2), .cloud_info5 li:nth-child(3) { width:277px; height:224px; } .cloud_info5 li:nth-child(3) {} .cloud_info5 li .cloud_link { display:block; border:1px solid #d7d7d7; background-color:#fff; width:277px; height:224px; position:relative; text-align:center; padding-top:165px; box-sizing:border-box} .cloud_info5 li .cloud_link a { display: inline-block; width:240px; height:39px; background:url(../images/cloud/btn_go.png) no-repeat 0 0; margin:auto;} .cloud_info5 li:nth-child(2) .cloud_link { background:#fff url(../images/cloud/txt_img01.png) no-repeat 57px 66px} .cloud_info5 li:nth-child(3) .cloud_link { background:#fff url(../images/cloud/txt_img02.png) no-repeat 50px 65px} .cloud_cs { color:#fff; padding:70px 0 75px; line-height:25px} .cloud_cs span { font-size:22px} .cloud_cs span strong {font-size:25px; font-family:Tahoma, Geneva, sans-serif; font-weight:400} .dim_cover { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); color:#fff; text-align:center; overflow:hidden; line-height:260px; } .dim_cover span { font-size:16px; color:#fff} .cloud_page .cont_cover3 .sec_tit { color:#fff;margin-bottom:45px } .cloud_page .cont_cover3 .sec_tit hr { border-color:#FFF} /** E : // CLOUD **/ /* FOOTER */ footer {background-color:#444; padding:33px 0 ; font-size:13px} footer .footer-nav a {display:block; text-decoration:none} footer .footer-nav a:hover {color: #4f98e3;} .site-width {max-width: 1144px; margin: 0 auto; position:relative; z-index:2} .footer-upper { border-bottom:1px solid #676767; text-align:right; padding:0 0 18px 0} .footer-social a:last-child {margin-left:10px} .footer-nav { border-bottom:1px solid #676767; margin-bottom:20px; padding:0 50px 45px;} .footer-nav dl { display:inline-block; vertical-align: top; width:160px; line-height:32px; background:url(../images/icons/bullet_circle.png) no-repeat left 38px; margin-top:36px} .footer-nav dl dt {color:#fff; font-size:16px; padding-bottom:15px} .footer-nav dl dd {color:#a3a3a3} .footer-lower {color:#a3a3a3; text-align:right; position:relative } .footer_lnk { position:absolute; left:0; top:-5px } .footer_lnk li { display:inline-block; vertical-align:middle} .footer_lnk li a { color:#CCC; padding-right:15px} .footer_lnk li a:hover { text-decoration:none; color:#fff} .footer_lnk li a:nth-child(3) {color: #558ffe;} .footer_lnk li a:nth-child(3):hover {color: #7faafc;} .footer_lnk li.footer_logo {width:168px;height:29px; background:url(../images/logo_footer.png) no-repeat 0 0; margin-right:15px} /* FONT COLOR */ .lnkColor_orange { color:#c66600 } .lnkColor_orange:hover { color:#ff9600!important} /* Popup */ .pp_hd { border-bottom:1px solid #bcbcbc; line-height:56px; height:56px; overflow:hidden; box-sizing:border-box; padding:0 25px; position:relative} .pp_hd span { color:#0099ff; font-size:22px; letter-spacing:-1px} .pp_hd .cls { position:absolute; right:25px; top:15px; width:23px; height:23px; background:url(../images/btn_close.png) no-repeat 0 0; overflow:hidden; text-indent:1000px;} .pp_cont {padding:10px 25px 20px; line-height:18px; font-weight:300; position: absolute; overflow-y: auto; top:56px; left:0; right:0; bottom:0} .pp_cont h1 { font-size:16px; font-weight:500; display:block; padding:15px 0} .pp_cont h2 { font-size:14px; font-weight:400; display:block; padding-bottom:5px} .pp_cont .in_cont {padding-bottom:10px} .pp_tb { margin-bottom:10px; width:100%; box-sizing:border-box} .pp_tb caption {text-align:left; color:#757dff; padding:10px 0 5px} .pp_tb td { padding:2px 5px} .tbstyle { width:100%;} .tbstyle, .tbstyle dt, .tbstyle dd{ display:block} .tbstyle { margin-bottom:10px} .tbstyle dt { color:#3177fb} .tbstyle dd {} .pp_table { border:1px solid #999; width:100%; line-height:16px; border-collapse:collapse; border-spacing:0;margin:0 0 10px} .pp_table caption { text-align:left; color:#3177fb; padding:0 0 5px} .pp_table th, .pp_table td { padding:3px 5px; border-bottom:1px solid #999; border-left:1px solid #999} .pp_table th { background-color:#eceff1; font-weight:500} .pp_table td {} .fc1 { color:#00aabe} .fc2 { color:#3177fb} .fc3 {color:#ff9600} .in_txt { padding:0 0 7px 10px; display:block} .in_txt2 { padding:10px 0 15px 0; display:block; color:#6bbc01; text-align:right} .in_txt3 { padding:3px 0 5px 10px; display:block} /* 문의 페이지 */ .inquiry_wrapper {margin-top: 138px;} .cont_wrap{width: 1000px; margin: 0 auto;} .main_visual{} .main_visual .cont_wrap{width: 100%; padding: 80px 0 50px; text-align: center;} .main_visual .cont_wrap h2{font-size: 45px; color: #333; font-weight: bold;} .main_visual .cont_wrap p{font-size: 19px; color: #333; font-weight: 300; margin-top: 50px;} .main_visual .cont_wrap h6{background-color: #2873fe; display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; margin-top: 50px; padding: 20px 55px; border-radius: 40px;} .main_visual .cont_wrap h6 > span {display: inline-block; background: url(../images/inquiry_call.svg) no-repeat center / cover; width: 22px; height: 22px; margin-right: 16px;} .main_visual .cont_wrap h6 > p {margin-top: 0; color: #fff; font-size: 18px; white-space: nowrap;} .main_wrapper .sec01{display: flex; align-items: center; height: 600px; border-bottom: 1px solid #e7e7e7; background: url("../img/main_bg.png") no-repeat center / cover;} .main_wrapper .sec01 .cont_wrap p{font-size: 18px; font-weight: 400; line-height: 1.65;} .main_wrapper .sec01 .cont_wrap p strong{font-family: 'Noto Sans KR','Malgun Gothic','Dotum' ,'Arial',sans-serif; font-size: 40px; font-weight: 500; line-height: 1.3;} .main_wrapper .sec01 .cont_wrap p strong span{font-size: 48px;} .main_wrapper .sec01 .cont_wrap p strong em{color: #2873fe;} .main_wrapper .sec01 .cont_wrap p:nth-child(2){margin-top: 44px;} .inquiry_wrapper .sec01 .cont_wrap{padding: 20px 0 120px;} .inquiry_wrapper .sec01 .cont_wrap h3{text-align: center; font-size: 20px; font-weight: 400;} .inquiry_wrapper .sec01 .cont_wrap .direct{width: 548px; margin: 36px auto 0; text-align: center; font-size: 18px; color: #fff; line-height: 64px; border-radius: 32px; background: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .direct .icon{display: inline-block; position: relative; top: 5px; width: 22px; height: 22px; background: url("../img/icon/inq_icon.svg") no-repeat center/cover;} .inquiry_wrapper .sec01 .cont_wrap .direct span{display: inline-block; margin: 0 19px 0 16px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dl{width: 470px; margin-top: 35px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dt{display: flex; width: 100%; line-height: 32px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dt label{font-size: 14px; font-weight: 500; color: #333;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd{display: flex; width: 100%;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd input{width: 100%;height: 50px;margin: 0 auto;padding: 8px;font-size: 14px;background-color: #fff;border: 1px solid #d5d5d5;box-sizing: border-box; border-radius: 3px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd input:hover, .inquiry_wrapper .sec01 .cont_wrap .inq_info dd input:focus{border-color: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd select{display: flex; width: 100%;height: 50px;margin: 0 auto;padding: 8px;font-size: 14px;background-color: #fff;border: 1px solid #d5d5d5;box-sizing: border-box;border-radius: 0px; border-radius: 3px;appearance:none; background: url(../images/select_arrow.svg) no-repeat; background-position: right 15px center;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd select:hover, .inquiry_wrapper .sec01 .cont_wrap .inq_info dd select:focus{border-color: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dd select option::selection{background: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dl dt .requ span{display: inline-block; margin-left: 4px; color: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap textarea{width: 100%; margin-top: 52px; padding: 8px;font-size: 14px;background-color: #fff;border: 1px solid #d5d5d5;box-sizing: border-box;border-radius: 3px; resize: none;} .inquiry_wrapper .sec01 .cont_wrap textarea:hover, .inquiry_wrapper .sec01 .cont_wrap textarea:focus{border-color: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .inq_info input::placeholder, .inquiry_wrapper .sec01 .cont_wrap .inq_info textarea::placeholder{color: #aeaeae;} .inquiry_wrapper .sec01 .cont_wrap .check_box{margin-top: 20px;} .inquiry_wrapper .sec01 .cont_wrap .check_box label{display: block; height: 24px; position: relative; padding-left: 35px; text-align: left; margin-top: 12px; font-size: 16px; font-weight: 500; color: #656c72;} .inquiry_wrapper .sec01 .cont_wrap .check_box label a{display: inline-block; margin-left: 8px;color: #2873fe;} .inquiry_wrapper .sec01 .cont_wrap .check_box label a span{text-decoration: underline;} .inquiry_wrapper .sec01 .cont_wrap .check_box label input{position: absolute; top: -2px; left: 0; width: 24px; height: 24px;} .inquiry_wrapper .sec01 .cont_wrap .inq_btn_wrap{display: flex; justify-content: center; align-items: center; margin-top: 80px;} .inquiry_wrapper .sec01 .cont_wrap .inq_btn_wrap .inq_btn{width: 376px; text-align: center; font-size: 22px; color: #fff; background: #2873fe; border: none; line-height: 64px; border-radius: 5px;} .inquiry_wrapper .sec01 .cont_wrap .inq_btn_wrap .inq_btn:hover {text-decoration: none;} /*popup*/ .popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } /*팝업 박스*/ .popup_box{position: relative;top:50%;left:50%; overflow-x:hidden; overflow-y: auto; width:420px; height: 80vh; transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);} #popup_layer01 .popup_box, #popup_layer02 .popup_box {height: 55vh;} .popup_box > div:first-of-type{height: 10px; width: 100%; float: top;} .popup_box::-webkit-scrollbar{display: none;} /*컨텐츠 영역*/ .popup_box .popup_cont {padding:20px;line-height:1.4rem;font-size:14px; } .popup_box .popup_cont h1 {color:#333; margin:0; font-size: 22px; padding: 20px 0 10px; line-height: 1.5;} .popup_box .popup_cont h2 {color:#333; margin:0; font-size: 18px; padding: 12px 0 6px} .popup_box .popup_cont h5 {padding:10px 0 15px; margin:0; font-size: 16px; color: #2873fe;} .popup_box .popup_cont p{border-top: 1px solid #666;padding-top: 15px;} .popup_box .popup_cont .table-container{width: 100%;} .popup_box .popup_cont table{border: 1px solid #d9d9d9; padding-top: 5px; } .popup_box .popup_cont table th{background-color: #eaeaea; font-weight: 300; text-align: center; min-width: 90px;} .popup_box .popup_cont table td{padding: 0 10px; font-weight: 300;} .popup_box .popup_cont .ttop{border-top: 1px solid #d9d9d9;} .popup_box .popup_cont .tright{border-right: 1px solid #d9d9d9;} .popup_box .popup_cont .tbottom{border-bottom: 1px solid #d9d9d9;} .popup_box .popup_cont .tleft{border-left: 1px solid #d9d9d9;} .popup_box .popup_cont p:last-of-type {display: none;} /*버튼영역*/ .popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#ECECEC;word-break: break-word;} .popup_box .popup_btn a {position: relative; display: table-cell; height:70px; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;} .popup_box .popup_btn a.close_day {background:#5d5d5d;} .popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;} /*오버레이 뒷배경*/ .popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5);} .visually-hidden {position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;} /* 문의 페이지 */ @media screen and (max-width:1144px) { /**.header .navbar {width:200px; background-color:#73ccff;height:200px;position:absolute;left:0; top:0; -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); } .header .btn_menu { display:block} **/ } @media screen and (max-width:740px) { } /*** Navigation ***/ @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @media screen and (max-width: 1024px) { .cont_wrap{width: 94.5vw;} .main_wrapper .sec01{height: 480px; background: url(../img/main_bg_mo.png) no-repeat center / cover;} .main_wrapper .sec01 .cont_wrap p {line-height: 1.6;} .main_wrapper .sec01 .cont_wrap p strong{font-size: 35px; line-height: 1.3;} .main_wrapper .sec01 .cont_wrap p strong span {font-size: 45px;} .main_wrapper .sec01 .cont_wrap p:nth-child(2){font-size: 17px; margin-top: 38px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dl{width: 46vw;} } @media screen and (max-width: 768px) { .cont_wrap{width: 96.09vw;} .main_visual .cont_wrap{height: 140px;} .main_visual .cont_wrap h2{font-size: 32px;} .main_visual .cont_wrap h6 > p {font-size: 22px;} .main_wrapper .sec01{height: 400px;} .main_wrapper .sec01 .cont_wrap p strong{font-size: 28px;} .main_wrapper .sec01 .cont_wrap p strong span {font-size: 38px;} .main_wrapper .sec01 .cont_wrap p:nth-child(2){font-size: 15px;} .inquiry_wrapper .sec01 .cont_wrap{padding-top: 60px;} .inquiry_wrapper .sec01 .cont_wrap .direct{font-size: 16px;} .inquiry_wrapper .sec01 .cont_wrap .direct span{margin: 0 19px 0 16px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dl{width: 47vw;} } @media screen and (max-width: 480px) { .cont_wrap{width: 93.09vw;} .main_visual .cont_wrap {width: 80%;} .main_visual .cont_wrap h2 {font-size: 30px;} .main_visual .cont_wrap p {font-size: 16px;} .main_wrapper .sec01 {height: 280px; background: url(../img/main_bg_mo02.png) no-repeat center / cover;} .main_wrapper .sec01 .cont_wrap {display: none;} .inquiry_wrapper .sec01 .cont_wrap {padding: 20px 0 60px;} .inquiry_wrapper .sec01 .cont_wrap .inq_info dl{width: 100vw; margin-top: 20px;} .inquiry_wrapper .sec01 .cont_wrap textarea {margin-top: 30px;} .inquiry_wrapper .sec01 .cont_wrap .check_box {margin-top: 30px;} .inquiry_wrapper .sec01 .cont_wrap .check_box label {font-size: 14px; position: relative;} .inquiry_wrapper .sec01 .cont_wrap .check_box label a {position: absolute; left: 35px; top: 22px; margin-left: 0;} .inquiry_wrapper .sec01 .cont_wrap .check_box label:last-of-type {margin-top: 30px;} .inquiry_wrapper .sec01 .cont_wrap .inq_btn_wrap {margin-top: 60px;} .inquiry_wrapper .sec01 .cont_wrap .inq_btn_wrap .inq_btn {font-size: 20px;} }