<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½â¼­!*/

.carousel-caption { bottom: 38%;}
.carousel-caption h1 {font-size: 5rem; line-height: 2rem; font-weight: 500;}
.carousel-caption h1 span {font-size: 30px; font-weight: 500;}
.carousel-caption p { font-weight: 300;}


/* ï¿½×ºï¿½ï¿½ï¿½Ì¼ï¿½ ï¿½ï¿½ï¿½ï¿½ */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}



.center-line { height: 1px; border-top: solid 4px #3b7298; }



/* ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Î½ï¿½ï¿½ï¿½ï¿½Ìµï¿½ ï¿½Ø¿ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Ü¹Ú½ï¿½ **********/

.iconbox {top: -80px; padding: 40px 15px 0; z-index: 10; box-shadow: 4px 8px 20px -5px #aeb0b3; border-radius: 30px;}
.box &gt; .icon &gt; .info &gt; p { margin: 20px 10px 0; text-align: center;}
.box &gt; .icon &gt; .info .iconbox_tit { height: 50px; align-items: center; display: grid; color: #000; font-size: 1.25rem; font-family: 'Noto Sans KR', sans-serif!important; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.2; font-weight: 500!important;}



.h75{height:75px;}

.box &gt; .icon { text-align: center; position: relative; }
.box &gt; .icon &gt; .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box &gt; .icon &gt; .image &gt; i { font-size: 36px !important; color: #fff !important; }
.box &gt; .icon &gt; .info { border-radius: 6px; padding: 20px 0 10px 0; transition: all ease 0.1s;}
/*.box &gt; .icon &gt; .info:hover {border: 2px solid #3b7298;}*/
.box &gt; .icon &gt; .info &gt; h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box &gt; .icon &gt; .info &gt; p { font-weight:300; color: #666; line-height: 1.5; margin: 20px; text-align: center;}
.box &gt; .icon &gt; .info &gt; .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info i{font-size:60px;}



.box { position: relative;  border: 1px solid #e0e0e0;  height:257px;}
.box span{position: absolute; background: #3b7298;}
.box span:nth-child(1) {left: 0; top: 0; width: 0; height: 2px;}
.box span:nth-child(2) {right: 0; top: 0; width: 2px; height: 0;}
.box span:nth-child(3) {right: 0; bottom: 0; width: 0; height: 2px;}
.box span:nth-child(4) {left: 0; bottom: 0; width: 2px; height: 0;}
.box span:nth-child(1) {left: 0; top: 0; width: 0; height: 2px; transition: width 0.1s;}
.box span:nth-child(2) {right: 0; top: 0; width: 2px; height: 0; transition: height 0.1s linear 0.1s;}
.box span:nth-child(1) {left: 0; top: 0; width: 0; height: 2px; transition: width 0.1s;}
.box span:nth-child(2) {right: 0; top: 0; width: 2px; height: 0; transition: height 0.1s linear 0.1s;}
.box span:nth-child(3) {right: 0; bottom: 0; width: 0; height: 2px; transition: width 0.1s linear 0.2s;}
.box span:nth-child(4) {left: 0; bottom: 0; width: 2px; height: 0; transition: height 0.1s linear 0.3s;}
.box:hover span:nth-child(1) {width: 100%;}
.box:hover span:nth-child(2) {height: 100%;}
.box:hover span:nth-child(3) {width: 100%;}
.box:hover span:nth-child(4) {height: 100%;}


/* info-pink */

.box &gt; .icon { text-align: center; position: relative; }
.box &gt; .icon &gt; .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box &gt; .icon &gt; .image &gt; i { font-size: 36px !important; color: #fff !important; }
.box &gt; .icon &gt; .info-pink { 
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #8e9aaf;
    color: #fff;
	 height:257px;
}
.box &gt; .icon &gt; .info-pink &gt; h3.title { margin-top:20px;  font-size: 20px; color: #222; font-weight: 500; }
.box &gt; .icon &gt; .info-pink &gt; p {  font-weight:300; color: #fff; line-height: 1.7; margin: 20px; text-align:left;}
.box &gt; .icon &gt; .info-pink &gt; .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info-pink i{font-size:60px;}



/* info-pink-2 */

.box &gt; .icon { text-align: center; position: relative; }
.box &gt; .icon &gt; .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box &gt; .icon &gt; .image &gt; i { font-size: 36px !important; color: #fff !important; }
.box &gt; .icon &gt; .info-pink-2 { 
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #cbc0d3;
    color: #fff;
	 height:257px;
}
.box &gt; .icon &gt; .info-pink-2 &gt; h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box &gt; .icon &gt; .info-pink-2 &gt; p {  font-weight:300; color: #fff; line-height: 1.7; margin: 20px; text-align:left;}
.box &gt; .icon &gt; .info-pink-2 &gt; .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info-pink-2 i{font-size:60px;}

.collabo img {-webkit-filter: grayscale(100%); filter: gray; opacity: 0.6; margin: 0 auto;}
.collabo img:hover {-webkit-filter: grayscale(0%); filter: none; opacity: 1;}
.slick-next:before, .slick-prev:before {display: none!important;}
.slick-prev {width: 38px; height: 40px; background: url('&lt;?php echo G5_THEME_URL?&gt;/img/icon_left2.png'); opacity: 0.3; top: 48%; background-repeat: no-repeat; background-size: cover; left: -40px}
.slick-next {width: 38px; height: 40px; background: url('&lt;?php echo G5_THEME_URL?&gt;/img/icon_right2.png'); opacity: 0.3; top: 48%; background-repeat: no-repeat; background-size: cover; right: -30px}
.slick-prev:hover, .slick-prev:focus { background:url('&lt;?php echo G5_THEME_URL?&gt;/img/icon_left2.png'); opacity: 1!important;}
.slick-next:hover, .slick-next:focus { background: url('&lt;?php echo G5_THEME_URL?&gt;/img/icon_right2.png'); opacity: 1!important;}
.slick-dots { display: none!important;}
.slick-dotted.slick-slider {margin-bottom: 0!important;}

/* ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½Ãºï¿½ï¿½ï¿½ **********/
.main_dashboard {height: 550px;}
.main_dashboard .dashboard_first { width: 100%; height: 100%; border: solid 1px #e0e0e0; padding: 10px; border-radius: 6px;}
.main_dashboard .dashboard_second { width: 100%; height: 267px; border: solid 1px #e0e0e0; padding: 10px; margin-bottom: 16px; border-radius: 6px;}
.main_dashboard .dashboard_second:nth-child(2) {margin-bottom: 0%}
.main_dashboard .dashboard_second ul { margin-bottom: 0}
.main_dashboard .dashboard_second .dashboard_center { display: block; position: relative; top: 50%; transform: translateY(-50%);}
.main_dashboard .dashboard_second .btn { background: #415969bd; color: #Fff; border: solid 1px #bcbfc1; font-size: 16px!important; padding: 0; width: 144px; height: 55px; border-radius: 50px; transition: ease 0.1s;}
.main_dashboard .dashboard_second .btn:hover { background: #2d5773ba;}
.main_dashboard .dashboard_second .dashboard_btn__2 { width: 100%; height: 83px; margin-bottom: 8px; background: #dbe4e8; text-align: center; font-size: 18px; border-radius: 6px; transition: all ease 0.1s;}
.main_dashboard .dashboard_second .dashboard_btn__2:hover {  box-shadow: 3px 3px 14px -1px #465663;}
.main_dashboard .dashboard_second .dashboard_btn__3 { width: 100%; height: 79px; line-height: 79px; font-size: 18px; text-align: center; margin-bottom: 15px; border-radius: 6px; transition: all ease 0.1s;}
.main_dashboard .dashboard_second .dashboard_btn__3:hover { box-shadow: 3px 3px 14px -1px #465663;}
.main_dashboard .dashboard_second .dashboard_btn__2:nth-child(3) { margin-bottom: 0; display: flex!important; align-items: center; justify-content: center; }




/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';}

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ head*/
.sub-head {width: 100%; height: 396px; position: relative; top: 0; left: 0; background-repeat: no-repeat; }
.sub-head.businessinfo { background: url('../../../company/img/head/company_head_1.png'); background-size: cover;  }
.sub-head.companyinfo { background: url('../../../company/img/head/company_head_2.png'); background-size: cover;  }
.sub-head.prcenter { background: url('../../../company/img/head/company_head_3.png'); }
.sub-head.customer { background: url('../../../company/img/head/company_head_2.png'); }
.sub-head.sample { background: url('../../../company/img/head/company_head_2.png'); }
.sub-head.serviceinfo { background: url('../../../company/img/head/company_head_1.png'); background-size: cover;  }
.sub-head__title { width: 100%; display: block; padding-top: 195px; /*transform: translate( -50%, 0) translateZ(0);*/ color: #fff; text-align: center; }
.sub-head__title p { font-size: 48px; margin-bottom: 0; font-weight: 600;}
.sub-head__title span {font-size: 24px; font-weight: 300; }
.sub-head__menu { background: #Fff; width: 955px; position: relative; top: -58px;}
.sub-head__menu .row { justify-content: space-between; }
.sub-head__menu_mo { position: relative; top: -50px;}
 .sub-head__menu li { display: inline-block; padding: 0; text-align: center;}
 .sub-head__menu li:after { display: block!important; position: absolute!important; top: 50%; transform: translateY(-50%)!important; width: 1px; height: 29px; border-left: solid 1px #999!important; content: '';}
 .sub-head__menu li:first-child:after { border: none!important;}
 .sub-head__menu a { display: block; padding: 16px 0; font-weight: 300; font-size: 18px; color: #333;}
 .sub-head__menu a:after { display: block; width: 100%; position: absolute; bottom: 0; width: -webkit-fill-available; transform: scaleX(0); transition: transform 250ms ease-in-out; border-bottom: solid 3px #1c232c; content: '';}
 .sub-head__menu a:hover:after { transform: scaleX(1);}
 .sub-head__menu a:hover {  font-weight: 500; }
 .sub-head__menu a.on { font-weight: 500; background: #1c232c; color: #fff!important;}

	.sub-head__menu.companyinfo li  {width: 20%;}
	.sub-head__menu.companyinfo a:after, .sub-head__menu.businessinfo a:after {width: 20%;}
	.sub-head__menu.prcenter ul li,.sub-head__menu.customer ul li { width: 14.2%;}
	.sub-head__menu.customer a:after { width: 14.2%;}
    .sub-head__menu.customer ul li:last-child { width: 14.2%;}
    .sub-head__menu.prcenter a:after { width: 100%;}
 /*.sub-head__menu a.on:after {display: block!important; position: absolute!important; bottom: 0!important;  width: -webkit-fill-available!important; border-bottom: solid 3px #2376b5!important; content: ''; transform: unset!important;}*/

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ body*/
.sub-con__line { display: inline-block; margin: 0 auto 35px;  width: 70px; height: 4px; background: #2376b5; }
.sub-con__title p { font-weight: 800!important; font-family: 'S-CoreDream'; color: #000;} 



/*footer*/
.footer_wrap { display: flex; align-items: center; text-align: left; }
.footer_wrap p { margin-left:15px; width: 90% }
.footer_btn { text-align: right; margin: 0 auto;}
.footer_top, .footer_top a { color: #fff; white-space: nowrap; overflow-x: auto; }


@media screen and (max-width: 991px) {
	.box { margin-bottom: 15px; }
	.box &gt; .icon &gt; .info &gt; p { text-align: center; }
	.main_dashboard { height: unset; margin-bottom: 15px; }
	.main_dashboard .dashboard_first { margin-bottom: 15px!important; }
	.main_dashboard .dashboard_second { margin-bottom: 15px!important; }
	.main_dashboard .dashboard_second:nth-child(2) { margin-bottom: 0!important; }
	.footer_wrap { display: block; text-align: center; }
	.footer_wrap p { margin-left: 0; margin-top: 30px; width: 100% }
	.footer_btn { text-align: center; margin-top: 30px;}
}
@media screen and (max-width: 575px) {
	.iconbox { top: 0; }
	.right_btn {display: none!important; } 

}</pre></body></html>