/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@font-face {
font-family: 'notokr-regular';
src: url('/common/css/font/notokr-regular.eot');
src: url('/common/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('/common/css/font/notokr-regular.woff') format('woff'),
url('/common/css/font/notokr-regular.ttf') format('truetype'),
url('/common/css/font/notokr-regular.svg#notokr-regular') format('svg');
src: url('/common/css/font/notokr-medium.eot');
font-weight: normal;
font-style: normal;
}

html {scroll-behavior: smooth;}

@charset "utf-8";
/* CSS Document */
/* 공통 */
/* 레이아웃 (Layout) */
::selection {
	background:#3dc6c2; 
	color:#fff;
}

::-moz-selection {
	background:#3dc6c2; 
	color:#fff;
}

::-webkit-selection {
	background:#3dc6c2; 
	color:#fff;
}
.none { display: none; }
.clear { clear: both; }

.mb_least { margin-bottom: 6px; }
.mb_less { margin-bottom: 10px; }
.mb { margin-bottom: 20px; }
.mb_more { margin-bottom: 50px; }
.mb_most { margin-bottom: 80px; }

.mt_least { margin-top: 10px; }
.mt_less { margin-top: 20px; }
.mt { margin-top: 30px; }
.mt_more { margin-top: 60px; }
.mt_most { margin-top: 80px; }

.pd_least { padding: 0px 5px } 
.pd_less  { padding: 5px 10px; }
.pd       { padding: 10px 20px 20px 10px; }
.pd_more  { padding: 20px 40px; }
.pd_most  { padding: 40px 80px; }

.pb_more { padding:0 0 40px 0; }

.pt_less {padding:10px 0 0 0;}
.pt {padding:20px 0 0 0;}
.pt_more {padding:50px 0 0 0;}
.pt_most {padding:70px 0 0 0;}

.pr {padding:0 10px 0 0;}

.ml { padding: 10px 0 0 30px; }
.ml_more { padding: 10px 0 0 20px; }
.ml_most { padding: 10px 0 0 45px; }

.mr {padding: 10px 20px 0 0; }

.f_left { float: left; }
.f_right { float: right; }

.test { border: 1px solid red; }

.ta_left { text-align: left; }
.ta_center {text-align:center;}
.ta_right { text-align: right; }


.h3_st {color:#593d2d;font-size:2.0em;font-weight:300;padding:20px 0 10px 0;line-height:130%;}
.h4_st {color:#000;font-size:1.3em;font-weight:300;padding:10px 0 6px 0;line-height:130%;}
.h5_st {color:#000;font-size:1.3em;font-weight:300;line-height:130%;background:url(/images/sub/arrow_h5.gif)  no-repeat 0% 50%;padding:0 10px 0 10px;}
.dc_yellow {color:#f8981d;}
.dc_orange {color:#f15c23;}
.dc_green {color:#7ac142;}
.dc_brown {color:#a39161;}
.dc_box_orange {background:#f15c23;color:#fdd6a4;padding:2px;}
.dc_box_yellow {background:#f8981d;color:#fff;padding:2px;}
.dc_box_green {background:#7ac142;color:#fdd6a4;padding:2px}
.dc_box_brown {background:#a39161;color:#fff;padding:2px}

.txt_indent {padding:0 0 0 20px;}
.txt_size {font-size:16px;}

/* 바디 */
@font-face{
font-family: "notokr-bold";
src: url('/common/css/font/notokr-bold.eot')format('eot');
src: url('/common/css/font/notokr-bold.woff') format('woff');
}

body { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif,'Noto Sans KR','본고딕', '나눔고딕', 'NanumGothic', 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-
serif;line-height:160%; font-size:1.0em; color:#444444; font-weight:400;
} 



p, ul{
	
	font-size-adjust:0.488;
	font-weight:400;
	font-style:normal;
}

img{
	border: 0;
}

/* 메인상단배너 */
#topBanner {position: absolute;width:100%;text-align:center;background:#3dc6c2;overflow:hidden;margin:0 auto;clear:both;}
#topBannerSec {
	background:#3dc6c2; height: 120px; text-align: center; position: relative; min-width: 1400px;
	margin:0 auto;
}
#topBannerSec ul {
	margin: 0px auto; width: 1400px; overflow: hidden;
}
#topBannerSec ul li {
	margin: 0px; float: left;
}
#topBannerSec ul li img {
	vertical-align: top;text-align: center; 
}
#topBannerSec .closeTopBan {
	left: 50%; top: 10px; margin-left: 460px; position: absolute;
}




.ssSubContent {font-size:1.1em;width:70%;position:relative;}
.ssSection2 {}
.dc_location {float:right;padding:0 0 15px 0;}
.dc_lefttitle {font-weight:bold;font-size:3.8em;line-height:120%;color:#000;margin:0 0 30px 0;text-align:center;padding:10px 0;}
.dc_sub_title {font-weight:bold;font-size:2.3em;line-height:120%;color:#11b5d9;letter-spacing:-0.05em;}
#di_customer {width:250px;margin:70px 0;}
#di_customer .dc_tel {border-radius:10px;border:1px solid #eee;padding:20px 20px;box-shadow:3px 3px 3px #ddd;margin:20px auto;} 
#di_customer .dc_tel .dc_title {color:#000;font-weight:bold;font-size:1.8em;margin:0 0 10px 0;opacity:1;}
#di_customer .dc_tel .dc_phone {color:#11b5d9;font-weight:bold;font-size:2.0em;margin:0 0 10px 0;font-family: 'Arial Black','Arial';line-height:120%;}
#di_customer .dc_tel .dc_time {color:#555;font-size:1.4em;}
#di_customer .dc_account {border-radius:10px;border:1px solid #eee;padding:20px 20px;box-shadow:3px 3px 3px #ddd;margin:10px 0;opacity:1;} 
#di_customer .dc_account .dc_title {color:#000;font-weight:bold;font-size:1.8em;margin:0 0 10px 0;}
#di_customer .dc_account .dc_num {color:#000;font-size:1.6em;margin:0 0 10px 0;opacity:1;font-family: 'Arial Black','Arial';line-height:120%;}
#di_customer .dc_account .dc_text {color:#555;font-size:1.4em;}

#di_customer .dc_server {border-radius:10px;border:1px solid #eee;padding:20px 20px;box-shadow:3px 3px 3px #ddd;margin:20px auto;} 
#di_customer .dc_server .dc_title {color:#000;font-weight:bold;font-size:1.8em;margin:0 0 10px 0;}
#di_customer .dc_server .dc_text {color:#444;font-weight:bold;font-size:1.3em;}
#di_customer .dc_server .dc_num {color:#000;font-size:1.3em;margin:0 0 5px 0;opacity:0.8;font-family: 'Arial Black','Arial'}

#di_leftmenu {width:250px;}
#di_leftmenu li {height:50px; line-height:50px;border-bottom:1px dotted #777;}
#di_leftmenu a {font-size:1.8em;padding:0 0 0 10px;color:#444;}
#di_leftmenu a:hover {background:#fff url(/new/images/bul_title.png) no-repeat 95% 50%;color:#11b5d9;display:block;font-weight:bold;}
#di_leftmenu li.dc_selected a {background:#fff url(/new/images/bul_title.png) no-repeat 95% 50%;color:#11b5d9;display:block;font-weight:bold;}
#header h1, #pixels{
	color: #48941A;
}

#headerWrap {width:100%;overflow:hidden;font-family:"Pretendard Variable", Pretendard,'Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;line-height:160%;}

#nav {
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 999;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}


#nav li a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: white;
	border: solid 2px white;
}

#nav li a.current {
	background-color: orange;
}

/********************** navi**********************/
 body {background:#fff;}
 li { list-style:none; }

.ssContainer { margin:95px 0 0 0; }

#wrap { width:100%; margin:0 auto; }
#n_wrap {position:absolute;top:0; width:100%; margin:0 auto; font-weight: normal;font-family:'Pretendard','Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;line-height:160%;}
#n_wrap h1 {font-size:2.2em;line-height:130%;font-weight:bold;}
#n_wrap h2 {font-size:3.3em;line-height:120%;}
#n_wrap h3 {font-size:1.4em;line-height:130%;font-weight:400;letter-spacing:-0.05em;margin:30px 0;}



.dc_iframe {overflow:hidden;margin:0 auto;width:1400px;}

#n_sub1{background:#e2e1dc url(/new/images/n_back_01.jpg) fixed; background-position: top center; background-repeat: no-repeat; height:950px;}
#n_sub2{background:#a7a9ac url(/new/images/n_back_02.jpg); background-position: top center; background-repeat: no-repeat;  }
#n_sub3{background:#eee url(/new/images/);background-position: bottom center; background-repeat: no-repeat; }
#n_sub4{background:#11b5d9 url(/new/images/n_back_04.png); background-position: 50% 300px; background-repeat: no-repeat; }
#n_sub5{ }
#n_sub6{background:#000 url(/new/images/good_back_02.jpg)fixed; background-position: top center; background-repeat: no-repeat; overflow:hidden;}
#n_sub7{background:#fff url(/new/images/n_back_05.jpg)  fixed; background-position: top center; background-repeat: no-repeat; height:400px;}

#sub1_2 {text-align:center;}
#sub2_2 {text-align:center;}
#sub3_2 {text-align:center;}
#sub4_2 {text-align:center;}
#sub5_2 {text-align:center;}
#sub6_2 {text-align:center;}
 #n_sub1 h1 {color:#666;}
 #n_sub1 h2 {color:#11b5d9;}
 #n_sub1 h3 {color:#000;}

 #n_sub2 h1 {color:#ddd;font-size:3.8em;}
 #n_sub2 h2 {color:#fff;}
 #n_sub2 h3 {color:#000;}
.s2_list {overflow:hidden;margin:10px 0 0 0;}
.s2_list ul {width:100%;}
.s2_list li {float:left;width:30.0%;text-align:center; margin:10px;background:#fff;padding:15px 0;border-radius:20px;box-shadow:#aaa 2px 2px 2px;}
.s2_list .htitle {font-size:1.8em;line-height:120%;text-align:center;color:#11b5d9;}
.s2_list .stitle {font-size:1.4em;text-align:center;padding:5px 0 20px 0;}
.s2_list .img {text-align:center;padding:10px 0;}
.s2_list .img img {width:70px;}
 #n_sub3 h1 {color:#000;}
 #n_sub3 h2 {color:#11b5d9;}
 #n_sub3 h3 {color:#000;}
 .dc_htitle3 {font-size:3em; color:#555;font-weight:bold;line-height:200%;text-align:center;}

 #n_sub4 h1 {color:#fff;}
 #n_sub4 h2 {color:#f8fc6a;}
 #n_sub4 h3 {color:#fff;}

 #n_sub5 h1 {color:#000;}
 #n_sub5 h2 {color:#11b5d9;}
 #n_sub5 h3 {color:#666;}
 #n_sub5 h4 {font-size:5.8em;color:#000;padding:35px 0 10px 0;}

.dc_n_info1 { margin:0 auto; width:1400px; padding:80px 0 0 0; text-align:center; height:815px;}
.dc_n_info2 { margin:0 auto; width:1400px; padding:80px 0 0 0; text-align:center; }
.dc_n_info3 { margin:0 auto; width:1400px; padding:80px 0 0 0; text-align:center; }
.dc_n_info4 { margin:0 auto; width:1400px; padding:80px 0 0px 0; text-align:center;  height:800px; }
.dc_n_info5 { margin:0 auto;  width:1400px; padding:80px 0 140px 0; text-align:left;}

/* 포트폴리오 */
.dc_n_info6 { margin:0 auto; width:90%; padding:100px 0 100px 0; text-align:center; overflow:hidden;}
.htitle6 {text-align:center; font-size:5em;color:#fff;line-height:100%;}

.dc_sub6 {padding:30px 0;}
.dc_sub1 {margin:50px 0 0 0;}
.dc_sub1 li {float:left;width:20%;}
.dc_sub1 p {text-align:center;}
.dc_sub1 .dc_text {font-size:1.25em;font-weight:bold;margin:15px 0 0 0;letter-spacing:-0.05em;}

/* 메인 1섹션 */
.dc_sub1_2 {width:1000px;margin:10px auto;}
.dc_sub1_2 li {float:left;width:20%;}
.dc_sub1_2 p {text-align:center;}
.dc_sub1_2 .dc_text {color:#11b5d9;font-size:1.8em;font-weight:bold;margin:20px auto;letter-spacing:-0.05em;text-align:center;}

.dc_sub2 {margin:65px 0 0 0;}
.dc_sub2 ul {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:100%; border:5px dotted #fff;border-radius:30px;overflow:hidden;padding:30px 10px;}
.dc_sub2 li {float:left;width:25%;text-align:center;}
.dc_sub2 p {text-align:center;}
.dc_sub2 .h3 {font-size:1.5em;font-weight:bold;color:#fff;margin:10px 0 0 0;}
.dc_sub2 .dc_text {font-size:1.25em;font-weight:bold;margin:15px 0 0 0;letter-spacing:-0.05em;}

.dc_sub2_2 {margin:65px 0 0 0;}
.dc_sub2_2 ul {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:100%; border:5px dotted #fff;border-radius:30px;overflow:hidden;padding:30px 10px;}
.dc_sub2_2 li {float:left;width:50%;text-align:center;}
.dc_sub2_2 p {text-align:center;}

.dc_sub3 {margin:60px 0 0 0;}
.dc_sub3 ul {width:100%;height:400px;}
.dc_sub3 li {float:left;padding:0px 10px;width:48%;text-align:center;}
.dc_sub3 p {text-align:center;}
.dc_sub3 .dc_text {}

.dc_sub3_2 {margin:60px 0 0 0;}
.dc_sub3_2 ul {width:100%;height:350px;}
.dc_sub3_2 li {float:left;padding:20px  10px;width:48%;text-align:center;}
.dc_sub3_2 p {text-align:center;}

.dc_sub4 {margin:480px 0 0 0;}
.dc_sub4 ul {width:100%;}
.dc_sub4 li {float:left;padding:0 2px;width:16%;text-align:center; }
.dc_sub4 p {text-align:center;}
.dc_sub4 .h3 {font-size:1.5em;font-weight:bold;color:#fff;margin:10px 0 0 0;}
.dc_sub4 .dc_text {font-size:1.25em;font-weight:bold;margin:15px 0 0 0;letter-spacing:-0.05em;}

#content {
	width:100%;
	margin:35px auto 0;	
	padding:0px 0;
}

#content .menu {
	text-align:center;
	padding:0px;
	width:100%;
}

#content .menu .primary-menu {
	list-style-type:none;
	position:relative;
	
}

#content .menu .primary-menu li {
	display:inline;
	text-align:center;
	width:20%;
	margin:0 28px;
	position:relative;
}

#content .menu .primary-menu li a {
	position:relative;
	text-decoration:none;	
	font-size:25px;
	background:#11b5d9;
	display:inline-block;
	width:140px;
	height:140px;
	padding-top:0px;
	color:#fff;
	border:0px solid #fff;
	opacity: 1;
	
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	-o-border-radius:200px;
	-ms-border-radius:200px;
	-khtml-border-radius:200px;
	border-radius:200px;
	
	-webkit-box-shadow:0 0 1px 1px #afafaf;
	-moz-box-shadow:0 0 1px 1px #afafaf;
	-o-box-shadow: 0 0 1px 1px #afafaf;
	-ms-box-shadow: 0 0 1px 1px #afafaf;
	-khtml-box-shadow:0 0 1px 1px #afafaf;
	/*box-shadow:0 0 1px 1px #afafaf;*/
	
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;
	transition:all 1s;
	
	behavior: url(/common/pie/PIE.htc); /* CSS3 Fix for Internet Explorer */
}

#content .menu .primary-menu li.icon1 a:hover { background:#11b5d9;}
#content .menu .primary-menu li.icon2 a:hover { background:#11b5d9;}
#content .menu .primary-menu li.icon3 a:hover { background:#11b5d9;}
#content .menu .primary-menu li.icon4 a:hover { background:#11b5d9;}
#content .menu .primary-menu li.icon5 a:hover { background:#11b5d9;}

#content .menu .primary-menu li a:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-khtml-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: 1;
	background-color:#018ccd;
	behavior: url(/common/pie/PIE.htc); /* CSS3 Fix for Internet Explorer */
}

#content .menu .primary-menu li span.social-span {	
	font-size:1.1em;
	position:absolute;
	width:140px;
	top:85px;
	left:-4%;
	background:#ffffff;
	padding:4px;
	border:1px solid #B8B8B8;
	opacity:0;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	-ms-transition:opacity 1s ease-in-out;
	-khtml-transition:opacity: 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	
	behavior: url(/common/pie/PIE.htc); /* CSS3 Fix for Internet Explorer */
}

#content .menu .primary-menu li a:hover ~ span.social-span {
	opacity:1;
}

#content .menu .primary-menu li span.social-span:after {
	content:"";
	position:absolute;
	border-color:#fff transparent;
	display:block;
	top:-0px;
	left:45%;
	width:0;
	border-width:0 7px 7px;
	border-style:solid;
}

#content .menu .primary-menu img {margin:30px 0 0 0;}

.dc_over1 {width:140px;height:140px;background:#11b5d9;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;opacity:0.8;text-align:center;}
.dc_over1 img {margin:35px 0 0 0;}

.dc_over2_2 {position:relative;
	text-decoration:none;	
	display:inline-block;	
		
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:140px;height:140px;background:#f36b4e;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;opacity:0.9;text-align:center;}
.dc_over2_2 img {margin:35px 0 0 0;}

.dc_over {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:400px;height:400px;background:#eee url(/new/images/img_20_11.png) no-repeat 50% 135%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_over .dc_title {font-size:2.5em;font-weight:bold;padding:70px 0 0 0;line-height:130%;}
.dc_over .dc_txt {font-size:1.5em;padding:10px 0 0 0;font-weight:bold;line-height:130%;}
.dc_over .dc_info {font-size:1.3em;font-weight:bold;line-height:130%;padding:15px 0 0 0;color:#eee;}
.dc_over:hover {background:#f36b4e url(/new/images/img_20_11.png) no-repeat 50% 140%;color:#ffe21f;}

.dc_over2 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
width:400px;height:400px;background:#eee url(/new/images/img_20_12.png) no-repeat 50% 110%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_over2 .dc_title {font-size:2.5em;font-weight:bold;padding:70px 0 0 0;line-height:130%;}
.dc_over2 .dc_txt {font-size:1.5em;padding:10px 0 0 0;font-weight:bold;line-height:130%;}
.dc_over2 .dc_info {font-size:1.3em;font-weight:bold;line-height:130%;padding:15px 0 0 0;color:#eee;}
.dc_over2:hover {background:#f36b4e url(/new/images/img_20_12.png) no-repeat 50% 120%;color:#ffe21f;}

.dc_over3 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;background:#3dc6c2 url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3 .dc_title {font-size:2em;font-weight:bold;padding:35px 0 0 0;line-height:130%;}
.dc_over3 .dc_txt {font-size:2.8em;padding:10px 0 0 0;color:#fff45c;font-weight:bold;line-height:100%;}

.dc_over3 .dc_info {font-size:1.8em;font-weight:bold;line-height:130%;padding:10px 0 0 0;color:#fff;letter-spacing:-0.05em;}
.dc_over3:hover {background:#a7a9ac  url(/new/images/) no-repeat 50% 95%;color:#ffe21f;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_over3_2 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;background:#5ca6e4 url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3_2 .dc_title {font-size:2em;font-weight:bold;padding:35px 0 0 0;line-height:130%;}
.dc_over3_2 .dc_txt {font-size:1.5em;padding:10px 0 0 0;color:#fff45c;font-weight:bold;}
.dc_over3_2 .dc_info {font-size:1.8em;font-weight:bold;line-height:130%;padding:10px 0 0 0;color:#fff;letter-spacing:-0.05em;}
.dc_over3_2:hover {background:#a7a9ac  url(/new/images/) no-repeat 50% 95%;color:#ffe21f;
transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_over3_3 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;background:#a7a9ac url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3_3 .dc_title {font-size:2.5em;font-weight:bold;padding:35px 0 0 0;line-height:130%;}
.dc_over3_3 .dc_txt {font-size:1.5em;padding:10px 0 0 0;color:#fff45c;font-weight:bold;}
.dc_over3_3 .dc_info {font-size:1.2em;font-weight:bold;line-height:130%;padding:20px 0 0 0;color:#fff;letter-spacing:-0.05em;}
.dc_over3_3:hover {background:#aac63d url(/new/images/) no-repeat 50% 95%;color:#ffe21f;
transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_over3_4 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;border:1px solid #ccc;background:#f7f7f7 url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3_4 .dc_title {font-size:2.3em;font-weight:bold;padding:35px 0 0 0;line-height:130%;color:#3dc6c2;}
.dc_over3_4 .dc_txt {font-size:1.9em;padding:10px 0 0 0;color:#000;font-weight:bold;line-height:100%;}
.dc_over3_4 .dc_info {font-size:1.3em;font-weight:bold;line-height:130%;padding:20px 0 0 0;color:#888;letter-spacing:-0.05em;}
.dc_over3_4:hover {background:#fff url(/new/images/) no-repeat 50% 95%;color:#fff;border:1px solid #3dc6c2;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

	.dc_over3_5 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;border:1px solid #ccc;background:#f7f7f7 url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3_5 .dc_title {font-size:2.2em;font-weight:bold;padding:35px 0 0 0;line-height:130%;color:#3dc6c2;}
.dc_over3_5 .dc_txt {font-size:1.9em;padding:10px 0 0 0;color:#000;font-weight:bold;line-height:100%;}
.dc_over3_5 .dc_info {font-size:1.2em;font-weight:bold;line-height:130%;padding:20px 0 0 0;color:#888;letter-spacing:-0.05em;}
.dc_over3_5:hover {background:#fff url(/new/images/) no-repeat 50% 95%;color:#fff;border:1px solid #3dc6c2;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_over3_6 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	width:310px;height:310px;border:1px solid #ccc;background:#f7f7f7 url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:200px;-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_over3_6 .dc_title {font-size:2.3em;font-weight:bold;padding:35px 0 0 0;line-height:130%;color:#3dc6c2;}
.dc_over3_6 .dc_txt {font-size:1.9em;padding:10px 0 0 0;color:#000;font-weight:bold;line-height:100%;}
.dc_over3_6 .dc_info {font-size:1.3em;font-weight:bold;line-height:130%;padding:20px 0 0 0;color:#888;letter-spacing:-0.05em;}
.dc_over3_6:hover {background:#fff url(/new/images/) no-repeat 50% 95%;color:#fff;border:1px solid #3dc6c2;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_over4 {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); width:140px;height:140px;border:5px dotted #f8fc6a;background:url(/new/images/) no-repeat 50% 95%;margin:0 auto;border-radius:140px;-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
	color:#fff;
	}
.dc_over4 .dc_title {font-size:1.5em;font-weight:bold;padding:50px 0 0 0;line-height:120%;}

.dc_over4:hover {border:5px dotted #fff;background:url(/new/images/) no-repeat 50% 95%;color:#f8fc6a;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_n_tab {position:relative;
	text-decoration:none;	
	display:inline-block;	
	opacity: 1;	
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;	
	behavior: url(/common/pie/PIE.htc); 
	background:#fff; color:#666;padding:10px 30px;border-radius:15px 15px 0 0;font-size:1.8em;z-index:999999;}
#nav {padding:210px 0 0 0;}
#nav li a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: white;
	border: solid 1px #ccc;
}
#nav li a:hover {background-color: orange;}
#nav li a.current {
	background-color: orange;
}

/* 풋터 */

#di_n_foot  {width:100%; background:#fff;border-top:1px solid #11b5d9;font-size:1.1em;}

#di_n_footer {padding:20px 0; width:90%; margin:0 auto;font-family: 'GongGothicMedium','Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;line-height:160%;}
#di_n_footer .dc_fmenu {float:left;color:#555;font-size:1.2em; }
#di_n_footer .dc_fmenu a {color:#555;font-weight:bold;}
#di_n_footer .dc_fmenu li {float:left;padding:0 15px 0 0;}
#di_n_footer .dc_fmenu span {padding:0 2px 0 0;}
#di_n_footer .dc_fmenu .dc_txt {color:#555;}
#di_n_footer .dc_family {float:right;color:#ccc;}
#di_n_footer .dc_family li {float:left;padding:0 0 0 10px;}
#di_n_footer .dc_family select {width:150px;border:none;background:#383838;color:#888;}
#di_n_footer .dc_copy {clear:both;color:#555;padding:10px 0 0 0;font-family: 'GongGothicMedium','Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;}
#di_n_footer .dc_copyright {padding:5px 0 0 0;}
#di_n_footer .dc_copyright a {color:#555;}
#di_n_footer .dc_span {padding:0 6px;color:#ccc;}

#di_top {clear:both;}
/* 헤더 */
#n_navigation{
	 position:absolute;
	top:0px;
	left:0px;
	height:110px;
	width:100%; 

	text-align:center;	
    clear:both;  
    opacity:1;
	z-index:9999999;
	border-bottom:0px solid #555;
	font-family: 'Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;line-height:160%;
   }

   #n_navigation::before {opacity: 0.5;}
#di_topmenu {margin:0 auto;width:90%;}
#di_topmenu .navi { float:right;margin:0px auto; padding:25px 0 0px 0;}	
#di_topmenu .navi li {float:left;text-align:center;padding:0 50px;}
#di_topmenu .navi li a {color:#222;font-size:1.8em;font-weight:bold;}
#di_topmenu .navi li a:hover {color:#11b5d9;}
/* 헤더 */
#navigation{
	position:fixed; 
	top:0px;
	left:0px;
	height:100px;
	width:100%; 
	 
	text-align:center;
	font-size:14px;
    clear:both;
    box-shadow: -5px 5px 5px #ccc;
	overflow:hidden;
	z-index:999999;
   }
#navigation ul.navi {float:left; list-style:none; margin-top:0px; padding:40px 0 20px 0;width:700px;text-align:center;}		   		
#navigation li {display:inline; font-size:1.2em;font-family:dinbol;}
#navigation li a { text-decoration:none; color:#ffffff;}
#navigation li a:hover {color:#fff100;}
#navigation li.dc_left {padding-right:20px;}

#di_n_top_set {float:right; }
#di_n_top_set .top_set {margin:0;padding:10px 30px 10px 0;}
#di_n_top_set .top_set li {float:left;padding:0 10px 0 0;}
#di_n_top_set .top_set a {font-size:1.2em;color:#444;background:#eee;padding:2px 15px;border-radius:30px;}



#di_box {margin:0 auto;width:1400px;}

#di_n_logo {float:left;margin:5px 20px 0 0;}
#di_n_logo img {width:170px;}

#di_subpage {margin:0 auto;width:1400px;padding:30px 0 0 0;}
.ssSubContainer { overflow:hidden; position:relative; width:1400px; margin:150px auto 50px; font-family:  'GongGothicMedium','Noto Sans KR','본고딕',나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움,  Dotum,  sans-serif;line-height:160%;}


/* 포트폴리오 */
#di_portfolio h3 {margin:15px 0 0 0;overflow:hidden;text-align:center;font-size:2em;line-height:100%; color:#666;}
#di_portfolio {clear:both;width:100%;}
#di_portfolio .dc_site {padding:0 0 0px 0;overflow:hidden;}
#di_portfolio .dc_site li {float:left;border:1px solid #e4e4e4;background:#fff;padding:10px;text-align:center;margin:10px 15px 15px 0px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;}
#di_portfolio .dc_site img {border:1px solid #fff;width:210px;height:145px;}
#di_portfolio .dc_site img:hover {border:1px dotted #11b5d9;}
#di_portfolio .dc_site strong {font-weight:bold;}
#di_portfolio .dc_site dt {text-align:center;}
#di_portfolio .dc_site dd {height:45px; background:#fff; line-height:150%;padding:10px;margin:0px 1px 1px 1px;width:190px;font-size:0.9em;}
#di_portfolio .dc_site .dc_subject {border-bottom:1px dotted #666;color:#555;line-height:120%;text-align:center;font-weight:bold;padding:0 0 5px 0;margin:0 0 5px 0;font-size:1.15em;}

#di_portfolio .dc_mobile {padding:0 0 0px 0;overflow:hidden;}
#di_portfolio .dc_mobile li {float:left;border:1px solid #e4e4e4;background:#fff;padding:10px;text-align:center;margin:10px 15px 15px 0px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
#di_portfolio .dc_mobile img {border:1px solid #fff;}
#di_portfolio .dc_mobile img:hover {border:1px dotted #11b5d9;}
#di_portfolio .dc_mobile strong {font-weight:bold;}
#di_portfolio .dc_mobile dt {text-align:center;}
#di_portfolio .dc_mobile dd {height:45px; background:#fff;line-height:150%;padding:10px;margin:0px 1px 1px 1px;width:130px;font-size:0.9em;}
#di_portfolio .dc_mobile .dc_subject {border-bottom:1px dotted #666;color:#555;line-height:120%;text-align:center;font-weight:bold;padding:0 0 5px 0;margin:0 0 5px 0;font-size:1.15em;}


#di_portfolio .dc_program  {padding:0 0 0px 0;overflow:hidden;}
#di_portfolio .dc_program li {float:left;border:1px solid #e4e4e4;background:#fff;padding:10px;text-align:center;margin:10px 15px 15px 0px;
	box-shadow: 0 0px 0px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;}
#di_portfolio .dc_program img {border:1px solid #fff;width:210px;height:60px;}
#di_portfolio .dc_program img:hover {border:1px dotted #11b5d9;}
#di_portfolio .dc_program strong {font-weight:bold;color:#333;}
#di_portfolio .dc_program dt {text-align:center;}
#di_portfolio .dc_program dd {height:130px; background:#fff; color:#666;line-height:150%;padding:10px;margin:0px 1px 1px 1px;width:190px;font-size:0.9em;}
#di_portfolio .dc_program dd.dc_php {height:14px;color:#11b5d9;font-size:1.05em;}
#di_portfolio .dc_program dd.dc_php strong {color:#11b5d9;font-weight:bold;}
#di_portfolio .dc_program .dc_title {width:100%;height:20px;border-bottom:1px dotted #666;color:#555;line-height:120%;text-align:center;font-weight:bold;padding:5px 0px;margin:0 0 5px 0;font-size:1.15em;}

#di_portfolio .dc_program .dc_subject {width:100%;background:#11b5d9; color:#fff;line-height:150%;padding:5px 0;text-align:center;border-radius:15px;margin:0 0px 10px 0;font-size:1.1em;}

/* 탭스타일 */
.dc_tabs { padding: 10px 0 5px 0; width: 98%; text-align: left;  border-bottom:1px solid #ccc; overflow:hidden;margin:0 0 10px 0;}
.dc_tabs a { padding: 6px 40px; margin: 0%; width: 100%; height: 40px; background-color: #f7f7f7; font-size: 1.1em; color: #444;border:1px solid #666;border-radius:8px 8px 0 0;background: #fff;}
.dc_tabs a:hover { text-decoration: none; background-color: #979797; color: #fff; border:1px solid #eee; }
.dc_tabs a.tabs2 { text-decoration: none; background-color: #979797; color: #fff; border:1px solid #eee; }
.dc_tabs .selected a { padding: 6px 40px; margin: 0%; width: 100% ; height: 40px; background-color: #595959; font-size: 1.1em; color: #fff;}


#k_main {display:block;}
#k_main .bannerHolder li {float:left;width:20%;margin:15px 0;display:inline-block;text-align:center;}
#k_main .bannerHolder li img {width:100%;border:1px solid #000;text-align:center;}
#k_main .bannerHolder li img:hover {border:1px solid #b80007;}
#k_main .companyInfo {font-size:1.4em;text-align:center;font-weight:bold;padding:5px 0;color:#ccc;}

#k_main .companyInfo span {font-weight:400; color:#888;}
.txt_more {font-size:1.6em;}

.dc_app {overflow:hidden;}
.dc_app li {float:left;width:20%;text-align:center;}
/*.dc_app li {float:left;width:16.4%;text-align:center;}*/
.dc_app img {width:90%;}
.dc_app .pic {text-align:center;margin:0 0 5px 0;}
.dc_app .title {text-align:center;font-size:1.2em;font-weight:bold;line-height:170%;}
.dc_app .text {text-align:center;font-size:1.1em;margin:0 0 15px 0;}

a.btn_style  {background:#1b4c89;color:#fff;font-size:1.6em; text-align:center;display:block;margin:50px auto 20px;width:400px;height:50px;line-height:50px;}
a.btn_style:hover  {background:#1e6fd4;color:#fff;font-size:1.6em; text-align:center;display:block;margin:50px auto 20px;width:400px;height:50px;line-height:50px;}


.tb_style {width:100%;margin:10px auto;font-size:1.2em;}
.tb_style tr th {background:#00d255;color:#fff;font-weight:bold;text-align:center;padding:10px 5px;font-size:1.1em;border:1px solid #ddd;}
.tb_style tr td {text-align:center;padding:10px 5px;background:#fff;border:1px solid #ddd;}
.tb_style .tb_bold {background:#fff;text-align:center;}
.tb_style .bg {background:#fff;}
.tb_style .price {font-size:1.1em;color:#ed2024;font-weight:bold;}
.tip {font-weight:bold;font-size:1.2em;}
.tip_box {width:96%; padding:20px;background:#888;font-size:1.2em;color:#fff;margin:20px auto;}
.htitle {font-weight:bold; color:#00d255;font-size:1.2em;}
.tip_box .htitle {font-weight:bold; color:#f8fc6a;font-size:1.2em;}



.tb_style_alt {width:80%;margin:50px auto 10px;font-size:1.3em;}
.tb_style_alt tr th {background:#777;color:#fff;font-weight:bold;text-align:center;padding:10px 5px;font-size:1.1em;border:1px solid #ccc;}
.tb_style_alt tr td {text-align:center;padding:10px 5px;background:#fff;border:1px solid #ddd;line-height:150%;}
.tb_style_alt .tb_bold {background:#f36b4e;text-align:center;color:#fff;}
.tb_style_alt .bg {background:#fff;}
.tb_style_alt .bg2 {background:#f9926e}
.tb_style_alt .price {font-size:1.1em;color:#f9926e;background:#000;font-weight:bold;}
.tb_style_alt .line {border-bottom:2px solid #000;}
.dc_name {width:600px;overflow:hidden;clear:both;color:#000;margin:8px 0 0 0;float:left;}

/*----------new----------*/
.main_htitle {text-align:center;font-size:5.0em;color:#11b5d9;font-weight:bold;line-height:120%;}
.main_stitle {text-align:center;font-size:5.0em;color:#fff;font-weight:bold;line-height:170%;text-shadow:1px 1px 1px #888;}

.cu_title_01 {text-align:left;font-size:2.8em;color:#fff;font-weight:bold;line-height:120%;}
.cu_title_02 {text-align:left;font-size:2.0em;color:#38b0d1;font-weight:bold;line-height:150%;}
.cu_title_03 {text-align:left;font-size:6.0em;color:#11b5d9;font-weight:bold;line-height:150%;}
.cu_title_04 {text-align:left;font-size:2.0em;color:#11b5d9;;line-height:120%;}
.cu_title_05 {text-align:left;font-size:2.0em;color:#fff;line-height:150%;margin:60px 0 0 0;}
.cu_title_06 {text-align:left;font-size:2.0em;color:#555;line-height:120%;}

.num_counter {padding:0 10px;font-size: 6rem;font-weight:600;color: #100f4f;text-align: center;margin:0px auto 0;letter-spacing:-0.05em;}

/* 리뉴얼 2025 */



.good_main {width:100%;min-height:900px;overflow:hidden;margin:0 auto;background:url(/new/images/good_back_01.jpg) no-repeat 0 center;background-size:cover;}
.good_main .htitle {font-size:7em;font-weight:bold;line-height:120%;color:#fff;text-align:center;margin-top:60%;}
.good_main .stitle {font-size:10em;font-weight:bold;line-height:150%;color:#11b5d9;text-align:center;}

.good_link {margin:80px 0 0 0;}
.good_link .title {font-weight:bold;}

.good_info {width:100%;padding:50px;margin:0 auto;}
.good_htitle {font-size:6.5em;font-weight:bold;line-height:150%;color:#000;}
.good_stitle {font-size:5em;font-weight:bold;line-height:150%;color:#11b5d9;}
.good_title {font-size:3.5em;font-weight:bold;line-height:150%;color:#000;}
.good_txt {font-size:2.5em;line-height:150%;color:#555;}
.g_tit {color:#000;}
.good_left {width:50%;float:left;}
.good_right {width:50%;float:right;}

.good_dl {overflow:hidden;}
.good_dl dd {width:50%;float:left;}
.good_pic {margin:80px 0 0 0;text-align:right;}
.good_pic img {width:95%;border-radius:30px;}

.good_icon1 {background:#f5f5f5 url(/new/images/good_icon_01.png) no-repeat 90% 90%;background-size:200px;}
.good_icon2 {background:#f5f5f5 url(/new/images/good_icon_02.png) no-repeat 90% 90%;background-size:200px;}

#new_sub2 {width:90%;margin:0 auto;overflow:hidden;}
#new_sub3 {width:90%;margin:0 auto;overflow:hidden;}
#new_sub4 {width:90%;margin:0 auto;overflow:hidden;}
#new_sub5 {width:90%;margin:0 auto;overflow:hidden;}
#n_sub6 .good_htitle {color:#fff;}

.card_list {width:100%;margin:0 auto;overflow:hidden}
.card_list ul {overflow:hidden}
.card_list li {width:50%;float:left;}

.card_body {display: -moz-inline-box;
 -moz-box-orient: vertical; 
 display: inline-block;
 vertical-align: top;unicode-bidi: isolate; border-radius: 20px;padding: 4.2rem 4.5rem;width:40%;min-height: 380px;overflow:hidden;margin:20px 10px}
.card_body .title {font-size:3.5em;font-weight:bold;line-height:150%;color:#000;}
.card_body .price {font-size:4.5em;line-height:100%;}
.card_body .price strong {color:#11b5d9;}
.card_body .price span {font-size:0.4em;color:#11b5d9;}
.card_body .info_list  {font-size:2.0em;line-height:150%;color:#000;margin-top:30px;}
.card_body .info_list li {background:url(/new/images/list_dot.png) no-repeat 0 center;background-size:12px;padding:0 0 0 20px;}


.card_body1 { background: #fff;padding: 1.2rem 2.5rem 8rem 2.5rem;width:90%;overflow:hidden;margin:0px auto;}
.card_body1 .title {font-size:6.5em;font-weight:bold;line-height:150%;color:#000;text-align:left;}
.card_body1 .stitle {font-size:2.5em;line-height:150%;color:#555;text-align:left;margin:0 0 30px 0;}
.card_body1 .email {}
.card_body1 .email a {font-size:2.5em;font-weight:bold;line-height:150%;color:#000;margin-top:30px;}
.card_body1 .tel {}
.card_body1 .tel a {font-size:5em;font-weight:bold;color:#11b5d9;line-height:100%;}
.card_body1 .txt {font-size:1.4em;color:#555;line-height:150%;}
.card_body1 .bank  {font-size:2.0em;line-height:150%;color:#000;font-weight:bold;line-height:150%;margin-top:30px;}
.good_customer {width:100%;margin:50px auto 20px;}
.good_customer ul {width:80%;}
.good_customer li {float:left;width:50%;text-align:left;}

.card_body2 { display: -moz-inline-box;
 -moz-box-orient: vertical; 
 display: inline-block;
 vertical-align: top;unicode-bidi: isolate;background: #F5F5F5; border-radius: 20px;padding: 4.2rem 4.5rem;width:40%;min-height: 580px;overflow:hidden;margin:20px 10px;}
.card_body2 .title {font-size:3.5em;font-weight:bold;line-height:150%;color:#000;}
.card_body2 .price {font-size:4.5em;line-height:100%;}
.card_body2 .price strong {color:#11b5d9;}
.card_body2 .price span {font-size:0.4em;color:#11b5d9;}
.card_body2 .info_list  {font-size:2.0em;line-height:150%;color:#000;margin-top:20px;}
.card_body2 .info_list li {background:url(/new/images/list_dot.png) no-repeat 0 center;background-size:12px;padding:0 0 0 20px;overflow:hidden}
.card_body2 .info_list span {font-weight:bold;color:#11b5d9;width:130px;float:left;}


.card_body3 {background: #fff;border-radius: 20px;padding: 4.2rem 4.5rem;max-width:40%;overflow:hidden;margin:20px 10px;border:1px solid #11b5d9;}
.card_body3 .title {font-size:3.0em;font-weight:bold;line-height:150%;color:#000;}
.card_body3 .info_list  {font-size:2.0em;line-height:150%;color:#000;margin-top:30px;}
.card_body3 .info_list li {background:url(/new/images/list_dot.png) no-repeat 0 center;background-size:12px;padding:0 0 0 20px;}

.good_table {width:100%;font-size:0.9em;}
.good_table .tb_bold {width:150px;font-weight:bold;color:#11b5d9;text-align:left;}
.good_table td {text-align:left;vertical-align:top;padding:10px;line-height:120%;}

.card_app {width:80%;margin:0 auto;overflow:hidden;}
.card_app div {width:20%;display: block;float:left;text-align:center;}
.card_app img {width:70%;}
.card_app .pic {text-align:center;margin:0 0 5px 0;}
.card_app .title {text-align:center;font-size:1.5em;font-weight:bold;line-height:170%;}
.card_app .text {text-align:center;font-size:1.8em;margin:0 0 30px 0;color:#888;}

.history-list,.history-list dl,.history-list dd{position: relative;}
.history-list::before{content: "";position: absolute; width: 1px;left:5px;height: 100%;background: #000;top:1rem;} 
.history-list dl::before{content: ""; position: absolute;top:3.8rem;background-color: #000; width: 10px;height: 10px;border:2px solid #000;border-radius: 50%;}
.history-list dt{margin-bottom:20px;font-weight:bold;font-size:2.5em; color:#000;line-height:120%;}
.history-list dt b{font-size:1.777rem;font-weight: bold;} 
.history-list dd {color: #666; font-size:2em;line-height:120%;}
.history-list dd span{font-weight:bold; color:#222; margin-right:20px;}
.history-list dd+dd{margin-top:10px;}
.history-list dd::before{content: '-';position: absolute; color: #B0B2C1;margin-left: -1rem;}
.history-list li+li{margin-top: 3.33rem;}
.history-list li { list-style: none;}
.history-list {width:100%;padding-left:40px;}
.history-list ul{margin-bottom:20px;}
.history-list ul:last-child{margin-bottom:40px;}
.history-list ul:not(:first-child){padding-top:10px;}
.history-list dl::before{ left: -41px;}
.history-list dl {padding-top:2.8rem;}

.dc_counter {width:60%;margin:50px auto 0;}
.dc_counter .htitle {color:#000;font-size:3em;line-height:150%;text-align:center;margin:0 0 15px 0;}
.dc_counter ul {overflow:hidden;}
.dc_counter li {float:left;width:33.3333%;text-align:center;}
.num_counter {color:#000;font-size:3.0em;line-height:100%;text-align:center;}
.dc_counter .num {color:#000;font-size:3.0em;line-height:100%;text-align:center;}
.count {text-align:center;}

/* 모바일 */
 @media (max-width:1200px) {
.good_main .htitle {font-size:5em;margin-top:250px;}
.good_main .stitle {font-size:6em;}

#CrossFade .intro .htitle {font-size:5em;margin-top:250px;}
#CrossFade .intro .stitle {font-size:6em;}

.good_info {padding:20px;}
.good_left {width:100%}
.good_right {width:100%;}

.card_body {width:36%;max-height: 50%;}
.card_body2 {width:36%;height: 80%;margin:20px 10px;}

.card_app {width:100%;}
.card_app div {width:25%;display: block;float:left;text-align:center;}
.card_app img {width:70%;}
.card_app .title {font-size:1.3em;line-height:120%;}
.card_app .text {font-size:1.2em;margin:0 0 20px 0;}
.good_customer li {width:100%;clear:both}

#k_main .bannerHolder li {float:left;width:20%;margin:15px;display:inline-block;text-align:center;}
#k_main .bannerHolder li img {width:100%;}
#k_main .companyInfo {font-size:1.3em;}

.dc_counter {width:90%;margin:50px auto 0;}
.dc_counter .htitle {font-size:3em;}
.num_counter {font-size:3.0em;line-height:100%;text-align:center;}

#di_topmenu {margin:0 auto;width:100%;overflow:hidden}
#di_topmenu .navi {margin:0px auto; padding:25px 0 0px 0;}	
#di_topmenu .navi li {float:left;text-align:center;padding:0 15px;}
#di_topmenu .navi li a {font-size:1.5em;font-weight:bold;}
#n_navigation {}
   }
   @media (max-width:600px) {

#di_topmenu {margin:0 auto;width:100%;overflow:hidden}
#di_topmenu .navi {width:100%;display:block;margin:0px auto; padding:20px 0 20px 0;}	
#di_topmenu .navi li {float:left;text-align:center;padding:0 15px;}
#di_topmenu .navi li a {font-size:1.3em;font-weight:bold;}
#n_navigation {}

.good_link {display:none;}
.good_main .htitle {font-size:3em;margin-top:250px;}
.good_main .stitle {font-size:2.5em;}

#CrossFade .intro .htitle {font-size:3em;margin-top:250px;}
#CrossFade .intro .stitle {font-size:2.5em;}

.good_info {padding:10px;}
.good_htitle {font-size:3.5em;line-height:110%;}
.good_stitle {font-size:2em;}
.good_title {font-size:1.5em;}
.good_txt {font-size:1.2em;;}



.good_left {width:100%}
.good_right {width:100%;}

.good_pic {width:95%;margin:20px auto;text-align:center;}
.good_pic img {width:100%;border-radius:30px;}

.history-list dt{font-size:1.5em;margin-bottom:10px;}
.history-list dd {font-size:1em;}
.history-list ul{margin-bottom:10px;}
.history-list ul:last-child{margin-bottom:20px;}
.history-list dl::before{top:1.0rem;}
.history-list dl {padding-top:1.0rem;}

.card_app {width:100%;}
.card_app div {width:25%;display: block;float:left;text-align:center;}
.card_app img {width:70%;}

.card_app .title {font-size:1.0em;line-height:120%;}
.card_app .text {font-size:1.0em;margin:0 0 20px 0;}

.card_body {padding: 20px;width:85%;max-height: 30%;}
.card_body .title {font-size:1.5em;}
.card_body .price {font-size:2.5em;}
.card_body .info_list  {font-size:1.2em;}

.good_icon1 {background-size:100px;}
.good_icon2 {background-size:100px;}

.card_body1 {padding:0px 0 20px 0;width:85%;max-height: 50%;}
.card_body1 .title {font-size:2.5em;}
.card_body1 .stitle {font-size:1.5em;}
.card_body1 .email a{font-size:1.8em;}
.card_body1 .tel a {font-size:3em;}
.card_body1 .txt {font-size:1.1em;}
.card_body1 .bank  {font-size:1.5em;}
.good_customer li {width:100%;clear:both}

.card_body2 {padding: 20px;width:85%;max-height: 40%;}
.card_body2 .title {font-size:1.5em;}
.card_body2 .price {font-size:2.5em;}
.card_body2 .info_list  {font-size:1.2em;}


.card_body3 {max-width:90%;padding: 2.2rem 2.5rem;}
.card_body3 .title {font-size:2.0em;}
.card_body3 .info_list  {font-size:1.3em;line-height:150%;color:#000;margin-top:30px;}

.good_table .tb_bold {width:20%;}

#new_sub2 {width:100%;}
#new_sub3 {width:100%;}
#new_sub4 {width:100%;}
#new_sub5 {width:100%;}

#k_main .bannerHolder li {float:left;width:18%;margin:15px;display:inline-block;text-align:center;}
#k_main .bannerHolder li img {width:100%;}
#k_main .companyInfo {font-size:1.0em;}

.dc_counter {width:95%;margin:30px auto 0;}
.dc_counter .htitle {font-size:1.8em;}
.num_counter {font-size:1.8em;}  
.dc_counter .num {font-size:1.8em;}
   }

/* animation */



@keyframes scaleA{
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleB{
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
  0%{transform:translateY(5px);}

50%{transform:translateY(-2px);}

100%{transform:translateY(5px);}

}

@keyframes rotate_r{
	0% {
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
	50% {
		-webkit-transform: rotate(1deg);
		-o-transform: rotate(1deg);
		transform: rotate(1deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);
		-o-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
}

.scaleA{
	-webkit-animation:scaleA 1.2s ease infinite;
	-moz-animation:scaleA 1.2s ease infinite;
	-ms-animation:scaleA 1.2s ease infinite;
	-o-animation:scaleA 1.2s ease infinite;
	animation:scaleA 1.2s ease infinite;
}

.scaleB{
	-webkit-animation:scaleB 1s ease infinite;
	-moz-animation:scaleB 1s ease infinite;
	-ms-animation:scaleB 1s ease infinite;
	-o-animation:scaleB 1s ease infinite;
	animation:scaleB 1s ease infinite;
}
  .img_r {animation: rotate_image 8s linear infinite;transform-origin: 50% 50%;}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
 #m_slider_k .image-box {
   width:200%; // 원본+클론의 총 합
   height:100%;
   display:flex;
   flex-wrap:nowrap;
   animation: bannermove 8s linear infinite;
}
   #slider_k {
   overflow:hidden;
   position:relative;
   border:0;
   width:100%;  
   height:100%;
}
.image-box {
   width:5280px; // 원본+클론의 총 합
   height:100%;
   display:flex;
   flex-wrap:nowrap;
   animation: bannermove 25s linear infinite;
}
  @keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}
   .blinking{
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}


.fadeup1 { position: relative; animation: fade_up 1s; }
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
.fadeup2 { position: relative; animation: fade_up 1.5s; }
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}
.fadeup3 { position: relative; animation: fade_up 2s; }
@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}

.fadedown1 { position: relative; animation: fade_down 1s; }
@keyframes fade_down {
	0% { opacity: 0; transform: translateY(-100%); }
	to { opacity: 1; transform: translateY(0); }
}
.fadedown2 { position: relative; animation: fade_down 1.5s; }
@keyframes fade_down {
	0% { opacity: 0; transform: translateY(-100%); }
	to { opacity: 1; transform: translateY(0); }
}

.fadeleft1 { position: relative; animation: fade_left 1.5s; }
@keyframes fade_left {
	0% { opacity: 0; transform: translateX(100%); }
	to { opacity: 1; transform: translateX(0); }
}

.fadeleft2 { position: relative; animation: fade_left 2.0s; }
@keyframes fade_left {
	0% { opacity: 0; transform: translateX(100%); }
	to { opacity: 1; transform: translateX(0); }
}

.fadeleft3 { position: relative; animation: fade_left 2.5s; }
@keyframes fade_left {
	0% { opacity: 0; transform: translateX(100%); }
	to { opacity: 1; transform: translateX(0); }
}

.faderight1 { position: relative; animation: fade_right 1.5s; }
@keyframes fade_right {
	0% { opacity: 0; transform: translateX(0); }
	to { opacity: 1; transform: translateX(100%); }
}
.faderight2 { position: relative; animation: fade_right 2.0s; }
@keyframes fade_right {
	0% { opacity: 0; transform: translateX(0); }
	to { opacity: 1; transform: translateX(100%); }
}

.faderight3 { position: relative; animation: fade_right 2.5s; }
@keyframes fade_right {
	0% { opacity: 0; transform: translateX(0); }
	to { opacity: 1; transform: translateX(100%); }


}
/* 메인비주얼 애니메이션 */

.intro {
  position: relative;
  margin: 2em;
  padding: 0.2em 0.6em;
  cursor: pointer;
  color: #fff; 
  max-width: 100%;
  width:100%;
 
}

.t_line {color: transparent;-webkit-text-stroke: 2px #11b5d9;}
#CrossFade .htitle {font-size:7.0em;font-weight:bold;line-height:120%;color:#fff;text-align:center;margin-top:300px;}
#CrossFade .stitle {font-size:10em;font-weight:bold;line-height:150%;color:#11b5d9;text-align:center;}

#CrossFade {
  background:#111;
  display: flex;
  align-items: flex-top;
  height: 100vh;
  overflow: hidden;
  position: relative;
  margin:0 auto;
  text-align:center;

 
}
#CrossFade img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  background: #000;
  backface-visibility: hidden;
  opacity: 0;
  transform: scale(1.4);
  animation: CrossFade 24s infinite;
  
}
#CrossFade img:nth-child(3) {
  animation-delay: 6s;
}
#CrossFade img:nth-child(2) {
  animation-delay: 12s;
}
#CrossFade img:nth-child(1) {
  animation-delay: 18s;
}

@-webkit-keyframes CrossFade {
  25% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}
@keyframes CrossFade {
  25% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}