@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400; 700&display=swap'); .vimeo-wrapper { font-size: 0; } 
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */max-width: 1440px; max-height: 810px; } 

/* common */
.broad:after { content:""; display:block; clear:both } 
.broad li { float:left; height:40px; line-height:40px; margin-right:5px } 
.broad li:after { content:"/"; margin-left:5px; font-size:12px; color:#d9d9d9 } 
.broad li:last-child { margin-right:0 } 
.broad li:last-child:after { content:"" } 
.broad li a { font-size:14px } 
.broad li a img { width:20px; vertical-align:text-bottom } 
h1 { font-size:72px; font-weight:700; color:#000;; line-height:1.2 } 
h2 { font-size:40px; font-weight:700; color:#000; line-height:1.2 } 
h3 { font-size:44px; font-weight:700; color:#000; line-height:1.2 } 
h4 { font-size:24px; font-weight:700; color:#333; line-height:1.2 } 
h5 { font-size:18px; font-weight:700; color:#333; line-height:1.2 } 
.inline { display: inline-block; } 

/* header.php */
header { position:relative; z-index:7; height:64px; border-bottom:1px solid rgba(51,51,51,.2); background:#fff } 
header.fixed { position:fixed; width:100% } 
header .logo a { display:block; height:64px; line-height:64px } 
header .logo a svg { width:180px; height: 26px; vertical-align:middle; } 
header .col-md-5:first-child { position:initial } 
header .menu { font-size:0 } 
header .menu > li { display:inline-block; padding-left:20px; padding-right:20px } 
header .menu > li:first-child { padding-left:0 } 
header .menu > li:last-child { padding-right:0 } 
header .menu > li > a { display:block; height:64px; line-height:64px; color:#333; font-size:14px; font-weight:bold; cursor:pointer } 
header .menu > li > a:hover { color:#dd7d2e; } 
header .util { font-size:0; text-align:right } 
header .util > li { display:inline-block; position:relative; padding-left:15px; padding-right:15px } 
header .util > li:first-child { padding-left:0 } 
header .util > li:last-child { padding-left:15px; padding-right:0 } 
header .util > li:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#fff } 
header .util > li:last-child:after { height:0 } 
header .util > li > a { display:block; position:relative; height:64px; line-height:64px; color:#666; font-size:14px; font-weight:normal } 
header .util > li a img { vertical-align:middle } 
header .util > li.lang-box { width:100px } 
header .util > li.lang-box span { font-size:20px } 
header .header-sub { display:block; width:100%; position:absolute; left:0; top:63px; z-index:2; background:#fff; visibility:hidden; opacity:0; transition:all .3s; border-top:1px solid rgba(51,51,51,.2); border-bottom:1px solid rgba(51,51,51,.2) } 
header .header-sub .container { background:#fff } 
header .header-sub ul { text-align:center } 
header .header-sub ul:after { content:""; display:block; clear:both } 
header .header-sub ul li { display:inline-block; padding:12px 20px; vertical-align:top } 
header .header-sub ul li a { display:block; width:100%; text-align:center } 
header .header-sub ul li a .img-wrap { font-size:0 } 
header .header-sub ul li a img { width:25px; vertical-align:bottom } 
header .header-sub ul li:first-child + li a img { width:35px } 
header .header-sub ul li:first-child + li + li a img { width:38px } 
header .header-sub ul li:first-child + li + li + li a img { width:32px } 
header .header-sub ul li:first-child + li + li + li + li a img { width:33px } 
header .header-sub ul li:first-child + li + li + li + li + li + li + li a img { width:33px } 
header .header-sub ul li:last-child a img { width:32px } 
header .header-sub ul li.six:first-child a img { width:40px } 
header .header-sub ul li.six:first-child + li.six a img { width:37px } 
header .header-sub ul li.six:first-child + li.six + li.six a img { width:40px } 
header .header-sub ul li.six:first-child + li.six + li.six + li.six a img { width:50px } 
header .header-sub ul li.six:first-child + li.six + li.six + li.six + li.six a img { width:55px } 
header .header-sub ul li.six:first-child + li.six + li.six + li.six + li.six + li.six a img { width:47px } 
header .menu > li:first-child .header-sub ul li { width:100px } 
header .menu > li:first-child + li .header-sub ul li { width:120px } 
header .menu > li:first-child + li + li .header-sub ul li { width:120px } 

/* 20191030 GNB Support 2depth menu 작업 */
header .header-sub ul li.four:first-child a img { width:31px } 
header .header-sub ul li.four:first-child + li a img { width:40px } 
header .header-sub ul li.four:first-child + li + li a img { width:48px } 
header .header-sub ul li.four:first-child + li + li + li a img { width:33px } 
header .header-sub ul li.four:first-child + li + li + li + li a img { width:40px } 

/* 20191030 GNB Support 2depth menu 작업 */

header .header-sub ul li a p { padding-top:10px; font-size:12px; font-weight:700; color:#494949 } 
header .header-sub ul li a:hover p { color:#f59331 } 
header .header-sub .dummy2 { display:inline-block; height:60px } 
header .search-text { text-align:right; transition:opacity 500ms ease-in 200ms; cursor:pointer } 
.logo2 { position:fixed; top:18px; left:15px; z-index:5; width:160px } 
.search-function { width:200px } 
.search-box-wrap { position:absolute; left:0; top:0; z-index:6; width:100% } 
.search-box-wrap form { visibility:hidden; opacity:0; height:0; width:0; transition:opacity 500ms ease-in 200ms } 
.search input { width:100%; height:36px; margin-top:14px; background-color:transparent; outline:none; border:none; border-bottom:1px solid #333; line-height:55px; color:#333; } 
.search input::placeholder { color:#ccc } 
.scroll-top { position:fixed; bottom:15px; right:80px; z-index:3; width:60px; height:60px; cursor:pointer; background:#fff } 
.scroll-top p { display:none; width:60px; height:60px; background:#f59331; font-size:13px; color:#fff; font-weight:300; text-align:center; line-height:1.6 } 
.scroll-top:hover p { display:block } 
.scroll-top:hover img { display:none } 
#nav-icon1 { position:absolute; top:15px; right:20px; width:30px; height: 30px; z-index:5; /* Bring icon ontop of overlay */cursor: pointer; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out } 
#nav-icon1 span { position: absolute; display: block; width: 30px; height: 4px; background:#fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out } 
#nav-icon1 span:nth-child(1) { top: 0px } 
#nav-icon1 span:nth-child(2) { top: 10px } 
#nav-icon1 span:nth-child(3) { top: 20px } 
#nav-icon1.animate-icon span:nth-child(1) { top: 14px; -webkit-transform: rotate(135deg); transform: rotate(135deg); background:#fff } 
#nav-icon1.animate-icon span:nth-child(2) { opacity: 0; left: -60px; background:#fff } 
#nav-icon1.animate-icon span:nth-child(3) { top: 14px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background:#fff } 
#nav-icon2 { position:fixed; top:15px; right:15px; width:30px; height:25px; z-index:111; /* Bring icon ontop of overlay */cursor: pointer; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out } 
#nav-icon2 span { position: absolute; display: block; width: 30px; height: 4px; background:#fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out } 
#nav-icon2 span:nth-child(1) { top: 0px } 
#nav-icon2 span:nth-child(2) { top: 10px } 
#nav-icon2 span:nth-child(3) { top: 20px } 
#nav-icon2.animate-icon span:nth-child(1) { top: 14px; -webkit-transform: rotate(135deg); transform: rotate(135deg); background:#fff } 
#nav-icon2.animate-icon span:nth-child(2) { opacity: 0; left: -60px; background:#fff } 
#nav-icon2.animate-icon span:nth-child(3) { top: 14px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background:#fff } 
.mobile-wrap { position:fixed; width:270px; height:100%; top:0; right:-200%; z-index:110; background:#f7941e; transition:all 0.5s; padding-top:20px } 
.mobile-wrap.on { right:0 } 
.mobile-wrap ul.icon { padding-left:15px; padding-right:15px } 
.mobile-wrap ul.icon .nav .mobile-nav { margin-bottom:25px } 
.mobile-wrap ul.icon .nav .one-depth { font-size:15px; font-weight:700; color:#fff; cursor:pointer; text-decoration:none } 
.mobile-wrap ul.icon .nav .nav { display:none } 
.mobile-wrap ul.icon .nav .nav li { display:block!important; padding-left:15px } 
.mobile-wrap ul.icon .nav .nav li a { font-size:14px; padding-top:2px; padding-bottom:2px; color:#fff; text-decoration:none } 
.mobile-wrap ul.icon > li { margin-bottom:20px } 
.mobile-wrap ul.icon > ul:first-child + li + li { margin-bottom:10px } 
.mobile-wrap ul.icon > li:last-child { margin-bottom:0 } 
.mobile-wrap ul.icon .subscribe h2 { font-size:16px; color:#fff; visibility:hidden } 
.mobile-wrap ul.icon .subscribe input { display:inline-block; width:200px } 
.mobile-wrap ul.icon .subscribe a { display:inline-block; width:28px; height:28px; vertical-align:sub } 
.mobile-wrap ul.icon .subscribe img { width:25px } 
.mobile-wrap ul.icon .subscribe input { margin-top:30px; margin-right:5px; padding-top:10px; padding-bottom:10px; border:none; outline:none; background:transparent; border-bottom:2px solid #fff; font-weight:bold; color:#fff } 
.mobile-wrap ul.icon .subscribe input::placeholder { font-weight:bold; color:#fff } 
.mobile-wrap ul.icon input[type="checkbox"] { display:none; vertical-align:sub } 
.mobile-wrap ul.icon input[type="checkbox"] + label span { display:inline-block; width:12px; height:12px; background-color:#fff; vertical-align:middle; background-position:center 2px; background-repeat:no-repeat } 
.mobile-wrap ul.icon input[type="checkbox"]:checked + label span { background-image:url(../images/header/icon02_b.png) } 
.mobile-wrap ul.icon span { font-size:11px; color:#fff } 
.mobile-wrap ul.mobile-menu { padding-bottom:50px } 
.mobile-wrap ul.mobile-menu li { padding-top:20px; padding-left:35px } 
.mobile-wrap ul.mobile-menu li:first-child { padding-top:0 } 
.mobile-wrap ul.mobile-menu li a { font-size:14px; font-weight:bold; color:#fff } 
.mobile-wrap ul.icon .policy { display:inline-block; position:relative; font-size:11px; color:#fff; cursor:pointer } 
.mobile-wrap ul.icon .policy:after { content:""; display:block; position:absolute; bottom:-1px; width:100%; height:1px; background:#fff } 
.overlay-wrap { transition:all .5s } 
.overlay-wrap.on { position:fixed; top:0; z-index:105; width:100%; height:100%; opacity:0.6; background:#000 } 
.header-dummy { display:none; width:100%; height:64px } 
.header-dummy.on { display:block } 

/* footer.php */
footer { padding:45px 0 20px; background:#f2f2f2; text-align:left } 
footer .social-icon:after { content:""; display:block; clear:both } 
footer .social-icon > li:first-child > a { cursor:pointer } 
footer .social-icon li { float:left; margin-right:10px } 
footer .social-icon li:last-child { margin-right:0px } 
footer .branch:after { content:""; display:block; clear:both } 
footer .branch > div { float:left; width:20%; padding-right:25px } 
footer .branch > div span { font-weight:500 } 
footer .branch > div:last-child { position:relative } 
footer .branch > div:last-child select { width:100%; font-family:'Noto Sans KR','Roboto',sans-serif; font-size:14px } 
footer .branch > div:last-child select option { font-family:'Noto Sans KR','Roboto',sans-serif; font-size:14px } 
footer .branch > div > a, footer .branch h2 { padding-bottom:15px; font-size:16px; font-weight:500; color:#454545 } 
footer .branch > div > a:hover { color:#f59331 } 
footer .branch p { padding-bottom:10px; font-size:13px; font-weight:300; color:#454545 } 
footer .branch a:first-child + p,footer .branch span:first-child + p { height: 70px; } 
footer .subscribe-box { max-width: 350px; font-size:0; } 
footer .subscribe-box input { width:calc(100% - 100px); height:35px; padding-left:15px; line-height:35px; background:#e2e2e2; box-sizing:border-box; border:1px solid #f59331; outline:none; font-size:16px; vertical-align:middle } 
footer .subscribe-box a { display:inline-block; width:100px; height:35px; padding-left:15px; line-height:35px; font-size:12px; font-weight:300; color:#f59331; letter-spacing:2px; box-sizing:border-box; border:1px solid #f59331; border-left:none; background:url(../images/footer/icon01.png) no-repeat right+20px center; vertical-align:middle; text-align:left } 
footer .agree-box { margin-top:10px } 
footer .agree-box input[type="checkbox"] { display:none } 
footer .agree-box input[type="checkbox"] + label span { display:inline-block; width:12px; height:12px; background-color:#e2e2e2; vertical-align:middle; background-position:center 2px; background-repeat:no-repeat; box-sizing:border-box; border:1px solid #939393 } 
footer .agree-box input[type="checkbox"]:checked + label span { background-image:url(../images/footer/icon02.png) } 
footer .agree-box span { font-size:13px; font-weight:300; color:#454545 } 
footer .agree-box span a { font-size:13px; font-weight:300; color:#f59331!important } 
footer .site-map { margin-top:20px; padding:20px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6 } 
footer .site-map:after { content:""; display:block; clear:both } 
footer .site-map > div { float:left; width:20% } 
footer .site-map h2 { font-size:16px; font-weight:500; color:#454545; letter-spacing:0 } 
footer .site-map ul li { padding-top:10px } 
footer .site-map ul li a { font-size:14px; font-weight:300; color:#454545 } 
footer .family-site h2 { display:inline-block } 
footer .family-site .trigger { cursor:pointer } 
footer .family-site .trigger span { font-size:13px; font-weight:500; vertical-align:middle } 
footer .family-site .trigger img { margin-left:10px; vertical-align:middle; transform:rotate(0); transition:all .4s ease-in-out } 
footer .family-site .trigger.on img { transform:rotate(180deg) } 
footer .family-site ul { display:none; position:absolute; top:30px; padding:15px; background:#fff; border:1px solid #dadada } 
footer .family-site ul li { padding-bottom:5px } 
footer .family-site ul li:last-child { padding-bottom:0 } 
footer .family-site ul li a { font-size:12px } 
footer .family-site ul li a:hover { color:#f59331; text-decoration:underline } 
footer .footer-bottom { padding-top:20px } 
footer .footer-bottom:after { content:""; display:block; clear:both } 
footer .footer-bottom li { float:left } 
footer .footer-bottom li:first-child + li + li { float:right } 
footer .footer-bottom li:last-child { float:right } 
footer .footer-bottom li * { vertical-align:middle } 
footer .footer-bottom li select { -webkit-appearance:none; /* 네이티브 외형 감추기 */-moz-appearance:none; appearance:none; background:url(../images/support/icon01.png) no-repeat right center; border:none; outline:none } 
/* IE 10, 11의 네이티브 화살표 숨기기 */
footer .footer-bottom li select::-ms-expand { display:none } 
footer .footer-bottom li select { padding:8px 40px 8px 20px; font-size:14px; border-radius: 10px; background: #fff url(../images/support/content64_g.png) no-repeat right+10px center; border:1px solid #d6d6d6; cursor: pointer } 
footer .footer-bottom li select.on { background-image: url(../images/support/content64_g_on.png) } 
footer .footer-bottom li p { font-size:14px; font-weight:300; color:#454545 } 
footer .footer-bottom li a { font-size:14px; font-weight:700; color:#454545 } 
footer .footer-bottom li a:first-child:after { content:""; display:inline-block; width:2px; height:10px; background:#454545; margin-left:15px; margin-right:15px } 
footer .footer-bottom li select:first-child + a:after { content:""; display:inline-block; width:2px; height:10px; background:#454545; margin-left:15px; margin-right:15px } 

/* index.php */
.main-visual .slide-wrap { position:relative } 
.main-visual .slide-wrap .text-wrap { position: absolute; top:0; left:0; display: flex; width: 100%; height: 100%; align-items: center; } 
.main-visual .slide-wrap .text-wrap > div { width: 100%; } 
.main-visual .slide-wrap .text-wrap.slide06 { align-items: flex-start; } 
.main-visual .slide-wrap .slide00,.main-visual .slide-wrap .slide01,.main-visual .slide-wrap .slide02,.main-visual .slide-wrap .slide03,.main-visual .slide-wrap .slide04 { padding-left: 100px; } 
.main-visual .slide-wrap .slide05,.main-visual .slide-wrap .slide06 { padding-right: 100px; text-align: right } 
.main-visual .slide-wrap .text-wrap h3 { opacity:0; font-size: 84px; font-weight: 500; color:#fff; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: forwards; } 
.main-visual .slide-wrap .text-wrap p { opacity:0; font-size: 34px; color:#fff; line-height: 1.3; animation-duration: 1s; animation-delay: .75s; animation-fill-mode: forwards; } 
.main-visual .slide-wrap .text-wrap svg { opacity:0; animation-duration: 1s; animation-delay: .5s; animation-fill-mode: forwards; } 
.main-visual .slide-wrap .slide01 svg,.main-visual .btn-wrap a { width: 70px; height: 101px; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; vertical-align: bottom } 
.main-visual .slide-wrap .slide01 svg path { fill:#fff; } 
.main-visual .slide-wrap .slide02 svg { width: 30% } 
.main-visual .slide-wrap .slide02 svg path { fill:#fff; } 
.main-visual .slide-wrap .slide06 svg { width: 38%; margin-top: 80px; } 
.main-visual .slide-wrap .slide06 svg path { fill:#fff; } 
.main-visual .slide-wrap .slide08 { margin-top: -50px; } 
.main-visual .btn-wrap a { opacity:0; display:inline-block; width:160px; height:45px; padding-left:20px; line-height:45px; font-size:18px; font-weight:500; color:#fff; letter-spacing:2px; box-sizing:border-box; border:1px solid #fff; background:url(../images/main/icon17.png) no-repeat right+20px center; vertical-align:middle; vertical-align: bottom; text-align: left } 
.main-visual .btn-wrap a:hover { background-image:url(../images/main/icon17_hover.png?ver=1); background-color: #fff; color:#f59331; } 
.main-visual .slide00 .btn-wrap a { width: 185px } 
.main-visual .btn-wrap a:focus { outline: none } 
.slick-current .slide-wrap .text-wrap h3,.slick-current .slide-wrap .text-wrap p,.slick-current .slide-wrap .text-wrap svg,.slick-current .slide-wrap .btn-wrap a { animation-name: banner-anit; } 
.main-content01 .container { background:#f3f3f3 } 
.main-content01 img { transition:all .8s } 
.main-content01 a:hover img { transform:scale(1.2) } 
.main-content01 p { font-size:16px; color:#333 } 
.main-content02 h3 { font-size:16px; font-weight:700; color:#333; text-align:center } 
.main-content02 h4 { font-weight:400 } 
.main-content02 .col-md-2 { text-align:center } 
.main-content02 .col-md-2 a { display:inline-block } 
.main-content02 .col-md-2 a:hover h3 { color:#dd7d2e } 
.main-content02 .col-md-2 div { width:100px; height:60px; margin:0 auto; background:no-repeat center bottom } 
.main-content03 { position:relative } 
.main-content03 .text-wrap { position:absolute; z-index:2; width:100%; height:100%; padding-left:70px; padding-right:70px; opacity:0; transition:all 1.5s } 
.main-content03 .text-wrap h4 { color:#fff } 
.main-content03 .text-wrap p { font-size:16px; font-weight:300; color:#fff } 
.main-content03 .text-wrap p br { display:none } 
.main-content03 .text-wrap a { display:inline-block; width:160px; height:45px; padding-left:20px; line-height:45px; font-size:14px; font-weight:300; color:#fff; letter-spacing:2px; box-sizing:border-box; border:1px solid #fff; background:url(../images/footer/icon01_hover.png) no-repeat right+20px center; vertical-align:middle } 
.main-content03 .slick-current .img-wrap .text-wrap { opacity:1 } 
.main-content03 .img-wrap { position:relative; outline:none; overflow:hidden } 
.main-content03 .slick-current .img-wrap:hover img { transform:scale(1.2) } 
.main-content03 .slick-current .img-wrap:hover a { background-color:#f59331; background-image:url(../images/footer/icon01_hover.png); color:#fff; border-color:#f59331 } 
.main-content03 .img-wrap img { transition:all .5s } 
.main-content03 .img-wrap .img-overlay { position:absolute; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.55) } 
.main-content04 .col-md-6 { width: calc((100% - 15px) / 2); margin-left: -1px;; padding-left: 0; padding-right: 0; } 
.main-content04 .col-md-6.case { margin-left: 15px; } 
.main-content04 .video-wrap .video-js.vjs-16-9 { padding-top:50% } 
.main-content04 .video-overlay { position:absolute; top:0; right:0; bottom:0; left:0 } 
.main-content04 .video-overlay > div { display:table; width:100%; height:100% } 
.main-content04 .video-overlay > div > div { display:table-cell; vertical-align:middle; text-align:center } 
.main-content04 .video-overlay .play { display:inline-block; width:100px; height:100px; cursor:pointer } 
.main-content04 h2 { padding-left:40px; text-align:left } 
.main-content04 p { padding-right:40px; padding-left:40px } 
.main-content04 .vjs-poster { background-color:transparent } 
.main-content04 .vjs-big-play-button { display:none } 
.main-content04 .case a { display:block; overflow:hidden } 
.main-content04 .case a img { transition:all .8s } 
.main-content04 .case a:hover img { transform:scale(1.2) } 
/* 210526 수정사항 */
.next2,.prev2 { position:absolute; top:0; z-index:3; cursor:pointer } 
.next2 { left:0 } 
.prev2 { right:0 } 
.next2,.prev2 { width:45px; height:100% } 
.next2 img,.prev2 img { position:absolute; top:50%; width:35px; height:66px; margin-top:-33px; } 
.next2 img { left:15px } 
.prev2 img { right:15px } 
/* 210526 수정사항 */
.main-content05 .col-md-6 { width: calc((100% - 15px) / 2); margin-left: -1px;; padding-left: 0; padding-right: 0; } 
.main-content05 .col-md-12 + .col-md-6 { margin-right: 15px; margin-bottom: 20px; } 
.main-content05 .exhibition { display:block; width:320px; height:65px; margin:0 auto; line-height:65px; border:1px solid #000000; text-align:center; font-size:18px; letter-spacing:3px; text-transform:uppercase; font-weight:400; transition:all .5s; cursor:pointer } 
.main-content05 .exhibition:hover { color:#fff; background:#f59331; border-color:#f59331 } 
.main-content05 h5 { display:inline-block; padding-right:20px; font-size:36px; vertical-align:middle } 
.main-content05 select { height:40px; line-height:40px; padding-left:15px; padding-right:15px; vertical-align:middle } 
.main-content05 .col-md-6 h4 { height:100px; overflow:hidden } 
.main-content05 .col-md-6 div { overflow:hidden } 
.main-content05 .col-md-6 img { transition:all .8s } 
.main-content05 .col-md-6 a:hover img { transform:scale(1.2) } 
.main-content06 .col-md-12 { display:block; overflow:hidden } 

/* 20200408 monthly highlights 수정작업 */
.main-content06 .col-md-12 > div { display:inline-block; position:absolute; top:50%; right:7%; z-index:2; color:#fff; text-align:center; transform:translateY(-50%) } 
/* 20200408 monthly highlights 수정작업 */

.main-content06 h2 { margin-bottom:5px; color:#616161; font-size:72px; font-weight:400 } 
.main-content06 h4 { color:#616161; font-weight:400 } 
.main-content06 .more { display:inline-block; width:220px; height:45px; margin:15px auto 0; line-height:45px; border:1px solid #616161; text-align:center; font-size:18px; letter-spacing:3px; text-transform:uppercase; font-weight:400; cursor:pointer; color:#616161 } 
.main-content06 .more:hover { background:#f59331; color:#fff; border-color: #f59331; } 
.main-content06 h2:first-child + a + a { margin-left:30px } 
.main-content06 img { transition:all .8s } 
.main-content06 .col-md-12:hover img { transform:scale(1.2) } 
.main-content06 .popup-default { height:50% } 
.main-content06 .popup-default h5 { display:inline-block; padding-right:20px; font-size:36px; vertical-align:middle } 
.main-content06 .popup-default select { height:40px; line-height:40px; padding-left:15px; padding-right:15px; vertical-align:middle } 
.main-content06 table td { text-align:center } 
.main-content06 table td a { font-size:14px } 
.main-content06 .popup-default { width:50%; min-width:850px } 

/* page-common */
.dummy { min-height:55px; max-height:110px } 
.sub-gnb-wrap { width:1440px; min-height:55px; background:#fff; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada } 
.sub-gnb-wrap.down-gnb { background:#999 } 
.sub-gnb { display:flex; position:relative; flex-wrap: wrap; align-items: center; justify-content: center } 
.sub-gnb.solution:after { content:""; display: block; position: absolute; top:0; left:0; z-index: 1; width: 100px; height: 100%; background-color: #999; } 
.sub-gnb ul { width:calc(100% - 200px); text-align:center } 
.sub-gnb ul > li > a { display:inline-block; position:relative; height:55px; margin-left:30px; margin-right:30px; line-height:55px; color:#333; font-size:16px; font-weight:700 } 
.down-gnb .sub-gnb ul > li > a { color:#fff } 
.sub-gnb-head { display:inline-block; position:absolute; top:50%; left:0; z-index: 2; width:100px; background:#fff; vertical-align:middle; background:#999; transform: translateY(-50%); } 
.sub-gnb-head:before { content:""; display:inline-block; vertical-align:middle; height:100%; margin-left:-4px; } 
.sub-gnb-head span { font-size:13px; font-weight:500; color:#fff } 

/* 191113 Download tag search function*/
.down-search { background:#f7f7f7 } 
.down-search form > div { position:relative; max-width:500px; width:100%; margin:0 auto } 
.down-search input { width:100%; height:50px; padding-left:20px; line-height:50px; border-radius:5px; border:1px solid #a6a6a6; outline:none; font-size:16px; background:#fff } 
.down-search div a { position:absolute; top:50%; right:15px; margin-top:-9.5px; cursor:pointer } 
.down-search .search-close { position:absolute; top:50%; right:15px; width:16px; height:16px; margin-top:-8px; cursor:pointer; font-size:0 } 
.down-search .search-close i { font-size:16px } 
.down-search .search-close:hover i { color:#f59331 } 
/* 191113 Download tag search function*/

/* 191030 software search */
.download-view-content02 h5 .tag a { margin-right:5px; font-size:14px; color:#9bbb59 } 
.download-view-content02 h5 .tag a:last-child { margin-right:0 } 
.download-view-content02 h5 .tag a:hover { font-weight:700; color:#157c03; text-decoration:underline } 
.download-view-content02 .no-search { padding:15px; font-size:16px; font-weight:700; border:2px dotted #d9d9d9 } 
/* 191030 software search */

.contact { display:inline-block; position:absolute; top:0; right:0; width:100px; height:100%; background:#fff; vertical-align:middle } 
.down-gnb .contact { background:#999; color:#fff; border-left:1px solid #fff } 
.contact:before { content:""; display:inline-block; vertical-align:middle; height:100%; margin-left:-4px; } 
.contact a { color: #333; font-size:16px; font-weight:700; vertical-align:middle } 
.down-gnb .contact a { color:#fff } 
.sub-gnb .active a,.sub-gnb a:hover,.contact a:hover { color:#f59331 } 
.down-gnb .sub-gnb .active a,.down-gnb .sub-gnb a:hover,.down-gnb .contact a:hover { color:#fff } 
.down-gnb .contact a:hover,.contact a:hover { text-decoration:underline } 
.down-gnb .sub-gnb a:after { background:#fff } 
.down-gnb .contact a:after,.contact a:after { height:0!important } 
.sub-gnb-head:hover a { color:#fff } 
.sub-gnb-wrap.fix { min-height:45px } 
.sub-gnb.fix a { height:45px; } 
.contact.fix { background-color:#f59331 } 
.down-gnb .contact.fix { border-left:none } 
.contact.fix a { font-size:15px; color:#fff } 
.sub-gnb li:last-child a { margin-right:0 } 
.navbar-nav > li { float:unset } 
.nav > li { display:inline-block } 
.nav > li > a { display:inline-block; padding:0 } 
.nav > li > a:hover, .nav > li > a:focus { background:transparent } 
.nav > li > a:focus { text-decoration:none } 
.btn-org { display:block; width:225px; height:45px; margin:0 auto; border-radius:21px; background:#f59331; text-align:center; font-weight:700; color:#fff; line-height:45px } 
.btn-org:hover { color:#fff } 
.btn-common { display:block; width:350px; height:50px; margin:0 auto; line-height:50px; border:1px solid #000000; text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; font-weight:400; transition:all .5s; cursor:pointer } 
.btn-common:hover { color:#fff; background:#f59331; border-color:#f59331 } 
.border { border-bottom:1px solid #dadada } 
.btn-wrap { font-size:0 } 
.slide-btn,.slide-btn2 { position:absolute; top:50%; right:0; transform:translateY(-50%) } 
.slide-btn a,.slide-btn2 a { display:inline-block; position:relative; width:auto; height:auto; cursor:pointer; font-size:15px; letter-spacing:1px; transition:opacity 500ms ease-in 200ms; opacity:1; font-weight:700; line-height:1.2 } 
.slide-btn a:after,.slide-btn2 a:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:0; background:#f59331 } 
.slide-btn a:hover,.slide-btn a.on,.slide-btn2 a:hover,.slide-btn2 a.on { color:#f59331 } 
.slide-btn a:hover:after,.slide-btn a.on:after,.slide-btn2 a:hover:after,.slide-btn2 a.on:after { height:2px } 

.rel-product span { position:relative; z-index:1; padding-right:15px; background:#fff; font-weight:700 } 
.rel-product .line { position:absolute; top:50%; left:0; width:calc(100% - 120px); height:1px; background:#dadada } 
.relative { position:relative } 
.hidden2 { display:none } 
.bg { height:645px; background-repeat:no-repeat; background-position:center center; background-size:cover } 
.bg-overlay { height:100%; background:#000; opacity:.3 } 
.next,.prev,.next1,.prev1 { position:absolute; top:0; z-index:3; cursor:pointer } 
.next,.next1 { left:0 } 
.prev,.prev1 { right:0 } 
.next,.prev { width:calc((100% - 920px) / 2); height:100% } 
.next1,.prev1 { width:calc((100% - 1200px) / 2); height:100% } 
.next img,.prev img,.next1 img,.prev1 img { position:absolute; top:50%; width:45px; height:85px; margin-top:-42.5px; } 
.next img,.next1 img { left:15px } 
.prev img,.prev1 img { right:15px } 
.slick-slide > div { font-size:0 } 
.main-slide .slick-slide { margin-right:10px } 
.blog-slide .slick-slide { margin-right:10px } 
.popup > div,.popup-default > div { position:relative } 
.overlay { display:none; position:fixed; top:0; left:0; z-index:6; width:100%; height:100%; background-color: rgba(0,0,0,0.7) } 

/* downloader-trigger use only .overlay2 */
.overlay2 { display:none; position:fixed; top:0; left:0; z-index:6; width:100%; height:100%; background-color: rgba(0,0,0,0.7) } 

.close-popup { position:absolute; top:-40px; right:0; cursor:pointer } 
.close-popup.search-close { top:50%; margin-top:-3px; color:#888; line-height:1; border-radius:100%; color:#333 } 
.faq-view .close-popup { top:40px; right:40px } 
/* downloader-trigger use only .overlay2 */
.close-popup2 { position:absolute; top:-40px; right:0; cursor:pointer } 
.popup-default { display:none; position:fixed; z-index:6; top:50%; max-height:80%; left:50%; width:80%; padding:60px; transform:translate(-50%,-50%); background:#fff; overflow:auto } 
.close-popup-default { top:4px } 
.bg_gray { background-color: #f3f3f3 } 

/* solution.php */
.solution-content01 .bg { color:#fff } 
.solution-content01 .bg div { width:100% } 
@keyframes banner-anio { 
 from { opacity: 0 } 
to { opacity: 1 } 
 }
@keyframes banner-anit { 
 from { opacity: 0; transform: translateY(15px); } 
to { opacity: 1; transform: translateY(0); } 
 }
.solution-content01 .bg .text-wrap { position: absolute; top:50%; left:0; padding-left: 100px; transform: translateY(-50%) } 
.solution-content01 .bg div h1 { opacity:0; display:inline-block; position: relative; padding-bottom: 15px; font-family: 'Titillium Web', sans-serif; color:#fff; font-size: 20px; font-weight: 500; text-transform: uppercase; animation-name:banner-anio; animation-duration:1s; animation-fill-mode:forwards; } 
.solution-content01 .bg div h1:after { content:""; position: absolute; bottom:0; left:0; width:100%; height:4px; background: #f7941e } 
.solution-content01 .bg div h3 { opacity:0; font-family: 'Titillium Web', sans-serif; margin-top: 10px; font-size: 48px; font-weight: 700; color:#fff; animation-name:banner-anit; animation-duration:1s; animation-delay:.5s; animation-fill-mode:forwards; } 
.solution-content01 .bg div a { opacity:0; display:inline-block; height:45px; padding-left:15px; padding-right: 15px; line-height:45px; font-size:14px; font-weight:300; color:#fff; letter-spacing:2px; box-sizing:border-box; border:1px solid #fff; vertical-align:middle; animation-name:banner-anit; animation-duration:1s; animation-delay:.75s; animation-fill-mode:forwards; } 
.solution-content01 .bg div a:hover { background-color: #f59331; color: #fff; border-color: #f59331; } 
.solution-content01 .row:first-child + .row .col-md-12:first-child { padding-left:225px; padding-right:225px } 
.solution-content02 .list { padding-left:20px } 
.solution-content02 .list li { list-style:disc } 
.view-btn { display:block; width:225px; height:45px; line-height:45px; margin-top:25px; border:1px solid #000000; text-align:center; font-size:14px; font-weight:400; letter-spacing:3px; text-transform:uppercase } 
.view-btn:hover { background-color:#f59331; color:#fff; border-color:#f59331 } 
.solution-content02 h3 { line-height:1 } 

/* solution_view.php */
.solution-view-content01 .bg div h1 { display:inline-block; padding-left:20px; padding-right:20px; color:#fff; background:rgba(0,0,0,.3) } 
.solution-view-content02 .list { padding-left:20px } 
.solution-view-content02 .list li { list-style:disc } 

/* product-list */
.all-product-list ul { height:211px; overflow:hidden; transition:all .5s; font-size:0 } 
.all-product-list ul:after { content:""; display:block; clear:both } 
.all-product-list ul li { display:inline-block; width:20%; padding:0 50px } 
.all-product-list p { font-size:14px; font-weight:700; color:#000; text-align:center } 
.all-product-list .btn-box { height:25px } 
.all-product-list .all-btn { display:inline-block; position:absolute; top:50%; left:50%; height:24px; transform:translate(-50%,-50%); margin:0 auto; cursor:pointer; font-size:13px; letter-spacing:3px; padding-bottom:5px; border-bottom:1px solid #000; transition:opacity 500ms ease-in 200ms; opacity:1; font-weight:700 } 
.all-product-list .all-btn:hover { color:#f59331; border-color:#f59331 } 
.all-product-list .all-btn-close { opacity:0; visibility:hidden } 
.product-list:after { content:""; display:block; clear:both } 
.product-list > li { float:left; width:50%; padding:40px 40px 0 40px } 
.product-list > li .prd-name { display:block; padding-top:10px; font-size:16px; font-weight:300; color:#888; } 
.product-list > li .prd-name strong { font-size:17px; color:#000 } 
.product-list > li .prd-desc { display:block; padding:20px 0 10px; font-size:14px; color:#333 } 
.product-list > li .product-list-content:after { content:""; display:block; clear:both } 
.product-list > li .product-list-content li { float:left; width:235px; height:235px; overflow:hidden; padding: 0 10px } 
.product-list > li .product-list-content li:last-child { width:calc(100% - 235px) } 
.product-list > li .product-list-content li img { transition: all .5s } 
.product-list > li a:hover img,.product-list2 > li a:hover img { transform:scale(1.1) } 
.product-list > li a:hover h4,.product-list > li a:hover strong,.product-list2 > li a:hover h4 { color:#f59331 } 
.product-list2 { font-size:0 } 
.product-list2:after { content:""; display:block; clear:both } 
.product-list2 > li { display:inline-block; width:25%; padding-left:30px; padding-right:30px; vertical-align:top; cursor:pointer } 
.product-list2 > li:nth-child(even):after { content:""; display:block; clear:both } 
.product-list2 > li h4 { text-align:center } 
.product-list2 > li div { overflow:hidden; padding: 0px 20px } 
.product-list2 > li img { transition:all .5s } 
.solution-view-content02 .product-list2 > li:nth-child(n + 5) { display:none } 
.solution-view-content02 .product-list2 > li img { max-width:200px } 
.solution-view-content02 .product-list2 > li:hover img { transform:scale(1.2) } 
.solution-view-content02 .product-list2 > li:hover h4 { color:#f59331 } 
.product-list2 > li .prd-name { display:block; padding:20px 0 10px; font-size:14px; font-weight:300; color:#888; border-bottom:1px solid #dadada; text-align:center } 
.product-list2 > li .prd-desc { display:block; padding:10px 0; font-size:14px; color:#333; text-align:center } 
.product-list2 > li .prd-desc strong a { font-size:14px; color:#f59331 } 
.product-list2 > li .prd-desc strong a:hover { color:#ff3d00; text-decoration:underline } 
.product-list2 > li p { font-size:14px; font-weight:300; color:#101010; text-align:center; } 
.product-list2 > li .view-btn { display:block; width:100%; height:45px; margin-top:25px; line-height:45px; border-radius:21px; border:1px solid #f59331; font-size:16px; font-weight:700; color:#f59331; text-align:center } 
.product-list2 > li .view-btn img { margin-left:15px; vertical-align:middle } 
.solution-view-content02 .product-list2 > li p { padding:20px 0 10px } 
#product-accessories ~ .product-list2 > li { cursor:default } 

/* 20200923 수정사항 */
.product-list > li .product-list-content li:last-child h4,.product-list2 > li h4 { display:inline-block; vertical-align:middle } 
.product-view-content04 .product-list2 > li h4 { display:block } 
.product-list2 > li div.tag-wrap { padding:0; text-align:center } 
.new-tag { display:inline-block; margin-left:5px; padding:3px 12px; font-size:12px; background:#f15d0b; color:#fff; font-weight:700; font-style:italic; border-radius:5px; vertical-align:middle; letter-spacing:2px } 
.all-product-list ul li { text-align:center } 
.all-product-list ul li a { font-size:0 } 
.all-product-list p { display:inline-block; vertical-align:top } 
.all-product-list .new-tag { padding:2px 8px; font-size:10px; vertical-align:top } 

/* product_view.php */
.product-feature li > ul { padding-left:15px } 
.product-feature li > ul li { float:none; width:100%; margin:0; padding-top:5px; padding-left:0; font-size:15px; list-style:disc } 
.product-view-content01 .container .row:first-child { position:relative } 
.product-view-content01 .prev { position:absolute; left:0; top:50%; margin-top:-61.5px } 
.product-view-content01 .next { position:absolute; right:0; top:50%; margin-top:-61.5px } 
.product-view-content01 .slider-nav { font-size:0; padding-top: 50px } 
.product-view-content01 .slider-nav div { display:inline-block; width:45%; border:1px solid #d9d9d9; margin-bottom:10px; cursor:pointer; margin-right:10px; padding:10px } 
.product-view-content01 .slider-nav div:nth-child(even) { margin-right:0 } 
.product-view-content01 .slider-nav div.on { background:rgba(245,147,49,.8) } 
.product-view-content01 .slider-nav div img { height:48px; margin-left:auto; margin-right:auto } 
.product-view-content01 .prd-prev,.product-view-content01 .prd-next { position:absolute; top:50%; z-index:3; width:45px; height:85px; margin-top:-42.5px; cursor:pointer } 
.product-view-content01 .prd-prev { left:-45px } 
.product-view-content01 .prd-next { right:-45px } 
.product-view-content01 .row:first-child + .row h3 { font-weight:400 } 
.product-view-content01 .long-desc { text-align:left; padding:0 225px } 
.product-feature:after { content:""; display:block; clear:both } 
.product-feature li { float:left; width:calc((100% / 3) - 20px); margin-right:30px; padding: 0 30px; } 
.product-feature li:last-child { margin-right:0 } 
.product-view-content02 .row h3 { font-size:16px; font-weight:400; visibility:hidden } 
.product-view-content03 .download { padding-left:0; padding-right:0 } 
.product-view-content03 .download ul { font-size:0 } 
.product-view-content03 .download ul:after { content:""; display:block; clear:both } 
.product-view-content03 .download ul li { display:inline-block; width:20%; vertical-align: top; } 
.product-view-content03 .download ul li span { display:block; font-size:16px; color:#000 } 
.product-view-content03 .download ul li a:hover span { color:#f59331 } 
.product-view-content03 .product strong a { margin-right:5px; font-size:14px; color:#f59331 } 
.product-view-content03 .product strong a:last-child { margin-right:0 } 
.product-view-content03 .product strong a:hover { font-weight:700; color:#ff3d00; text-decoration:underline } 
.product-view-content03 .product img { margin-left:auto; } 
.product-view-content03 .product img.down_icon { width:70px } 
.product-view-content03 .video .bg { height:430px; position:relative; } 
.product-view-content03 .video .bg .popup-trigger { width:100%; height:100%; position:relative; z-index:2; cursor:pointer } 
.product-view-content03 .video .bg .popup-trigger img { position:absolute; top:50%; left:50%; z-index:3; width:200px; transform:translate(-50%,-50%); cursor:pointer; } 
.product-view-content03 .video h2 { padding-left:40px; text-align:left } 
.product-view-content03 .video p { padding-right:40px; padding-left:40px } 
.product-view-content03 .video .popup { display:none; position:fixed; left:50%; top:50%; width:65%; height:68%; z-index:4; transform:translate(-50%,-50%) } 
.product-view-content03 .video .col-md-2 > ul::after { content:""; display:block; clear:both } 
.product-view-content03 .video .col-md-2 > ul > li { float:left } 
.product-view-content03 .video .col-md-2 > ul > li:first-child { width:50px } 
.product-view-content03 .video .col-md-2 > ul > li:last-child { width:calc(100% - 50px); padding-left:15px; } 
.product-view-content03 .video .col-md-2 > ul > li:first-child img { display:block; max-width:100% } 
.product-view-content03 .video .col-md-2 > ul > li h5 { padding-bottom:10px; font-size:20px } 
.product-view-content03 .video .col-md-2 > ul li { font-size:14px; font-weight:500; line-height: 1.2; padding-bottom: 4px; } 
.product-view-content04 .product-list2 img { width:80% } 
.product-view-content04 #product-view-anchor04 ~ .product-list2 > li { cursor:default } 

/* support.php */
.support-prd-tab { padding-left:100px; padding-right:100px; font-size:0; text-align:center } 
.support-content01 h3 { font-size:18px } 

/* 191101 수정사항 */
.support-content01 .container { padding-top:20px; padding-bottom:20px; background:url(../images/support/content01.png) no-repeat right bottom } 
.support-content01.support-bg .container { height:535px; padding-top:0; background:url(../images/support/content01_new.png) no-repeat center center/cover } 
.support-content01.support-bg .container .wrap { position:relative; height:535px } 
.support-content01.support-bg .container .wrap > div { position:absolute; top:50%; transform:translateY(-50%); width:100% } 
.support-content01.support-bg .container h2 { text-align:center; color:#fff } 
.support-content01 #support_search_area { width:770px; margin:0 auto; padding:30px } 
/* 191101 수정사항 */

/* 200211 수정사항*/
/*.support-content01.support-bg.faq-bg .container { background-image:url(../images/support/content01_new2.png) } */
.support-content01.support-bg .container h2 small { color:inherit; font-weight:700 } 
.support-content03 .faq-content { margin-top:15px } 
.support-content03 .faq-content div > ul > li ul li:last-child { border-bottom:none } 
/* 200211 수정사항*/

.search-box { width:100%; height:50px; padding-left:55px; line-height:50px; border-radius:5px; border:1px solid #a6a6a6; outline:none; background-color:#f8f8f8; background-repeat:no-repeat; background-image:url(../images/support/content02.png); background-position:left+20px center; vertical-align:middle } 
.search-box:before { content:"\f002"; } 
.support_title { font-size:84px; padding-bottom:15px } 
.support-content01 a { display:inline-block; margin-top:5px; cursor:pointer } 
.support-content01 a:hover { color:#000; font-weight:700 } 

/* 191101 수정사항 */
.support-content01.support-bg a { color:#fff } 
.support-content01.support-bg a:hover { color:#fff } 
/* 191101 수정사항 */

.support-content01 ul li:first-child a { margin-top:10px } 
.support-content01 .support-popup { display:none; position:fixed; left:50%; top:50%; width:65%; height:68%; z-index:6; transform:translate(-50%,-50%) } 

/* 191101 수정사항 */
.support-content02 .container { display:none; background:#525252 } 
/* 191101 수정사항 */

.support-content02 .col-md-2 { visibility:hidden } 
.support-content02 a { cursor:pointer } 
.support-content02 a:hover p { color:#f59331 } 
.support-content02 a img { max-width:100px } 
.support-content02 p { padding-top:20px; color:#fff; text-align:center } 
.support-content03 .container { display:none } 
.support-content03 .container.on { display:block } 

/* 191101 수정사항 */
.support-content03 .tab-content01 > .row:first-child,.support-content03 .tab-content07 > .row:first-child { background:#f7f7f7 } 
/* 191101 수정사항 */

.support-content03 .support-prd-tab .wrap { width:100%; height:60px; background-position:bottom center; background-repeat:no-repeat } 
.support-content03 .support-prd-tab .wrap.on { border-color:#f59331 } 
.support-content03 .support-prd-tab:after { content:""; display:block; clear:both } 
.support-content03 .support-prd-tab li p { text-align:center; font-weight:700 } 
.support-content03 .support-prd-tab a:hover p { color:#f59331 } 
.support-content03 .support-prd-tab li p.on { color:#f59331 } 
.support-content03 .support-prd-tab li { display:inline-block; width:calc(100% / 6); margin-left:-1px; padding-left:30px; padding-right:30px; vertical-align:top } 

/* 200211 수정사항*/
.support-content03 .support-prd-tab a[data-kind="mobile"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_mobile"] .wrap { background-image:url(../images/header/content01.png) } 
.support-content03 .support-prd-tab a[data-kind="mobile"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_mobile"]:hover .wrap { background-image:url(../images/header/content01_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="mobile"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_mobile"] .wrap.on { background-image:url(../images/header/content01_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="pos"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_pos"] .wrap { background-image:url(../images/header/content02.png) } 
.support-content03 .support-prd-tab a[data-kind="pos"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_pos"]:hover .wrap { background-image:url(../images/header/content02_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="pos"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_pos"] .wrap.on { background-image:url(../images/header/content02_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="label"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_label"] .wrap { background-image:url(../images/header/content03.png) } 
.support-content03 .support-prd-tab a[data-kind="label"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_label"]:hover .wrap { background-image:url(../images/header/content03_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="label"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_label"] .wrap.on { background-image:url(../images/header/content03_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="handheld"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_handheld"] .wrap { background-image:url(../images/header/content06.png) } 
.support-content03 .support-prd-tab a[data-kind="handheld"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_handheld"]:hover .wrap { background-image:url(../images/header/content06_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="handheld"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_handheld"] .wrap.on { background-image:url(../images/header/content06_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="kiosk"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_kiosk"] .wrap { background-image:url(../images/header/content05.png) } 
.support-content03 .support-prd-tab a[data-kind="kiosk"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_kiosk"]:hover .wrap { background-image:url(../images/header/content05_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="kiosk"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_kiosk"] .wrap.on { background-image:url(../images/header/content05_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="software"] .wrap,.support-content03 .support-prd-tab a[data-kind="repair_software"] .wrap { background-image:url(../images/header/content08.png) } 
.support-content03 .support-prd-tab a[data-kind="software"]:hover .wrap,.support-content03 .support-prd-tab a[data-kind="repair_software"]:hover .wrap { background-image:url(../images/header/content08_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="software"] .wrap.on,.support-content03 .support-prd-tab a[data-kind="repair_software"] .wrap.on { background-image:url(../images/header/content08_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="search"] .wrap { background-image:url(../images/support/content71.png) } 
.support-content03 .support-prd-tab a[data-kind="search"]:hover .wrap { background-image:url(../images/support/content71_hover.png) } 
.support-content03 .support-prd-tab a[data-kind="search"] .wrap.on { background-image:url(../images/support/content71_hover.png) } 
/* 200211 수정사항*/

.support-content03 .support-prd-tab li a { cursor:pointer } 
.support-content03 .sub-tab-content #product_list div:first-child { padding-top:0!important } 
.support-content03 .sub-tab-content > .col-md-12 > .row { display:none } 
.support-content03 .sub-tab-content > .col-md-12 > .row.on { display:block } 
.support-content03 .sub-tab-content .search-box { display:block; max-width:510px; margin:0 auto } 
.support-content03 .sub-tab-content .download-list:after { content:""; display:block; clear:both } 
.support-content03 .sub-tab-content .download-list li { float:left; width:calc(20% - 20px); margin-top:30px; background:#f7f7f7; text-align:center; margin-right:25px } 
.support-content03 .sub-tab-content .download-list li:nth-child(5n) { margin-right:0 } 
.support-content03 .sub-tab-content .download-list li h5 { height:40px; line-height:40px } 
.support-content03 .sub-tab-content .download-list li a:hover h5 { color:#f59331 } 
.support-content03 .tab-content02 .bg { background-image:url(../images/support/content14.png) } 
.support-content03 .tab-content02 .bg div { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center } 
.support-content03 .tab-content02 .bg h3,.support-content03 .tab-content02 .bg p { color:#fff } 
.support-content03 .tab-content02 .col-md-12 p { padding-left:180px; padding-right:180px } 
.support-content03 .tab-content02 .search-box { width:515px; background-color:#dadada; border:none } 
.support-content03 .tab-content02 ul:after { content:""; display:block; clear:both } 
.support-content03 .tab-content02 ul li { float:left; width:calc((100% / 3) - 20px); margin-right:30px } 
.support-content03 .tab-content02 ul li:last-child { margin-right:0 } 
.support-content03 .tab-content02 ul li img { border:1px solid #dadada } 
.support-content03 .tab-content02 ul li h5,.support-content03 .tab-content02 ul li p { text-align:center } 
.support-content03 .tab-content02 p span { color:#888 } 
.support-content03 .tab-content03 .bg { background-image:url(../images/support/content14.png) } 
.support-content03 .tab-content03 .bg div { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center } 
.support-content03 .tab-content03 .bg span { padding-left:30px; font-size:44px; font-weight:700; color:#fff; vertical-align:middle } 
.support-content03 .tab-content03 .bg img { vertical-align:middle } 
.support-content03 .tab-content03 h5 { font-size:18px; font-weight:700; color:#000; text-align:center } 
.support-content03 .tab-content03 p { padding-left:35px; padding-right:35px; text-align:center } 
.support-content03 .tab-content04 > .row:first-child { background:#f7f7f7 } 
.support-content03 .tab-content05 > .row:first-child { background:#f7f7f7 } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4 { margin-top:40px } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4:first-child, .support-content03 .tab-content05 .sub-tab-content .col-md-4:first-child + .col-md-4,.support-content03 .tab-content05 .sub-tab-content .col-md-4:first-child + .col-md-4 + .col-md-4 { margin-top:0 } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4 p { padding-bottom:10px; border-bottom:1px solid #dadada; text-align:left } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4 p img,.support-content03 .tab-content05 .sub-tab-content .col-md-4 p span { vertical-align:middle } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4 p img { height:30px } 
.support-content03 .tab-content05 .sub-tab-content .col-md-4 p span { padding-left:20px; font-size:18px; font-weight:700; color:#000 } 
.support-content03 .faq-tab a { cursor:pointer } 
.support-content03 .faq-content div > ul { display:none; } 
.support-content03 .faq-content div > ul:after { content:""; display:block; clear:both } 
.support-content03 .faq-content div > ul > li { float:left } 
.support-content03 .faq-content div > ul > li i { font-size:40px } 
.support-content03 .faq-content div > ul > li:first-child { width:270px; padding-top:10px; border-top:1px solid #dadada } 
.support-content03 .faq-content div > ul > li:first-child + li { width:calc(100% - 370px) } 
.support-content03 .faq-content div > ul > li:first-child + li + li { width:100px } 
.support-content03 .faq-content div > ul > li span { display: block; padding-left:20px; font-size:18px; font-weight:700; color:#000 } 
.support-content03 .faq-content div > ul > li img { vertical-align:middle } 
.support-content03 .faq-content div > ul > li ul { padding-left:40px } 
.support-content03 .faq-content div > ul > li ul li { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dadada } 
.support-content03 .faq-content div > ul > li ul li:first-child { border-top:1px solid #dadada } 
.support-content03 .faq-content div > ul > li ul li a { font-size:16px; font-weight:500; color:#000; cursor:pointer } 
.support-content03 .faq-content .refresh { cursor:pointer } 
.support-content03 .faq-content .faq-view { display:none; position:fixed; top:50%; left:50%; z-index:6; width:65vw; height:42vw; transform:translate(-50%,-50%); background:#fff; overflow:auto } 
.support-content03 .faq-content .faq-view > div { padding:50px 100px; overflow-y:auto } 
.support-content03 .faq-content .faq-view .view-content iframe { display:block; margin-left:auto; margin-right:auto } 
.support-content03 .faq-content .faq-view .view-content img { max-width: 100%; height: auto!important; } 
.support-content03 .faq-content .faq-view .view-content strong { font-weight: 700; } 
.support-content03 .partner-btn { display:block; width:320px; height:65px; margin:0 auto; line-height:65px; border:1px solid #000000; text-align:center; font-size:18px; letter-spacing:3px; text-transform:uppercase; font-weight:400; transition:all .5s; cursor:pointer } 
.support-content03 .partner-btn:hover { color:#fff; background:#f59331; border-color:#f59331 } 
.support-content04 .container { background:#f3f3f3 } 
.support-content04 h4 { color:#000 } 
.support-content04 span { padding-left:5px; font-size:20px; font-weight:700; color:#000; vertical-align:middle } 
.support-content04 img { width:30px; vertical-align:middle } 
.support-content04 .col-md-12 div a:hover span { color:#f59331 } 
.support-content04 .col-md-12 { font-size:0; text-align:center } 
.support-content04 .col-md-12 > div { display:inline-block; vertical-align:top; text-align:left } 
.support-content04 .col-md-12 div h5 { font-size:14px; padding-bottom:10px; font-weight:700 } 
.support-content04 .col-md-12 div h5:first-child + h5 { font-weight:500 } 
.support-content04 .col-md-12 div ul { padding-top:30px } 
.support-content04 .col-md-12 div ul:after { content:""; display:block; clear:both } 
.support-content04 .col-md-12 div ul { color: #333 } 
.support-content04 .col-md-12 div ul li { float:left; padding-right:40px } 
.support-content04 .col-md-12 div ul li:last-child { padding-right:0 } 
.support-content04 .col-md-12 div ul li img { padding-right:10px } 
.support-content04 .col-md-12 div ul li a:liast-child img { padding-right:0 } 
.support-content04 .col-md-12 div p { font-size:14px; font-weight:700; color:#000 } 
.support-content04 .col-md-12 div h5 + p { font-size: 13px; font-weight: 400; } 
.support-content04 .col-md-12 div:last-child { padding-left:40px; text-align:center } 
.support-content04 .col-md-12 div .view-btn { width:160px; height:35px; line-height:35px; margin:20px 0; font-weight:700; letter-spacing:0 } 
.support-content04 .col-md-12 div .view-btn:hover { background:#333; color:#fff } 

/* download_view.php */
.download-view-content01 a:hover h2 { color:#f59331 } 
.download-view-content01 .col-md-7 img { margin-left:auto } 
.download-view-content01 .col-md-4 img { max-width:70%; margin-left:auto } 
.download-view-content01 .col-md-5 p { margin-bottom:20px } 
.download-view-content02 .video-list:after { content:""; display:block; clear:both } 
.download-view-content02 .video-list li { float:left; width:calc((100% / 3) - 20px); margin-top:30px; margin-right:30px } 
.download-view-content02 .video-list li:nth-child(3n) { margin-right:0 } 
.download-view-content02 .video-list li:first-child,.download-view-content02 .video-list li:first-child + li,.download-view-content02 .video-list li:first-child + li + li { margin-top:0 } 
.download-view-content02 .download-list li ul:after { content:""; display:block; clear:both } 
.download-view-content02 .download-list li ul li { float:left } 
.download-view-content02 .download-list li ul li:first-child { width:calc(100% - 450px); padding-right:30px; font-size:0 } 
.download-view-content02 .download-list li ul li:first-child a { display:inline-block; position:relative; width:calc(100% - 30px); margin-left:5px; vertical-align:middle } 
.download-view-content02 .download-list li ul li:first-child a:first-child { margin-left:25px } 
.download-view-content02 .download-list li ul li:first-child a span { display:inline-block; position:relative; z-index:2; padding-right:15px; background:#fff; font-size:16px; color:#333; cursor:pointer; word-wrap:break-word; word-break:break-all } 
.download-view-content02 .download-list li ul li:first-child .line { position:absolute; top:50%; left:0; width:100%; height:1px; background:#dadada } 
.download-view-content02 .download-list li ul li input[type="checkbox"] { display:none } 
.download-view-content02 .download-list li ul li input[type="checkbox"] + label { font-size:0; vertical-align:middle } 
.download-view-content02 .download-list li ul li input[type="checkbox"] + label span { display:inline-block; width:25px; height:22px; vertical-align:middle; background-repeat:no-repeat; box-sizing:border-box; background-image:url(../images/support/content61.png) } 
.download-view-content02 .download-list li ul li input[type="checkbox"]:checked + label span { width:25px; background-image:url(../images/support/content62.png) } 
.download-view-content02 .download-list li ul li:last-child { width:450px; text-align:right; font-size:0 } 
.download-view-content02 .download-list li ul li:last-child > * { font-size:14px; color:#999 } 
.download-view-content02 .download-list li ul li:last-child > *:after { content:""; display:inline-block; width:2px; height:10px; margin-left:10px; margin-right:10px; background:#999; cursor:default } 
.download-view-content02 .download-list li ul li:last-child a { cursor:pointer } 
.download-view-content02 .download-list li ul li:last-child a:last-child:after { content:""; height:0; margin:0 } 
.download-view-content02 .download-list li ul li:last-child a img { margin-left:10px; vertical-align:middle; transition:all .4s ease-in-out; transform:rotate(0) } 
.download-view-content02 .download-list li ul li:last-child a.on img { transform:rotate(180deg) } 
.download-view-content02 .download-list > li:last-child { display:none; margin-top:25px; padding:30px; background:#f7f7f7; font-size:14px; font-weight:500; color:#000 } 
.download-view-content02 .btn-common { float:right; width:200px; height:45px; line-height:45px } 
.download-view-content02 h5 { margin-bottom:10px } 
.download-view-content02 h5 + h6 { margin-bottom: 20px; font-weight: 500; color: #555 } 

/* 191030 software search 기능 추가 */
.download-view-content02 h5 .tag { display:none } 
.download-view-content02 h5 .tag a { margin-right:5px; font-size:14px; color:#9bbb59 } 
.download-view-content02 h5 .tag a:last-child { margin-right:0 } 
.download-view-content02 h5 .tag a:hover { font-weight:700; color:#157c03; text-decoration:underline } 
.download-view-content02 .no-search { padding:15px; font-size:16px; font-weight:700; border:2px dotted #d9d9d9 } 
/* 191030 software search 기능 추가 */

.download-view-content02 .library .col-md-3:nth-child(n + 5) { margin-top:20px } 
.download-view-content02 .library .col-md-3 a { cursor:pointer } 
.lightbox { position:fixed; top:50%!important; left:50%!important; transform:translate(-50%,-50%) } 
.lb-dataContainer { position:absolute; top:-45px; left:50%; transform:translateX(-50%) } 
.lb-data .lb-details { display:none } 
.prev-version > div > h5 { font-size:20px; color:#666 } 
.prev-version > div { position:relative } 
.prev-version > div > a { position:absolute; top:0; right:0; cursor:pointer } 
.download-agree { display:none; position:fixed; z-index:6; top:50%; left:50%; width:70%; max-height:66vh; padding:60px; transform:translate(-50%,-50%); background:#fff; z-index:99999; overflow:auto } 
.download-agree h5 { font-size:20px; color:#000 } 
.download-agree p { font-size:16px; font-weight:500; color:#333 } 
.download-agree ul { padding-left:20px } 
.download-agree ul li { font-size:16px; font-weight:500; color:#666; list-style:disc } 
.download-agree input[type="checkbox"] { display:none } 
.download-agree input[type="checkbox"] + label { font-size:0; vertical-align:middle } 
.download-agree input[type="checkbox"] + label span { display:inline-block; width:25px; height:22px; vertical-align:middle; background-repeat:no-repeat; box-sizing:border-box; background-image:url(../images/support/content61.png) } 
.download-agree input[type="checkbox"]:checked + label span { width:25px; background-image:url(../images/support/content62.png) } 
.download-agree input[type="checkbox"] + label + span { padding-left:10px; font-size:20px; font-weight:500; vertical-align:middle; line-height:1.2 } 
.download-agree div { position:relative } 
.download-agree div a { position:absolute; top:0; right:0; cursor:pointer } 

/* 익스 다운로드 짤리는 현상 */
@media all and (-ms-high-contrast:none)
 {
/* IE10 */ 
 .download-agree .view-btn { margin-bottom:60px } 

 /* IE11 */
 *::-ms-backdrop, .download-agree .view-btn { margin-bottom:60px } 
 }

.download-agree .view-btn:hover { background:#000; color:#fff } 
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { top:15px; right:0; z-index:1; padding-right:15px; font-size:50px; color:#000 } 
.mfp-figure figure { background:#fff } 
.mfp-bottom-bar { display:none } 
.download-view-content01 .replace-link { display:inline-block; padding-bottom:5px; border-bottom:2px solid #000000; font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:700; cursor:pointer; margin-bottom:5px } 
.download-view-content01 .replace-link:hover { color:#f59331; border-bottom-color:#f59331 } 

/* discontinued_view.php */
.discon-view-content01 .col-md-4 img { max-width:100% } 
.discon-view-content01 .replace-link { display:inline-block; padding-bottom:5px; border-bottom:2px solid #000000; font-size:14px; letter-spacing:1px; text-transform:uppercase; font-weight:700; cursor:pointer } 
.discon-view-content01 .replace-link:hover { color:#f59331; border-bottom-color:#f59331 } 

/* contatct.php */
.contact-content01 .bg { background-image:url(../images/support/content33.png) } 
.contact-content01 .bg div { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center } 
.contact-content01 .bg span { padding-left:30px; font-size:44px; font-weight:700; color:#fff; vertical-align:middle } 
.contact-content01 .form { width:710px; margin:0 auto } 
.contact-content01 .form ul { margin-top:20px } 
.contact-content01 .form ul:first-child { margin-top:0 } 
.contact-content01 .form ul:after { content:""; display:block; clear:both } 
.contact-content01 .form ul li { float:left; width:340px } 
.contact-content01 .form ul li:first-child { margin-right:30px } 
.contact-content01 .form ul li input,.contact-content01 .form ul li select { width:100%; height:50px; padding-left:20px; line-height:50px; border-radius:5px; border:1px solid #a6a6a6; outline:none; font-size:16px; background:#f8f8f8 } 
.contact-content01 .form ul li input::placeholder { color:#333 } 
.contact-content01 .form2 { width:710px; margin:0 auto } 
.contact-content01 .form2 ul:after { content:""; display:block; clear:both } 
.contact-content01 .form2 ul li { float:left; width:340px; padding-bottom:10px; font-size:0 } 
.contact-content01 .form2 ul li:nth-child(odd) { margin-right:30px } 

/* 200710 수정사항 */
.contact-content01 .form2 input[type="text"] { width:100%; height:50px; padding-left:20px; line-height:50px; border-radius:5px; border:1px solid #a6a6a6; outline:none; font-size:16px; background:#f8f8f8 } 

/* 200710 수정사항 */
.contact-content01 .form4 ul li input { margin-top:20px } 
.contact-content01 .form4 ul li input:first-child { margin-top:0 } 
.contact-content01 .form ul li select.require,.contact-content01 input.require[type="text"] { border-color:#e53935 } 
.contact-content01 ul li p { margin-top:5px; font-size:16px; color:#e53935; font-weight:700; text-decoration:underline } 
.contact-content01 div.alert-msg p { font-size:16px; color:#e53935; font-weight:700; text-decoration:underline } 
.contact-content01 input[type="checkbox"] { display:none } 
.contact-content01 input[type="checkbox"] + label { font-size:0; vertical-align:middle } 
.contact-content01 input[type="checkbox"] + label span { display:inline-block; width:25px; height:22px; vertical-align:middle; background-repeat:no-repeat; box-sizing:border-box; background-image:url(../images/support/content61.png) } 
.contact-content01 input[type="checkbox"]:checked + label span { width:25px; background-image:url(../images/support/content62.png) } 
.contact-content01 input[type="checkbox"] + label + span { padding-left:10px; font-size:16px; vertical-align:middle; line-height:1.2 } 
.contact-content01 .form2 textarea { width:100%; min-height:115px; padding-top:15px; padding-left:30px; border:1px solid #737373; outline:none } 
.contact-content01 .form2 textarea::placeholder { color:#333 } 
.contact-content01 .subscribe-box { padding-top:10px } 
.contact-content01 .subscribe-box a { color: #f59331 } 
.contact-content01 #contact-tech { display:none } 
.contact-content01 #contact-program { display:none } 
.contact-content01 .form3 { width:710px; margin:0 auto } 
.contact-content01 .form3 p { padding-top:5px } 
.contact-content01 .form3 a { color:#f59331; text-decoration:underline } 
.input-file { display:inline-block; width:100%; font-size:0 } 
.input-file [type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 none } 
.input-file .file-label,.input-file .label-btn { display:inline-block; width:80px; height:45px; margin-right:10px; line-height:45px; font-size:16px; font-weight:700; color:#333; border:1px solid #999; text-align:center; vertical-align:middle } 
.input-file .label-btn:last-child { background:#dddddd; margin-right:0 } 
.input-file .file-name { width:calc(100% - 290px); height:45px; margin-right:30px; line-height:45px; border:none; border-bottom:1px solid #999; vertical-align:middle } 
/* 접근성 탭 포커스 스타일 */
.file-focus { outline:1px dotted #d2310e } 
.radio-box:after { content:""; display:block; clear:both } 
.radio-box div { float:left; width:340px; padding-top:20px } 
.radio-box div:nth-child(odd) { margin-right:30px } 
.radio-box div:first-child,.radio-box div:first-child + div { padding-top:0 } 
.radio-box input[type="radio"] { display:none } 
.radio-box input[type="radio"] + label { margin-right:50px } 
.radio-box label:last-child { margin-right:0!important } 
.radio-box input[type="radio"] + label span { display:inline-block; width:17px; height:17px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../images/support/content59.png) no-repeat; cursor:pointer } 
.radio-box input[type="radio"]:checked + label span { background:url(../images/support/content60.png) no-repeat } 
.contact-content01 .msg { padding-top:5px; font-weight:300 } 

/* location.php */
.location { position:absolute; left:50%; top:50%; transform:translate(-50%,-70%) } 
.location img { max-width:300px } 
.location .col-md-12:first-child ul { text-align:center; font-size:0 } 
.location .col-md-12:first-child ul:after { content:""; display:block; clear:both } 
.location .col-md-12:first-child ul li { display:inline-block; width:289px; margin-right:35px } 
.location .col-md-12:first-child ul li:last-child { margin-right:0 } 
.location .col-md-12:first-child ul li div { position:relative; width:100%; height:158px; background-repeat:no-repeat } 
.location .col-md-12:first-child ul li div:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dadada } 
.location .col-md-12:first-child ul li div.on:after { content:""; border:3px solid #000 } 
.location .col-md-12:first-child ul li a:hover div:after { content:""; border:3px solid #000 } 
.location .col-md-12:first-child ul li:first-child div { background-image:url(../images/location/bg_intro1.jpg); background-position: 50% 0 } 
.location .col-md-12:first-child ul li a:hover div,.location .col-md-12:first-child ul li div.on { background-position: 50% 100% } 
.location .col-md-12:first-child ul li:first-child + li div { background-image:url(../images/location/bg_intro2.jpg) } 
.location .col-md-12:first-child ul li:first-child + li + li div { background-image:url(../images/location/bg_intro3.jpg) } 
.location .col-md-12:first-child ul li:first-child + li + li + li div { background-image:url(../images/location/bg_intro4.jpg) } 
.location .col-md-12:first-child ul li h5 { display:inline-block; height:65px; padding-top:20px; text-align:center; vertical-align:middle; font-size:18px; font-weight:400; text-transform:uppercase } 
.location #topPaging a { display:block; width:100%; cursor:pointer } 
.location #topPaging .line { display:inline-block; position:relative; top:9px; z-index:1; width:0px; height:2px; background:#000 } 
.location .lang { padding-left:0; padding-right:0 } 
.location .lang .lang-wrap { width:calc((289px * 4) + 105px); margin:0 auto } 
.location .lang .lang-wrap > div { display:none; position:absolute; opacity:0; transition:opacity .3s linear } 
.location .lang .lang-wrap > div.on { display:block } 
.location .lang .lang-wrap > div.on2 { opacity:1 } 
.location .lang .lang-wrap > div:first-child + div { margin-left:calc((289px * 1) + 35px) } 
.location .lang .lang-wrap > div:first-child + div + div { margin-left:calc((289px * 2) + 70px) } 
.location .lang .lang-wrap > div:last-child { margin-left:calc((289px * 3) + 105px) } 
.location .lang ul:after { content:""; display:block; clear:both } 
.location .lang ul li { float:left; width:100%; margin-right:0 } 
.location .lang ul li a { font-size:14px; font-weight:500; color:#333; line-height:1.2; text-transform:uppercase } 
.location .lang ul li a:hover { color:#f59331; text-decoration:underline } 

/* company.php */
.company-content01 .bg { background-image:url("../images/company/company01.png"); color:#fff } 
.company-content01 .bg div { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center } 
.company-content01 .bg div h4 { color:#fff } 
.company-content02 .bg { background-image:url("../images/company/content07.png"); color:#fff; } 
.company-content02 .bg div { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); text-align:center } 
.company-content02 .col-md-8 > ul { position:relative } 
.company-content02 .col-md-8 > ul:before { content:""; display:block; position:absolute; top:-20px; left:50%; width:1px; height:100%; background:#000 } 
.company-content02 .col-md-8 > ul:after { content:""; display:block; clear:both } 
.company-content02 .col-md-8 > ul > li { width:50%; float:left } 
.company-content02 .col-md-8 > ul > li:first-child ul { padding-right:40px; text-align:right } 
.company-content02 .col-md-8 > ul > li:last-child ul { padding-left:40px } 
.company-content02 .col-md-8 > ul > li ul { position:relative } 
.company-content02 .col-md-8 > ul > li ul li { padding-bottom:40px; font-size:16px; font-weight:500; color:#000 } 
.company-content02 .col-md-8 > ul > li:last-child ul li:before { content:""; display:block; position:absolute; left:-6px; width:14px; height:14px; margin-top:3px; background:url(../images/company/content02.png) no-repeat left center } 
.company-content05 .brand-desc { padding-left:100px; padding-right:100px; font-size:0 } 
.company-content05 .brand-desc li { display:inline-block; width:calc(100% / 3); margin-left:-1px; padding-left:15px; padding-right:15px; vertical-align:top } 
.company-content06 a { color:#f59331 } 
.company-content06 a:hover { color:#ff3d00; text-decoration:underline } 
.company-content07 .bo_gray { height:195px } 

/* 20200408 빅솔론 수정사항 */
.company-content07 .bo_gray h5 { display:none } 

/* search.php */
.search-list:after { content:""; display:block; clear:both } 
.search-list li { float:left; width:calc(25% - 15px); text-align:center; margin-right:20px } 
.search-list li:nth-child(4n) { margin-right:0 } 

/* policy.php */
.policy strong { font-weight:700 } 
.policy ul { padding:10px 0 } 

/* finance.php */
.finance-content01 .bg { background-image:url(../images/finance/banner.png); color:#fff } 
.finance-content02 .tab ul:after { content:""; display:block; clear:both } 
.finance-content02 .tab ul li { float:left; cursor:pointer; text-align:center; font-size:16px; letter-spacing:.5px; padding-bottom:5px } 
.finance-content02 .tab ul li:first-child { margin-right:15px } 
.finance-content02 .tab ul li.on,.finance-content02 .tab ul li:hover { color:#f59331; border-bottom:1px solid #f59331 } 
.finance-content02 table { display:none; width:100%; margin-top:30px } 
.finance-content02 table.on { display:block } 
.finance-content02 table thead th { width:136px; padding-top:10px; padding-bottom:10px; font-size:18px; font-weight:700; color:#414141; text-align:center; border-top:2px solid #000; border-right:1px solid #fff; border-bottom:1px solid #dadada; background:#e3e3e3 } 
.finance-content02 table thead th:first-child { width:1000px } 
.finance-content02 table tbody th { padding-top:10px; padding-bottom:10px; padding-left:20px; font-size:14px; border-right:1px solid #dadada; border-bottom:1px solid #dadada } 
.finance-content02 table tbody th.subject { padding-left:0; font-size:16px; font-weight:700 } 
.finance-content02 table tbody td { padding-right:10px; padding-bottom:10px; padding-right:15px; font-size:13px; text-align:right; border-right:1px solid #dadada; border-bottom:1px solid #dadada } 
.finance-content02 table tbody th.subject ~ td { font-size:14px; font-weight:700 } 
.finance-content02 table tbody th.subject.sum,.finance-content02 table tbody th.subject.sum ~ td { border-bottom-color:#333 } 

/* ir.php */
.ir-content01 .bg { background-image:url(../images/ir/banner.png); color:#fff } 
.compliance-content01 .bg { background-image:url("../images/ir/banner02.jpg"); color:#fff } 
.ir-content02 table { width:100% } 
.ir-content02 table thead th { padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:700; color:#414141; text-align:center; background:#e3e3e3; border-top:2px solid #000; border-right:1px solid #fff } 
.compliance-content01 + .ir-content02 table thead th { display:none } 
.compliance-content01 + .ir-content02 table thead th:first-child + th { display:block } 
.ir-content02 table thead th:last-child { border-right:none } 
.ir-content02 table tbody td { padding-top:6px; padding-bottom:6px; font-size:14px; font-weight:400; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center } 
.compliance-content01 + .ir-content02 table tbody td { display:none } 
.compliance-content01 + .ir-content02 table tbody td:first-child + td { display:block } 
.compliance-content01 + .ir-content02 .pagination01 { display:none } 
.ir-content02 table tbody td:first-child + td { padding-left:15px; text-align:left } 
.ir-content02 table tbody td:last-child { border-right:none } 
.ir-content02 table tbody td a { font-size:14px } 
.ir-content02 .row > div,.ir-content03 .row > div { float:left; width:760px; padding-left:15px; padding-right:15px } 
.ir-content02 .row > div:last-child,.ir-content03 .row > div:last-child { width:calc(100% - 760px) } 
.ir-content03 .stock h4 { margin-top:15px; padding-bottom:10px; border-bottom:1px solid #dadada } 
.ir-content03 .stock ul:after { content:""; display:block; clear:both } 
.ir-content03 .stock ul li { float:left } 
.ir-content03 .stock > ul > li { width:100% } 
.ir-content03 .stock .price-wrap { padding:20px 0 } 
.ir-content03 .stock .price-wrap ul li { font-size:16px; color:#666; text-align:center; font-weight:700 } 
.ir-content03 .stock .price-wrap ul li:first-child { padding:0 20px } 
.ir-content03 .stock .price-wrap ul li:first-child + li { padding-right:20px } 
.ir-content03 .stock .price-wrap ul li:last-child { padding-left:20px; border-left:1px solid #dadada } 
.ir-content03 .stock .price-wrap strong { font-size:40px; font-weight:700; color:#333 } 
.ir-content03 .stock .price-wrap span { font-size:16px; font-weight:700 } 
.ir-content03 .stock .price-wrap .blue { color:#2475d0 } 
.ir-content03 .stock table { width:100% } 
.ir-content03 .stock table thead th { padding:20px 0; width:25%; border-top:2px solid #000; border-bottom:1px solid #dadada; background:#f5f5f5; font-weight:700; text-align:center } 
.ir-content03 .stock table td { width:25%; padding:20px 0; color:#666; text-align:center; border-bottom:1px solid #dadada } 

/* ir_list.php */
.ir-content02.ir-list .row > div { width:100% } 
.ir-content02.ir-list ul:after { content:""; display:block; clear:both } 
.ir-content02.ir-list ul li { float:left; width:calc(20% - 20px); margin-top:30px; background:#f7f7f7; text-align:center; margin-right:25px } 
.ir-content02.ir-list ul li:nth-child(5n) { margin-right:0 } 
.ir-content02.ir-list ul li a { display:block; height:40px; line-height:40px; font-size:18px; font-weight:700; color:#333 } 
.ir-content02.ir-list ul li a:hover { color:#f59331 } 
.pagination01 { text-align:center } 
.pagination01 .wrapper { display:inline-block } 
.pagination01 span a { display:inline-block; width:30px; height:30px; text-align:center; font-size:18px; vertical-align:middle; line-height:30px; color:#aaa } 
.pagination01 span a:hover { color:#f59331 } 
.pagination01 span a.on { position:relative; color:#f59331 } 
.pagination01 span a.on:after { content:""; display:block; position:absolute; left:50%; bottom:4px; width:10px; height:1px; margin-left:-5px; background:#f59331 } 
.pagination01 span a i { font-size:16px; color:#f59331 } 

/* ir_view.php */
.board-view .title { padding:35px 30px; border-top:2px solid #323236; border-bottom:1px solid #adadaf; text-align:center } 
.board-view .title h4 { font-size:24px; margin-bottom:15px } 
.board-view .title span { font-size:16px } 
.board-view .content { padding:45px 30px } 
.board-view .content img { display:block; max-width:100%; width:auto!important; height:auto!important } 
.board-view .content p { padding-top:0; font-size:16px } 
.board-view .content p span,.board-view .content span { font-size:16px } 
.board-view .content * { margin:0!important } 
.board-view .list-pagination { border-top:1px solid #adadaf; border-bottom:1px solid #adadaf } 
.board-view .list-pagination dl { margin:0; padding:21px 0 18px; font-size:16px; color:#434a5c; overflow:hidden } 
.board-view .list-pagination dl:after { content:""; display:block; clear:both } 
.board-view .list-pagination dt { position:relative; float:left; width:16.14%; padding-left:66px; box-sizing:border-box; font-size:16px } 
.board-view .list-pagination dd { position:relative; float:left; width:83.86%; margin:0; overflow:hidden; font-size:16px } 
.board-view .list-pagination dd .date { display:inline-block; float:right; margin-right:30px } 
.board-view .list-pagination dd a { font-size:16px } 
.board-view .list-pagination .prev-btn { border-bottom:1px solid #eaeaeb } 
.board-view .list-pagination dt:before { content:''; position:absolute; top:50%; left:30px; display:block; width:17px; height:17px; margin-top:-10px; background-image:url(../images/ir/icon03.png) } 
.board-view .list-pagination .next-btn dt:before { background-position:-17px 0 } 
.board-view .list-btn { display:inline-block; position:relative; width:120px; height:40px; color:#fff; line-height:40px; font-size:16px; text-align:center; background:#f59331 } 
.board-view .file-attach { padding-top:20px; padding-bottom:20px; border-top:1px solid #d9d9d9 } 
.board-view .file-attach div { padding-left:30px; padding-top:20px; padding-bottom:20px; background:#e4e4e4 } 
.board-view .file-attach i { color:#f59331; margin-right:5px } 
.board-view .file-attach span { position:relative } 
.board-view .file-attach span:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#000 } 

/* career.php */
.career-content04 h5 { margin-bottom:30px } 
.career-content04 h3 { font-size:28px; padding-bottom:15px; color:#2093ae } 
.career-content04 ul { margin-top:50px; padding:50px; border:1px solid #dadada; text-align:center } 
.career-content04 hr { width:100px; border-color:#dadada } 

/* warranty_care.php */
.popup-warranty h5 { display:inline-block; font-size:36px; vertical-align:middle } 
.popup-warranty table { width:100% } 
.popup-warranty table th,.popup-warranty table td { padding:10px; border-bottom:1px solid #dadada; border-right:1px solid #dadada } 
.popup-warranty table tr:first-child th,.popup-warranty table tr:first-child td { border-top:1px solid #dadada } 
.popup-warranty table th { width:200px; border-left:1px solid #dadada } 
.popup-warranty table td { font-weight:700 } 

/* compliance.php */
.ir-content02.ir-list.compliance-list .tab:after { content:""; display:block; clear:both } 
.ir-content02.ir-list.compliance-list .tab li { float:left; width: auto; margin-top: 0; cursor:pointer; text-align:center; font-size:16px; letter-spacing:.5px; padding-bottom:5px; background: #fff } 
.ir-content02.ir-list.compliance-list .tab li:first-child { margin-right:15px } 
.ir-content02.ir-list.compliance-list .tab li.on,.ir-content02.ir-list.compliance-list .tab li:hover { color:#f59331; border-bottom:1px solid #f59331 } 
.compliance-list .tab-content ul { display:none } 
.compliance-list .tab-content ul.on { display: block } 

/* 20210624 */
.main-visual .video-wrap { position: relative; } 
.main-visual .video-wrap video { position: absolute; top:0; left:0; width: 100%; height: 100% } 
.main-visual .slide-wrap .text-wrap.intro-content { display: none } 
.main-visual .slide-wrap .text-wrap.intro-content.on { display: flex } 
.main-visual .video-wrap img { opacity: 0 } 
.main-visual .video-wrap.on img { opacity: 1 } 

/* 20210709 */
.popup { display:none; position: fixed; top:50%; left:50%; width: 100%; transform: translate(-50%,-50%); z-index: 11; text-align: center; font-size: 0; } 
.popup-overlay { display:none; position: fixed; top:0; left:0; width: 100%; height: 100vh; background: rgba(0,0,0,.2); z-index: 10 } 
.popup ul { background: #5b5b5b } 
.popup ul:after { content: ""; display: block; clear: both } 
.popup ul li { float:left; font-size: 0; padding:15px 30px; } 
.popup ul li:last-child { float: right } 
.popup ul li input { position: absolute; left:-10000px; width: 0; height: 0; } 
.popup ul li label { display:block; padding-left: 30px; padding-top: 1px; font-size: 14px; color:#fff; cursor: pointer; background: url(../images/trouble/icon01.png) no-repeat left top } 
.popup ul li span { display:block; padding-left: 30px; padding-top: 1px; font-size: 14px; color:#fff; cursor: pointer; background: url(../images/trouble/icon02.png) no-repeat left top } 
.trouble-content01 .wrap { width: 100%; margin:0 auto; } 
.trouble-content01 .wrap h5 { font-size: 22px; font-weight: 700; } 
.trouble-content01 .wrap h6 { font-size: 18px; font-weight: 700; } 
.trouble-content01 .wrap strong { font-weight: 700; text-decoration: underline; } 

/* 20210809 */
.download-view-content02 .video-list li h4 { font-size: 20px; height: 24px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

/* 20210811 */
.support-content03 .support-prd-tab a[data-kind="notice"] .wrap { background-image:url(../images/support/content72.png?ver=1) } 
.support-content03 .support-prd-tab a[data-kind="notice"]:hover .wrap { background-image:url(../images/support/content72_hover.png?ver=1) } 
.support-content03 .support-prd-tab a[data-kind="notice"] .wrap.on { background-image:url(../images/support/content72_hover.png?ver=1) } 

/* 20220107 FAQ 쪽 Solutions for Printing Issues after Windows Updates II 영문버전 임시로 히든 */
.support-content03 .faq_category_list_area#area_notice .faq-content div > ul > li:first-child + li ul li:first-child + li { display: none; } 
.support-content03 .faq_category_list_area#area_notice .faq-content div > ul > li:first-child + li ul li:first-child + li { border-top: 1px solid #ddd } 
.index-logo { width: 300px; height: 40px; } 
.driver-grey { margin-top: 5px; font-size: 14px; color: #999; font-weight:normal; padding-left:30px } 

/* 20220622 */
.slick-slide img.inline { display: inline-block; } 
.main-visual .slide-wrap .text-wrap.slide00 h3 { font-size: 56px; color: #5c5c5c; font-weight: 700; } 
.main-visual .slide00 .btn-wrap a { border-color: #5c5c5c; color: #5c5c5c; background-image: url(../images/main/icon17_g.png); } 
.main-visual .slide00 .btn-wrap a:hover { background-image: url(../images/main/icon17_hover.png?ver=1); color: #f59331; border-color: #fff } 
.main-visual .slide00 img { margin-right: 30px; } 
.main-visual .slide00 img:last-child { margin-right: 0; } 
.main-visual .slide-wrap .text-wrap .effect { opacity: 0; animation-duration: 1s; animation-delay: .625s; animation-fill-mode: forwards; } 
.slick-current .slide-wrap .text-wrap h3,.slick-current .slide-wrap .text-wrap p,.slick-current .slide-wrap .text-wrap svg,.slick-current .slide-wrap .btn-wrap a,.slick-current .slide-wrap .text-wrap .effect { animation-name: banner-anit; } 

/* 20221124 */
.main-content05 .exhibition-wrap ul { display:flex; flex-wrap: wrap; align-items: center; background-color: #e1e1e1 } 
.main-content05 .exhibition-wrap ul li { padding:70px 0 } 
.main-content05 .exhibition-wrap ul li:first-child { width: calc(100% - 470px); padding-left: 80px; padding-right: 80px; font-size: 0; } 
.main-content05 .exhibition-wrap ul li:first-child > div { display: inline-block; vertical-align: middle; width: calc(100% - 400px) } 
.main-content05 .exhibition-wrap ul li:first-child > div:last-child { width: 400px; } 
.main-content05 .exhibition-wrap ul li:first-child img { transform: scale(1); transition: transform .5s } 
.main-content05 .exhibition-wrap ul li:first-child:hover img { transform: scale(1.1); } 
.main-content05 .exhibition-wrap ul li:first-child a { display: inline-block; width: 220px; height: 45px; margin: 20px auto 0; line-height: 45px; border: 1px solid #616161; text-align: center; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; cursor: pointer; color: #616161; } 
.main-content05 .exhibition-wrap ul li:first-child a:hover { background: #f59331; color: #fff; border-color: #f59331; } 
.main-content05 .exhibition-wrap ul li:first-child + li { position: relative; width: 470px; background-color: #f58d80; } 
.main-content05 .exhibition-wrap ul li:first-child + li img { transform: scale(1); transition: transform .5s } 
.main-content05 .exhibition-wrap ul li:first-child + li:hover img { transform: scale(1.2); } 
.main-content05 .exhibition-wrap ul li:first-child + li:after { content:""; display: block; position: absolute; top:0; left:-20px; width: 20px; height: 100%; background-color: #fff } 
.main-content05 .exhibition-wrap ul li:first-child h3 { font-size: 42px; font-weight: 700; color:#727b7f } 
.main-content05 .exhibition-wrap ul li:first-child + li a { display: block } 
.main-content05 .exhibition-wrap ul li:first-child + li h3 { font-size: 32px; font-weight: 700; color:#fff } 

/* 20220208 */
.popup > div { display:inline-block; width:25%; vertical-align: middle; } 

/* 20230612 */
.solution-view-content01 .bg { position: relative; } 
.solution-view-content01 .bg a { display: inline-block; position: absolute; bottom:100px; left:50px; width: auto; height: 45px; padding-right: 30px; padding-left: 20px; line-height: 45px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: 2px; box-sizing: border-box; background:#f59331 url(../images/main/icon17.png) no-repeat right+20px center; vertical-align: middle; vertical-align: bottom; text-align: left; } 

/* 230630 */
.main-content02 .col-sm-2 { width: calc(100% / 7); margin-left: -1px; } 
.main-content02 .col-sm-2:first-child div { background-image:url(../images/main/icon05.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 div { background-image:url(../images/main/icon06.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 div { background-image:url(../images/main/icon07.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 div { background-image:url(../images/main/icon08.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 div { background-image:url(../images/main/icon09.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 div { background-image:url(../images/main/icon10.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 div { background-image:url(../images/main/icon20.png?ver=1) } 
.main-content02 .col-sm-2:first-child a:hover div { background-image:url(../images/main/icon05_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 a:hover div { background-image:url(../images/main/icon06_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 a:hover div { background-image:url(../images/main/icon07_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 a:hover div { background-image:url(../images/main/icon08_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 a:hover div { background-image:url(../images/main/icon09_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 a:hover div { background-image:url(../images/main/icon10_hover.png) } 
.main-content02 .col-sm-2:first-child + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 + .col-sm-2 a:hover div { background-image:url(../images/main/icon20_hover.png) } 

/* 230704 */
.software-blog ul { font-size: 0; text-align: center; } 
.software-blog ul li { display:inline-block; width: 50%; padding:15px; vertical-align: top } 
.software-blog ul li .box-overlay { position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); } 
.software-blog ul li .wrap { position: absolute; top:0; left:0; width: 100%; height:100%; z-index: 2; padding:35px; color:#fff; text-align: left } 
.software-blog ul li > div { display:block; position: relative; overflow: hidden } 
.software-blog ul li > div img { transform: scale(1); transition: all .5s } 
.software-blog ul li > div:hover img { transform: scale(1.2); } 
.software-blog ul li h4 { font-size: 22px; color:#fff } 
.software-blog ul li p { display: -webkit-box; height:70px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 20px; margin-bottom: 20px; font-size: 15px; font-weight: 300; color:#fff } 
.software-blog ul li a { display:inline-block; width:160px; height:45px; padding-left:20px; line-height:45px; font-size:14px; font-weight:300; color:#fff; letter-spacing:2px; box-sizing:border-box; border:1px solid #fff; background:url(../images/footer/icon01_hover.png) no-repeat right+20px center; vertical-align:middle } 
.software-blog ul li > div:hover a { background-color: #f59331; background-image: url(../images/footer/icon01_hover.png); color: #fff; border-color: #f59331; } 
.table_sec table { width:100% } 
.table_sec table th,.table_sec table td { padding:5px 10px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align: middle } 
.table_sec table th:first-child { border-left:1px solid #d9d9d9 } 
.table_sec table thead th,.table_sec table td { text-align: center } 
.table_sec table thead th { font-weight: 700; background-color: #f59331; color:#fff } 
.table_sec table tbody th { font-size: 14px; font-weight: 700; background-color: #eee } 
.table_sec table td { font-size: 14px; } 
.table_sec table tbody tr:last-child th,.table_sec table tbody tr:last-child td { border-bottom:1px solid #d9d9d9 } 

/* 230714 */
.main-visual .slide-wrap .text-wrap.slide00.slide07 h3 { font-size: 42px; } 
.main-visual .slide-wrap .text-wrap.slide00.slide07 p { font-size: 22px; color:#898989 } 

/* 230720 */
.brochure { display: inline-block; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: #fff; vertical-align: middle; } 
.brochure:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-left: -4px; } 
.brochure a { color: #333; font-size: 16px; font-weight: 700; vertical-align: middle; } 
.brochure a:hover { text-decoration: underline; } 
.brochure a:after { height: 0!important; } 

/* 230724 */
.main-content04 .video-overlay .play { position:absolute; bottom:60px; left:0; width:230px; height: auto; padding:10px 0; font-size: 32px; font-weight: 700; color:#fff; text-align: center; background-color: #e9a540 } 

/* 230802 메인배너 */
.main-visual .slide-wrap .text-wrap h3 { font-size: 42px; line-height: 1 } 
.main-visual .slide-wrap .text-wrap.slide06 { padding-top: 100px; } 
.main-visual .slide-wrap .text-wrap.slide09 svg { width: 82px; height: 78px; margin-left: 20px } 
.main-visual .slide-wrap .text-wrap.slide10 svg { width: 400px; height: 180px } 
.main-visual .slide-wrap .text-wrap.slide10.slide11 svg { width: 330px; height: 140px } 

/* 230802 제품리스트 */
.product-content02 .wrap { padding-left: 40px; padding-right: 40px; } 
.product-content01 video { display:block; max-width: 100% } 

/* 230901 제품리스트(SEE ALL PRODUCTS 삭제) */
.all-product-list { display: none } 

/* 231023 Sustainability */
.company-content08 a { font-weight: 500; color: #f59331; } 
.company-content08 a:hover { text-decoration: underline; } 

/* 231117 메인배너 */
.main-visual .slide-wrap .text-wrap.slide12 h3 { font-size: 42px; line-height: 1.4 } 
.main-visual .slide-wrap .text-wrap.slide12 h3 strong { font-size: inherit; font-weight: 900; } 

/* 240620 메인배너 */
.main-visual .slide-wrap .text-wrap h4 { font-size: 42px; font-weight: 500; color:#fff } 

/* 240626 소프트웨어 */
.product-view-content01 .app-download li { display: inline-block; vertical-align: middle; font-size: 0; } 
.product-view-content01 .app-download li img { display: block; height: 40px; border-radius: 5px } 

html, body { -webkit-text-size-adjust : 100%; /* 크롬, 사파리, 오페라 신버전 */
 -ms-text-size-adjust : 100%; /* IE */
 -moz-text-size-adjust : 100%; /* 파이어폭스 */
 -o-text-size-adjust : 100%; /* 오페라 구버전 */ } 

/* 241119 메인배너 */
.main-video .wrap { position: relative; } 
.main-video .wrap a { display: block; position: absolute; bottom:100px; left:100px; width: 320px; height: 70px; line-height: 70px; border: 1px solid #f59331; text-align: center; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; cursor: pointer; color: #fff; background-color: #f59331; cursor: pointer; } 
.main-video-overlay { display:none; position: fixed; top:0; left:0; z-index: 8; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) } 
.main-video-iframe { display:none; position: absolute; top: 50%; left: 50%; z-index: 9; max-width: 900px; width: calc(100% - 20px); transform: translate(-50%, -50%); } 
.main-video-iframe:before { content: ""; display: block; padding-top: 56.25%; } 
.main-video-iframe iframe { position:absolute; left:0; top: 0; width: 100%; height: 100%; } 
.main-video-iframe .close-btn { position: absolute; top:-50px; right:0; background:#f59331; border: 0; border-radius: 50%; cursor: pointer; height: 40px; width: 40px; } 
.main-video-iframe .close-btn:after, .main-video-iframe .close-btn:before { content: ""; position: absolute; top: 50%; left: 50%; height: 20px; width: 2px; background: #fff; } 
.main-video-iframe .close-btn:before { transform: translate(-50%, -50%) rotate(45deg); } 
.main-video-iframe .close-btn:after { transform: translate(-50%, -50%) rotate(-45deg); } 

/* 250410 support css 수정 */
.support-content03 .support-prd-tab a[data-kind="notice"] .wrap { background-image:url(../images/header/content08.png?ver=1) } 
.support-content03 .support-prd-tab a[data-kind="notice"]:hover .wrap { background-image:url(../images/header/content08_hover.png?ver=1) } 
.support-content03 .support-prd-tab a[data-kind="notice"] .wrap.on { background-image:url(../images/header/content08_hover.png?ver=1) } 
.support-content03 .faq-content .faq-view .view-content table { width: 100%; margin-top: 10px; } 
.support-content03 .faq-content .faq-view .view-content table th,.support-content03 .faq-content .faq-view .view-content table td { padding:6px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9 } 
.support-content03 .faq-content .faq-view .view-content table th:first-child,.support-content03 .faq-content .faq-view .view-content table td { border-left:1px solid #d9d9d9 } 
.support-content03 .faq-content .faq-view .view-content table tr:last-child td { border-bottom: 1px solid #d9d9d9 } 
.support-content03 .faq-content .faq-view .view-content table th { background-color: #f59331; color:#fff; font-weight: 700; } 
.support-content03 .faq-content .faq-view .view-content a { color:#f59331; text-decoration: underline; } 

/* 250611 intro 페이지 */
/* .intro-content01 { max-width: 1500px; margin-left: auto; margin-right: auto; margin-top: 100px; padding-left: 15px; padding-right: 15px; } */
.intro-content01 { margin-left: auto; margin-right: auto; margin-top: 50px; padding-left: 15px; padding-right: 15px; } 
.intro-content01 .flex { display: flex; margin-top: 60px; } 
.intro-content01 .flex .left { width: 70%; } 
.intro-content01 .iframe-wrap { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; } 
.intro-content01 .iframe-wrap:after { content:""; display: block; position: absolute; top:0; left:0; width:100%; height:100% } 
.intro-content01 .iframe-wrap iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } 
.intro-content01 .flex .right { width:30%; padding-left: 55px; } 
.intro-content01 .flex .right h3 { margin-bottom: 50px; font-size: 24px; font-weight: 600; } 
.intro-content01 .country { font-size: 0; } 
.intro-content01 .country > li { display:inline-block; width: calc((100% - 20px) / 2); margin-right: 20px; } 
.intro-content01 .country > li:nth-child(even) { margin-right: 0; } 
.intro-content01 .country > li:nth-child(n+3) { margin-top: 35px; } 
.intro-content01 .svg-wrap { border: solid 1px #eee; } 
.intro-content01 .country > li:hover .colored { fill:#ffbd59 } 
.intro-content01 .country > li:hover .svg-wrap { border-color: #ffbd59; } 
.intro-content01 .text-wrap { margin-top: 5px; justify-content: space-between; padding:10px 18px; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); cursor: pointer; } 
.intro-content01 .text-wrap h4 { font-size: 18px; } 
.intro-content01 .country > li:hover h4 { color:#ffbd59 } 
.intro-content01 .text-wrap svg:last-child { display: none; } 
.intro-content01 .text-wrap.on svg { display: none; } 
.intro-content01 .text-wrap.on svg:last-child { display: block; } 
.intro-content01 .list-wrap { display:none; position: absolute; margin-top: 5px; padding:15px; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; } 
.intro-content01 .list-wrap.on { display: block; } 
.intro-content01 .list-wrap li a { display:block; font-size: 16px; font-weight: 300; } 
.intro-content01 .list-wrap li a:hover { color: #ffbd59; } 
.intro-content01 .mobile-country { padding-bottom: 50px; } 
.intro-content01 .mobile-country > li { margin-top: 30px; } 
.intro-content01 .mobile-country > li:first-child { margin-top: 0; } 
.intro-content01 .mobile-country > li a:hover { color:#ffbd59 } 

/* 250717 compliance 수정 */
/*
.ir-content02.ir-list.compliance-list .tab li:first-child + li + li { display: none; } 
*/
/* 251104 수정 */
.product-list2 > li div.tag-wrap ~ a { display: block; color: #f59331; font-weight: 700; text-decoration: underline; } 

/* 251106 수정 */
.complianece-pop { cursor: pointer; } 
.complianece-pop ~ .popup-default { max-width: 1100px; } 
.ir-content02.ir-list ul li .complianece-pop ~ .popup-default a { display: inline-block; height: auto; line-height: 1.5; color:#f59331; text-decoration: underline; } 

/* 260306 #success-message 팝업창 */
#success-message { display:none; position:fixed; z-index:6; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,.3); z-index:99999; overflow:auto; align-items: center; } 
#success-message.on { display:flex } 
#success-message div { position: relative; width:600px; padding:60px 30px; border:1px solid #d9d9d9; background-color: #fff; margin-left: auto; margin-right: auto; } 
#success-message h5 { font-size:20px; color:#000 } 
#success-message div a { position: absolute; top: 60px; right: 30px; cursor: pointer; } 

/* 260326 */
.product-content01 .bg .text-wrap { position: absolute; bottom:30%; left:0; width: 100%; padding-right: 30px; } 
.product-content01 .bg a { opacity:0; display:inline-block; height:45px; padding-left:15px; padding-right: 15px; line-height:45px; font-size:14px; font-weight:300; color:#fff; letter-spacing:2px; box-sizing:border-box; border:1px solid #fff; vertical-align:middle; animation-name:banner-anit; animation-duration:1s; animation-delay:.75s; animation-fill-mode:forwards; } 
.product-content01 .bg a:hover { background-color: #f59331; color: #fff; border-color: #f59331; } 

/* 260504 */
.flex { display: flex; } 
.mr15 { margin-right: 15px; } 
.main-content02 h4 { font-size: 30px; font-weight: 700; color:#000 } 
.main-content02-new { display: flex; flex-wrap: wrap; align-items: center; } 
.main-content02-new li {position: relative; width: calc((100% - 60px) / 2); font-size: 0; } 
.main-content02-new li:first-child { margin-right: 60px; } 
.main-content02-new li:first-child:before {content: "* Must Select";position: absolute;bottom:-25px;right: 0;font-size: 14px;color: #000;}
.main-content02-new li * { display: inline-block; vertical-align: middle; } 
.main-content02-new li h3 { margin-right: 15px; font-size: 20px; } 
.main-content02-new li select { width: calc(100% - 125px); height: 40px; line-height: 40px; padding-left: 15px; padding-right: 15px; vertical-align: middle; font-size: 16px; } 
.main-content02-new + .btn-box a { display: inline-block; width: 220px; height: 45px; margin: 15px auto 0; line-height: 45px; border: 1px solid #616161; text-align: center; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; cursor: pointer; color: #616161; } 
.main-content02-new + .btn-box a:hover { background: #f59331; color: #fff; border-color: #f59331; } 
.main-content04 .flex { flex-wrap: wrap; align-items: center; background-color: #f58d80; } 
.main-content04 .flex > * { width:calc((100% - 15px) / 2); } 
.main-content04 .flex > div:first-child { margin-right: 15px; position: relative; } 
.main-content04 h3 { font-size: 32px; font-weight: 700; color: #fff; } 
.main-content04 .flex > div:first-child:after { content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 100%; background-color: #fff; } 
.main-content05.new-main-content05 .row { background-color: rgb(225, 225, 225); } 
.main-content05.new-main-content05 .col-md-6 h4, .main-content05.new-main-content05 .col-md-6 p { display: none; } 
.main-content05.new-main-content05 .exhibition-wrap ul li:after { content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 100%; background-color: #fff; } 
.main-content05.new-main-content05 .exhibition-wrap ul li { padding-top: 120px; padding-bottom: 120px; } 
.main-content05.new-main-content05 .exhibition-wrap ul li:first-child { width: 100%; } 
.main-content05.new-main-content05 .exhibition-wrap ul li:first-child > div { width: calc(100% - 200px); } 
.main-content05.new-main-content05 .exhibition-wrap ul li:first-child > div:last-child,.main-content05.new-main-content05 .exhibition-wrap ul li:first-child img { width: 200px; } 

/* case_study.php */
.case-study .flex { flex-wrap: wrap; } 
.case-study .filter .select {position: relative; width: calc((100% - 220px) / 2); font-size: 0; } 
.case-study .filter .select * { display: inline-block; vertical-align: middle; } 
.case-study .filter .select select { width: calc(100% - 200px); height: 40px; margin-left: 20px; line-height: 40px; padding-left: 15px; padding-right: 15px; vertical-align: middle; font-size: 16px; } 
.case-study .filter a { display: inline-block; width: 220px; height: 40px; line-height: 40px; border: 1px solid #616161; text-align: center; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; cursor: pointer; color: #616161; } 
.case-study .filter a:hover { background: #f59331; color: #fff; border-color: #f59331; } 
.case-study .clear-btn { font-size: 20px; font-weight: 700; color:#f59331; text-decoration: underline; } 
.case-study .blog-list li { width: calc((100% - 30px) / 3); margin-right: 15px; background-color: #f7f7f7; border-radius: 15px; } 
.case-study .blog-list li:nth-child(3n) { margin-right: 0; } 
.case-study .blog-list li:nth-child(n+4) { margin-top: 30px; } 
.case-study .blog-list .text-wrap{padding:20px}
.case-study .blog-list h4 {display: -webkit-box;height: 40px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;font-weight: 700;} 
.case-study .blog-list p { font-size: 12px; } 
.case-study .blog-list .btn-box a { display: inline-block;width: calc((100% - 20px) / 2);height: 45px;margin-right: 20px;line-height: 45px;border: 1px solid #616161;text-align: center;font-size: 18px;letter-spacing: 3px;text-transform: uppercase;font-weight: 400;cursor: pointer;color: #616161; } 
.case-study .blog-list .btn-box a:last-child { margin-right: 0; } 
.case-study .blog-list .btn-box a:hover {background: #f59331;color: #fff;border-color: #f59331;}
.case-study .filter .select:first-child:before {content: "* Must Select";position: absolute;top: -25px;right: 50px;font-size: 14px;color: #000;}

/* support.php */
.support-content01 #support_search_area { padding-bottom: 0; } 
.support-bg .brochure-btn { display:block; width: 300px; height: 55px; margin-top: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; font-weight: 700; line-height: 55px; border: 2px solid #fff;; letter-spacing: 2px; } 
.support-bg .brochure-btn:hover { background: #f59331; color: #fff; border-color: #f59331; } 

/* 260518 */
.product-content01 .bg .text-wrap.video{left:0;bottom:100px;padding-right: 0;padding-left: 100px;}
.product-content01 .bg a.video-btn { display: block; width: 320px; height: 70px;line-height: 70px; border: 1px solid #f59331; text-align: center; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; cursor: pointer; color: #fff; background-color: #f59331; cursor: pointer; } 
.product-content02 .wrap a { display:inline-block; height:45px;padding-left:15px; padding-right: 15px; line-height:45px; font-size:14px; font-weight:300; color:#000; letter-spacing:2px; box-sizing:border-box; border:1px solid #000; vertical-align:middle; } 
.product-content02 .wrap a:hover { background-color: #f59331; color: #fff; border-color: #f59331; }

/* 260520 a:focus outline 삭제 */
a:focus{outline:none}