@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;/* background:#e6e6e6; */height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.clear:after{content:""; clear:both; display:block;}


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.fp-sr-only {display:none;}
#hd_login_msg {display:none;}
#quickmenu_receipt {display:none;}
#quickmenu_top {display:none;}
/* #top_btn {z-index:45;}  */
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:45;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

#cp_hd { position:fixed; width:100%; z-index:50; top:0; background:rgba(0,0,0,.5);}
	#cp_hd ul {padding:16px 9px;}
	.to_menu {width:100%; /* padding:20px; */ border-bottom:1px solid rgba(255,255,255,.4);}
		.to_menu ul{width:100% !important; margin:0 !important;}
		.to_menu ul li {float:left; padding-top:8px;}
		.to_menu ul li img {width:auto;}
		.to_menu ul li a {}
		.to_menu ul li .change_cplogo {display:none;}
		
		.to_menu ul div {display:block; float:right !important; padding:0; box-sizing:border-box; position:relative; width:50px !important; height:50px; cursor:pointer;}
		#cp_hd.change .to_menu ul div:before {content:'';position:absolute; width:30px; top:30px; left:10px; border-bottom:3px solid #fff; z-index:10; border-radius:0 0 3px 3px;}
		#cp_hd.change .to_menu ul div:after {content:'';position:absolute; width:30px; height:13px; top:10px; left:10px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:10; border-radius:3px 3px 0 0;}
		.to_menu ul div:before {content:'';position:absolute; width:30px; top:30px; left:10px; border-bottom:3px solid #fff; z-index:10; border-radius:0 0 3px 3px;}
		.to_menu ul div:after {content:'';position:absolute; width:30px; height:13px; top:10px; left:10px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:10; border-radius:3px 3px 0 0;}
		#cp_hd.change .to_menu.on ul div:before {display:none;}
		#cp_hd.change .to_menu.on ul div:after {display:none;}
		.to_menu ul div li{display:none;}
		.to_menu ul div li:before {content:'';}

		.to_menu.on{display:block; position:fixed; width:100%; height:100%; top:0; left:0;text-align:center; z-index:1000; background:rgba(255,255,255,1); padding:0 !important;}
		.to_menu.on .change {display:none;}
		.to_menu.on:after{position:absolute; border:none; width:30px; height:30px;top:0px; right:5px; color:#333; z-index:40; content:"x";  font-size:30px; }
		.to_menu.on a {font-size:16px; display:block; border-bottom:1px solid #e5e5e5; padding:20px 0;}
		.to_menu.on li {width:100%; text-align:center; margin:0 auto; float:none !important;}
		.to_menu.on li .change_cplogo {display:block !important; position:absolute; text-align:center; width:100%; z-index:102; top:50px; left:50%; transform:translate(-50%,-50%); border-bottom:none; margin:0 auto; padding:10px 0; }
		.to_menu.on li .cplogo {display:none !important}
		.to_menu.on .cp_menu {display:block; position:fixed; width:100% !important; height:100%; top:0; left:0; text-align:center; z-index:100;/*  background:rgba(255,255,255,1); */ padding-top:70px; float:none !important;}
		.to_menu.on .cp_menu li {display:block !important; background:#fff; padding:10px 0;}
		.to_menu.on .cp_menu li p {display:block !important; text-align:center; margin:0 auto; }
		.to_menu.on .cp_menu li p a {line-height:30px; height:30px; padding:0 30px; font-size:14px; color:#444; display:block; border-bottom:none;}
		.to_menu.on .cp_menu li span {width:90%; border:1px solid #eee; z-index:0; background:#f9f9f9; border-radius:5px; margin:auto; display:block; padding:5px;}
		.to_menu.on .cp_menu li span a {display:inline-block; font-size:12px; text-align:center; color:#666; padding:5px 0; border-bottom:none;}
		.to_menu.on .cp_menu li span a:after {content:'I'; margin:0 5px; display:inline-block;}
		.to_menu.on .cp_menu li span a:last-child:after {display:none;}
		.to_menu.on .cp_menu li span a br {display:none;}
		.to_menu.on .cp_menu .cp_blue {display:block; width:60%; margin:0 auto; display:block !important; height:auto;background:#0063f7; border-radius:5px; }
 		.to_menu.on .cp_menu .cp_blue p {}
 		.to_menu.on .cp_menu .cp_blue p a {font-size:12px; padding:0 10px; color:#fff;}
		#cp_hd.change ul .cp_blue p {background:#0063f7; border-radius:5px;}


/*  #cp_hd {position:fixed; width:100%; z-index:50; top:0; }
 	#cp_hd.change{height:80px; padding-top:0 !important; position:fixed; z-index:101; background:#fff; border-bottom:1px solid #ccc;}
 	#cp_hd ul li .cplogo {display:block}
 	#cp_hd ul li .change_cplogo {display:none}
 	#cp_hd.change ul li .cplogo {display:none}
 	#cp_hd.change ul li .change_cplogo {display:block}
 	#cp_hd.change ul .cp_menu p a {color:#000;}
 	#cp_hd.change ul .cp_blue p {background:#818181;}
 	#cp_hd .to_menu {border-bottom:1px solid rgba(255,255,255,.4);}
 	#cp_hd ul {width:100%; margin:0 auto; height:80px; padding:16px 0;}
 	#cp_hd ul li {float:left;}
 	#cp_hd li:nth-child(1):after{display:block; position:absolute; width:30px; height:13px;top:30px; right:10px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:10; content:""; border-radius:3px 3px 0 0; }
 	#cp_hd li:nth-child(1):before{display:block; position:absolute;width:30px;top:50px;right:10px;border-bottom:3px solid #fff;z-index:10;content:"";border-radius:0 0 3px 3px;}	
 	#cp_hd.on li:nth-child(1){position:absolute; width:100%; text-align:center; z-index:101; }
 	#cp_hd.change li:nth-child(1):after{display:block; position:absolute; width:30px; height:13px;top:30px; right:10px; border-top:3px solid #333; border-bottom:3px solid #333; z-index:10; content:""; border-radius:3px 3px 0 0; }
 	#cp_hd.change li:nth-child(1):before{display:block; position:absolute;width:30px;top:50px;right:10px;border-bottom:3px solid #333;z-index:10;content:"";border-radius:0 0 3px 3px;}	
 	#cp_hd.change.on li:nth-child(1){position:absolute; width:100%; text-align:center; z-index:101; }
 	
 	#cp_hd ul .cp_menu li:hover span {display:block;}
 	#cp_hd ul li img {}
 		#cp_hd ul .cp_menu {display:none; float:none; width:0;}
 		#cp_hd.on .cp_menu {display:block; position:fixed; width:100%; height:100%; top:0; left:0;text-align:center; z-index:100; background:rgba(255,255,255,1); padding-top:80px;}
 		#cp_hd.on .cp_menu:after{position:absolute; border:none; width:30px; height:30px;top:0px; right:5px; color:#333; z-index:40; content:"x";  font-size:30px; }
 		.cp_menu li {position:relative; margin:0; display:inline-block; width:160px;}
 		.cp_menu li p {width:160px;}
 		.cp_menu li p a {display:block; line-height:40px; height:40px; font-weight:500; font-size:16px; color:#fff; width:100%; text-align:center;}
 		.cp_menu li span {display:block; display:none;  position:relative; width:100%; border:1px solid #eee; right:0; top:10px; z-index:10; padding:10px 5px; background:#fff; border-top:2px solid #0063f7; border-radius:5px;}
 		.cp_menu li span a {text-align:center; display:block; font-size:12px; color:#666; padding:5px 0; border-bottom:1px solid #ddd;}
 		.cp_menu li span a:last-child {border-bottom:none;}
 		.cp_menu .cp_blue {width:100px; text-align:center; margin-left:45px;}
 		.cp_menu .cp_blue p {width:100px; background:#0063f7; border-radius:5px;}
 		.cp_menu .cp_blue p a {font-size:14px; color:#fff;}
 */

 




h2 {font-size:25px !important; font-weight:bold !important; letter-spacing:-2px; margin-bottom:15px !important;}
h2 span {display:block; font-size:14px; font-weight:300; margin-top:25px; position:relative;}
/* h2 span:before {content:''; width:40px; border-top:3px solid #fff; display:block; position:absolute; left:50%; top:-13px; transform:translate(-50%,-50%);} */
h3{width:94%; margin:0 auto;font-size:20px !important; font-weight:bold !important; text-align:left;color:#fff; line-height:35px !important;}
h3 span{display:block;font-size:14px; font-weight:500;color:#fff; padding-bottom:10px; line-height:22px;}
h4 {font-size:16px; color:#fff; font-weight:500; text-align:center; display:block;}
h5 {font-size:25px !important; font-weight:bold !important; letter-spacing:-2px; margin-bottom:40px !important;}
h5 span {font-size:14px; font-weight:500; display:block; line-height:20px; margin-top:20px;}
h5 span br {display:none;}
h6 {font-size:16px !important; color:#000; font-weight:bold !important;}
h6 span {display:block; font-size:12px; font-weight:500; margin-top:5px;}


#section0 {position:relative; width:100%; height:100%; /* background:url(/img/cp_visual01.jpg)no-repeat  center center / 100% 100%; */}
#section0 .fp-tableCell {width:100%; height:100%; padding-top:0; padding-bottom:0;}
.cp_visual {position:relative; height:100%;}
	.cp_visual ul {margin:0 auto; height:100%; overflow:hidden;}
	.cp_visual ul li {background:url('') no-repeat top center/auto 100%;  height:100%;}
	.cp_visual ul .cp_visual01 {background-image:url(/img/cp_visual01.jpg) ;}
	.cp_visual ul .cp_visual02 {background-image:url(/img/cp_visual03.jpg);}
	.cp_visual ul .cp_visual03 {background-image:url(/img/cp_visual04.jpg) ;}
	.cp_visual h1 {position:absolute;  z-index:10; font-weight:bold; font-size:20px; line-height:25px; color:#fff; text-transform:uppercase; top:45%; left:50%; transform:translate(-50%,-50%); width:80%; }
	.cp_visual h1 br {display:none;}
	.cp_visual h1 span br {display:none;}
	.cp_visual h1 span {display:block; margin-top:0; font-size:16px; line-height:24px; font-weight:300; margin-bottom:10px;}
	.cp_visual h1 a {padding:10px 20px; font-weight:500; border-radius:35px; border:2px solid #fff; line-height:12px; color:#fff; margin-top:20px; display:inline-block; font-size:12px;}
	.cp_visual .x-owl-dots {position:absolute; bottom:15px; left:50%; transform:translatex(-50%);}
	.cp_visual .x-owl-dots button {width:15px; height:15px; border:none; border-radius:10px; background:rgba(255,255,255,.5); margin:0 3px;}
	/* .cp_visual .owl-dots button.active span{display:block; width:100%; height:3px; background:#fff; position: absolute; bottom: -3px;  animation:dott_fade 4s ease-out 0s 1 alternate;} */
		.cp_visual .owl-dots button.active {background:rgba(0,0,0,0.25); backdrop-filter:blur(5px);}
		.cp_visual .owl-dots button.active:before {color:#fff;}
		.cp_visual .owl-dots button.active:after {color:#fff;}
		.cp_visual .owl-dots button:focus { outline:none; }
	.cp_visual ul .x_mo_visual01 h2{}
	.cp_visual .visual_btn {position:absolute;  bottom:58px; left:140px;     z-index: 40;  }
	.cp_visual .visual_btn a{background:none; color:#fff; padding:0 10px; font-size:20px;}

	#fp-nav.fp-right{left:50px;}
	#fp-nav{width:30px;}

	@keyframes dott_fade{
			  0% {width:0; }
			  100%   {width:100%;  }
		}
	.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent; position: relative;z-index: 1; }
		.owl-carousel .owl-stage {position: relative;  height:100%;
		-ms-touch-action: pan-Y;
		touch-action: manipulation;
		-moz-backface-visibility: hidden;}
		.owl-carousel .owl-stage::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
		.owl-carousel .owl-stage-outer {position: relative;overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); height:100%; }
		.owl-carousel .owl-wrapper,
		.owl-carousel .owl-item {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0); }
		.owl-carousel .owl-item {position: relative;min-height: 1px;float: left; height:100%;
		-webkit-backface-visibility: hidden;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none; }
		.owl-carousel .owl-item img {display: block;width: 100%; }
		.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {position:absolute; bottom:50px; left:50px; }
		.owl-prev,
		.owl-next{color:#fff; font-size:55px; background:none; border:none; padding:0 10px;     line-height: 55px;}
		.owl-carousel.owl-loaded {display: block; }	 
		
		.owl-dots {position:absolute; bottom:0; right:0;  width:100%; /* left:260px; width:calc(100% - 300px); */}
		.owl-dots button{background:#fff; border-right:1px solid #eee !important; box-sizing:border-box; padding:0 10px !important; cursor:pointer; width:calc(100% / 3); height:180px; float:left; transition:background 1s ease; position:relative;}
		.owl-dots button:before {content:''; display:block;   font-size:12px; font-weight:600; color:rgba(255,255,255,.5);}
		.owl-dots button:after {content:''; display:block;  margin-left:0;  font-size:12px; color:rgba(255,255,255,.5); margin-top: 2px;}
		.owl-dots button:nth-child(1):before {content:'Cloud Prime'; color:#000; text-align:left;}
		.owl-dots button:nth-child(1):after {content:'AWS Consulting Partner'; color:#000; text-align:left;}
		.owl-dots button:nth-child(2):before {content:'Service'; color:#000; text-align:left;}
		.owl-dots button:nth-child(2):after {content:'AWS Service and Technical support'; color:#000; text-align:left;}
		.owl-dots button:nth-child(3):before {content:'Solution&Product'; color:#000; text-align:left;}
		.owl-dots button:nth-child(3):after {content:'Untact Imaging Practical System'; color:#000; text-align:left;}

		.owl-theme .owl-dots .owl-dot span {display:block;}
		.owl-theme .owl-dots .owl-dot:nth-child(1) span {position:relative;}
		.owl-theme .owl-dots .owl-dot:nth-child(2) span {position:relative;}
		.owl-theme .owl-dots .owl-dot:nth-child(3) span {position:relative;}
		.owl-theme .owl-dots .owl-dot:nth-child(1) span:before {content:'01';position:absolute; left:0; top:-50px; font-size:15px; font-weight:bold;}
		.owl-theme .owl-dots .owl-dot:nth-child(2) span:before {content:'02';position:absolute; left:0; top:-50px; font-size:15px; font-weight:bold;}
		.owl-theme .owl-dots .owl-dot:nth-child(3) span:before {content:'03';position:absolute; left:0; top:-50px; font-size:15px; font-weight:bold;}
		.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {color:#f7d700;}
		.visual .mo_visual{display:none;}
		
		@keyframes mmmenu_fade{
			  0% {opacity:0; }
			  30% {opacity:0; }
			  100%   {opacity:1;   }
		}
		/* .head1_bk .fp-tableCell{width:;margin:auto; display:block; MARGIN-TOP:8%;} */

/*cloudprime 소개*/
#section1 {width:96%; min-height:100%; height:100% !important; margin:0 auto; padding:60px 0; position:relative;}
#section1 ul {width:100%; height:100%; vertical-align:top;}
#section1 ul li {}
#section1 ul li:nth-child(1) {width:100%;display:block; vertical-align:middle; height:350px; overflow:hidden;}
#section1 ul li:nth-child(1) iframe {width:100%;}
#section1 ul li:nth-child(2) {display:block; vertical-align:middle; width:100%; margin-left:0; padding-top:20px;}
#section1 ul li:nth-child(2) span {text-align:center; display:inline-block; width:48%; font-size:12px; padding:10px;}
#section1 ul li:nth-child(2) span:nth-child(1) {border-right:1px dotted #ddd;}
#section1 ul li:nth-child(2) span:nth-child(2) {}
#section1 ul li:nth-child(2) span:nth-child(3) {border-top:1px dotted #ddd; border-right:1px dotted #ddd;}
#section1 ul li:nth-child(2) span:nth-child(4) {border-top:1px dotted #ddd;}
#section1 ul li:nth-child(2) span img {display:block; margin:0 auto; padding:10px 0; width:50px;}
/*cloudprime 소개 e*/

/*service*/
#section2 {width:100%; min-height:100%; margin:0 auto; padding:60px 0; position:relative; background:#eee;}
#section2 h2 {width:96%; margin:0 auto;}
#section2 .cp_servicebg {display:none; position:absolute; top:0; left:unset; right:50%; margin-right:650px; height:100%;}
#section2 .cp_servicebg img {display:none; height:100%;}
#section2 .fp-tableCell {}
#section2 ul {width:100%; margin:auto; height:100%;}
.cp_tab_wrap .cp_sub_tab {font-size:0; margin:0 auto; text-align:center;}
	.cp_tab_wrap .cp_sub_tab a {width:45%; display:inline-block; border:1px solid #d1d1d1; font-size:12px; text-align:center; padding:15px; cursor:pointer;}
	.cp_tab_wrap .cp_sub_tab a.on {border-top:1px solid #000; border-bottom:none; font-weight:bold;}

#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list {display:table; width:100%; height:500px; white-space:nowrap; overflow:hidden; font-size:0;}
#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list .accordion-item {display:table-cell; height:100%; white-space:nowrap; overflow:hidden; position:relative;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner {display:block; position:relative; width:100%; height:100%; top:0; left:0; margin:0 2px; cursor:pointer;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-m-img {display:none;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-tit {position:absolute; top:60px; left:50%; color:#333; font-size:25px; font-weight:500; letter-spacing:-0.25px; text-align:center; z-index:1; opacity:1; transition:all 0.3s; transform:translateX(-50%); writing-mode:tb-rl;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box {position:absolute; left:0; right:0; top:0;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl {position:relative; padding:8% 8% 0; opacity:0; transition-delay:0s; z-index:1;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dt {font-size:45px; font-weight:500; letter-spacing:-0.1px; margin-bottom:25px;}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dt b {}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dd {}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dd p {}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dd p span {}
#section2 ul .cp_tab_wrap .accordion-list-box ul li .accordion-inner .accordion-info-box dl dd p a {}

/* 아코디언 :: 타이틀 및 내용 Active */
#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list .accordion-item.active .accordion-inner:after{opacity:0;filter:Alpha(opacity=0); }
#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list .accordion-item.active .accordion-info-box dl .industry-view-more:after{margin-left:50%}
#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list .accordion-item.active .accordion-inner .accordion-tit{
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0s;
}
#section2 ul .cp_tab_wrap .accordion-list-box .accordion-list .accordion-item.active .accordion-inner dl{ 
	opacity:1.0;filter:Alpha(opacity=100);  
	-webkit-transition:all 0.3s 0.2s; 
	-moz-transition:all 0.3s 0.2s; 
	-o-transition:all 0.3s 0.2s; 
	-ms-transition:all 0.3s 0.2s; 
	transition:all 0.3s 0.2s; 
}

/*service e*/

/*news*/
#section3 {width:96%; height:auto !important; /* min-height:100%;height:100% !important; */ margin:0 auto; padding:60px 0;}
#section3 .fp-tableCell {height:auto !important;}
#section3 ul {width:100%; margin:auto; height:100%;}
#section3 .cp_tab_wrap_board {}
#section3 .cp_tab_wrap_board .cp_tab_head {margin-bottom:25px;}
#section3 .cp_tab_wrap_board .cp_board_tab { text-align:left; overflow:hidden; float:left; padding:10px 0;}
#section3 .cp_tab_wrap_board .cp_board_tab a {display:inline-block; width:auto; cursor:pointer; font-size:12px; margin-right:25px;}
#section3 .cp_tab_wrap_board .cp_board_tab a.on {color:#0063f7; border:2px solid #0063f7; border-radius:30px; padding:10px 15px; font-weight:bold;}
#section3 .cp_tab_wrap_board .cp_news_btn {background:#0063f7; color:#fff; padding:15px; width:60px; height:60px; text-align:center; font-weight:bold; float:right; font-size:12px;}
#section3 .cp_tab_wrap_board li {display:block; background:#f9f9f9; width:100%; margin-right:0; margin-bottom:20px; padding:20px;}
#section3 .cp_tab_wrap_board li b {font-size:18px; display:block; letter-spacing:-1px;}
#section3 .cp_tab_wrap_board li span {font-size:14px; color:#333; display:block; margin:20px 0;}
#section3 .cp_tab_wrap_board li strong {color:#0063f7;}
/*news e*/


/*client*/
#section4 {width:100%; height:auto !important; background:#f9f9f9;}
#section4 h2 {width:96%; margin:0 auto;}
#section4 .fp-tableCell {padding:60px 0 !important;}
#section4 ul {width:96%; margin:auto; height:100%;}
#section4 ul li {display:inline-block; border:1px solid #eee; margin-right:0; width:24%; margin-bottom:20px;}
#section4 ul li:nth-child(4n) {margin-right:0;}
#section4 ul li img {width:100%;}
/*client e*/


/*contact*/
#section5 {height:145px !important; width:100%; background:url(/img/cp_main_contactbg.png)no-repeat center center / 100% 100%;}
#section5 .fp-tableCell {height:145px !important; padding:30px 0;}
#section5 ul {width:100%; height:100%; margin:auto; }
#section5 ul a {color:#fff; display:block; border:2px solid #fff; text-align:center; width:120px; margin:0 auto; padding:10px; border-radius:100px; margin-top:25px; font-size:12px; font-weight:bold; }

/*contact e*/

/*footer*/
#section6 {height:250px !important; width:100%; }
#section6 .fp-tableCell {height:250px !important;}
#section6 .cp_ft1 {background:#f9f9f9; height:100%;}
#section6 .cp_ft1 ul {}
/* #section5 .cp_ft1 ul:nth-child(1) {width:96%; margin:0 auto; background:#fff;}
#section5 .cp_ft1 ul:nth-child(1) li {width:100%; margin:0 auto; padding:15px 0;}
#section5 .cp_ft1 ul:nth-child(1) li a {font-size:12px; border-right:1px solid #e6e6e6; padding-right:20px; padding-left:20px;}
#section5 .cp_ft1 ul:nth-child(1) li a:first-child {padding-left:0;}
#section5 .cp_ft1 ul:nth-child(1) li a:last-child {padding-right:0; border:none;} */
#section6 .cp_ft1 ul {width:96%; margin:0 auto; padding:20px 0;}
#section6 .cp_ft1 ul li:nth-child(1) {display:block; vertical-align:top; margin-right:0; margin-bottom:20px;}
#section6 .cp_ft1 ul li:nth-child(1) img {}
#section6 .cp_ft1 ul li:nth-child(2) {color:#555; display:block; vertical-align:top; font-size:12px;}
#section6 .cp_ft1 ul li:nth-child(2) strong {display:block; font-weight:500; margin-top:25px;}
/*footer e */


/*cp_sub_visual*/
.cp_sub_visual {width:100%; min-width:100%; height:320px; padding-top:135px; position:relative;}
.cpft {width:100%; min-width:100%; height:280px; padding-top:135px; position:relative;}
.cpbg01 {background:url(/img/cp_subbg01.png)no-repeat;}
.cpbg02 {background:url(/img/cp_subbg02.png)no-repeat center center;}
.cpbg03 {background:url(/img/cp_subbg03.png)no-repeat;}
.cpbg04 {background:url(/img/cp_subbg04.png)no-repeat center center; background-size:cover;}
.cpbg05 {background:url(/img/cp_subbg05.png)no-repeat center center;}
.cpbg06 {background:url(/img/cp_subbg06.png)no-repeat center center;}
	.cp_sub_visual ul{background:#fff; bottom:0; position:absolute; width:100%; border-bottom:1px solid #e5e5e5;}
	.cp_sub_visual ul li{width:100%; margin:auto; height:45px; }
	.cp_sub_visual ul li a{color:#555; letter-spacing:-1px; margin-top:0; height:45px; line-height:45px; font-size:11px;display:block; float:left;text-align:center; border-right:1px solid rgba(255,255,255,.4);}
	.cpbg01 ul li a {width:calc(100% / 3);}
	.cpbg02 ul li a {width:calc(100% / 3);}
	.cpbg03 ul li {}
	.cpbg03 ul li a {width:calc(100% / 2);}
	.cpbg04 ul li a {width:calc(100% / 3);}
	.cpbg05 ul li a {width:calc(100% / 4);}
	.cp_sub_visual ul li a:last-child{border:none}
	.cp_sub_visual ul li a.on{background:#fff; border:none;  height:45px; line-height:45px; color:#0063f7; border-bottom:2px solid #0063f7; margin:0; font-size:11px; /* font-weight:600; */}
/*cp_sub_visual e*/


/*cp11-company*/
.cp_subwrap {width:100%;}
.bg_text {position:absolute; right:0; z-index:-1; left:30%; transform:translateX(-20%);}
.ani_turn {animation:cpturn 20s infinite linear; width:100%;}

@keyframes cpturn {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}


.cp_company {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_company ul {}
.cp_company ul li:last-child {}
.cp_company ul li {display:inline-block; background:#f9f9f9; text-align:center; border-radius:10px; padding:30px 20px; width:100%; margin-right:0; margin-bottom:20px; font-size:12px; }
.cp_company ul li img {width:20%;}
.cp_company ul li .cp_icon_ho {display:none;}
.cp_company ul li b {display:block; font-size:14px; margin:10px 0;}
.cp_company ul li:hover {background:#0063f7; color:#fff;}
.cp_company ul li:hover .cp_icon_ho {display:block; margin:0 auto;}
.cp_company ul li:hover img {display:none;}
/*cp11-company e*/


/*cp12-history*/
.cp_history {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_history_con {position:relative;}
.cp_history_con .cp_history_bg {}
.cp_history_con .cp_history_bg img {width:100%;}
.cp_history_con dl:after {content:'';}
.cp_history_con dl:nth-child(2) {margin-top:50px;}
.cp_history_con dl {margin-bottom:50px;}
.cp_history_con dl dt:after {content:'';position:absolute; width:1px; height:80%; background:#ddd; left:41px; top:250px;}
.cp_history_con dl dt {width:100%; float:none; display:block; text-align:center;}
.cp_history_con dl dt img {}
.cp_history_con dl dt b {display:block; font-size:18px; letter-spacing:-1px; margin-top:15px;}
.cp_history_con dl dt b strong {display:block; font-weight:500; color:#555; font-size:16px; margin-top:10px;}
.cp_history_con dl dd:nth-child(2) {margin-top:20px;}
.cp_history_con dl dd {float:none; width:100%;display:block; margin:20px 0;}
.cp_history_con dl dd p {margin-right:0; display:inline-block; width:15%; font-size:12px; font-weight:bold; vertical-align:top; line-height:20px;}
.cp_history_con dl dd p:after {content:'';}
.cp_history_con dl dd span {display:inline-block; width:80%; font-size:12px; vertical-align:top; font-weight:500; line-height:20px;}
.cp_history_con dl dd strong {margin-right:10px; position:relative;}
.cp_history_con dl dd strong:before {content:'';width:5px; height:5px; display:block; background:#0063f7; position:absolute; border-radius:50%; top:6px; left:-18px; z-index:10;}
/*cp12-history e*/

/*cp13-contact*/
.cp_contact {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_contact iframe {width:100%;}
.cp_contact table {width:100%; text-align:left; border-collapse:collapse; border-top:2px solid #000; margin-top:60px;}
.cp_contact table tr {padding:20px 5px; display:block; border-bottom:1px solid #eee;}
.cp_contact table tr th {font-size:12px; font-weight:600; padding:0; width:100%; display:block;}
.cp_contact table tr td {font-size:12px; display:block;}
/*cp13-contact e*/

/*cp21-certification*/
.cp_certi {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_certi .cp_certi_tab {font-size:0; text-align:center; background:#fff;}
.cp_certi .cp_certi_tab a {min-width:130px; display:inline-block; border:1px solid #eee; font-size:12px; text-align:center; padding:15px; cursor:pointer;}
.cp_certi .cp_certi_tab a.on {border-top:1px solid #000; border-bottom:none; font-weight:bold;}
.cp_certi ul {margin-top:30px;}
.cp_certi ul li {display:inline-block; vertical-align:middle; }
.cp_certi ul li:nth-child(1) {border-radius:10px; border:1px solid #ddd; width:75%; margin-right:0; margin:0 auto; display:block; margin-bottom:20px;}
.cp_certi ul li:nth-child(1) img {border-radius:10px; width:100%;}
.cp_certi ul li:nth-child(2) {}
.cp_certi ul li:nth-child(2) span:nth-child(1) {border-bottom:1px solid #ddd;}
.cp_certi ul li:nth-child(2) span {display:block; font-size:12px; padding:20px 0;}
.cp_certi ul li:nth-child(2) span br {display:none;}
.cp_certi ul li:nth-child(2) span b {display:block;}
/*cp21-certification e*/

/*cp31-aws 매니지드 서비스*/
.cp_service {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_service ul {}
.cp_service ul li:last-child {}
.ser ul li {display:block; min-height:190px !important;  margin-bottom:20px; vertical-align:top; background:#fff; border:1px solid #ddd; text-align:center; border-radius:10px; padding:30px 20px; width:100% !important; margin-right:0; font-size:12px; }
.cp_service ul li {display:block; min-height:190px; margin-bottom:20px; vertical-align:top; background:#fff; border:1px solid #ddd; text-align:center; border-radius:10px; padding:30px 20px; width:100%; display:block; margin-right:0; font-size:12px; }
.cp_service ul li img {}
.cp_service ul li b {display:block; font-size:14px; margin:10px 0; letter-spacing:-1px;}
.cp_service ul li:hover {background:#f9f9f9;}
/*cp31-aws 매니지드 서비스 e*/

/*cp34- 고객사례*/
.cp_service_cus {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_service_cus ol {list-style:none; padding:0; margin-top:30px;}
.cp_service_cus ol li {padding:30px 0; border-bottom:1px solid #eee;}
.cp_service_cus ol li:first-child {padding-top:0;}
.cp_service_cus ol li:last-child {border-bottom:none;}
.cp_service_cus ol li span {font-size:12px; display:block; vertical-align:middle; width:100%;}
.cp_service_cus ol li span br {display:none;}
.cp_service_cus ol li span b {display:block; font-size:16px; margin-bottom:10px;}
.cp_service_cus ol li img {display:block; border:1px solid #eee; margin:0 auto; border-radius:10px; vertical-align:middle; margin-top:20px;}
/*cp34- 고객사례 e*/

/*cp41-비대면 영상 실기 서비스*/
.cp_solution {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_solution ul {}
.cp_solution ul li {}
.cp_solution ul li:first-child table {margin-bottom:40px;}
.cp_solution ul li table {width:100%; text-align:left; border-collapse:collapse; border-top:2px solid #000; margin-top:40px;}
.cp_solution ul li table tr {padding:20px 0; display:block; border-bottom:1px solid #eee;}
.cp_solution ul li table tr th {font-size:14px; font-weight:600; padding:0; width:100%; display:block;}
.cp_solution ul li table tr th img {margin-right:0; display:block; margin-bottom:5px;}
.cp_solution ul li table tr td {font-size:12px; display:block; margin-top:5px;}
.cp_bgwr {background:#f9f9f9;}
.cp_bgwr .cp_solution {}
.cp_bgwr .cp_solution ol {list-style:none; padding:0; margin:0;}
.cp_bgwr .cp_solution ol li {}
.cp_bgwr .cp_solution ol li table {width:100%; background:#fff; border-collapse:collapse; border-top:1px solid #000; margin-top:20px;}
.cp_bgwr .cp_solution ol li table tr {border-bottom:1px solid #e5e5e5;}
.cp_bgwr .cp_solution ol li:nth-child(1) table tr .cp_td01 {background:#ededed; padding:5px; text-align:center;}
.cp_bgwr .cp_solution ol li:nth-child(1) table tr td:last-child {border-right:none;}
.cp_bgwr .cp_solution ol li:nth-child(2) {margin-top:40px;}
.cp_bgwr .cp_solution ol li:nth-child(2) table {}
.cp_bgwr .cp_solution ol li:nth-child(2) table tr .cp_td02 {background:#0063f7; padding:5px; color:#fff; text-align:center;}
.cp_bgwr .cp_solution ol li:nth-child(2) table tr td:last-child {border-right:none;}
.cp_bgwr .cp_solution ol li table tr th {font-size:12px; font-weight:600; }
.cp_bgwr .cp_solution ol li table tr td:first-child {}
.cp_bgwr .cp_solution ol li table tr td:last-child {}
.cp_bgwr .cp_solution ol li table tr td {font-size:10px; text-align:center; padding:5px; border-right:1px solid #e5e5e5; position:relative;}
.cp_bgwr .cp_solution ol li table tr td b {color:#0063f7;}
.cp_bgwr .cp_solution ol li table tr .cp_ar:after {content:''; position:absolute; bottom:15px; right:-8px; height:0; border-bottom:5px solid; border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);color:#ddd; transform:rotate(-180deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg);  }

/*cp41-비대면 영상 실기 서비스 e*/

/*cp42-AWS 자원관리 봇*/
.cp_chatbot {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_chatbot ul {}
.cp_chatbot ul li br {display:none;}
.cp_chatbot ul li table {width:100%; border-collapse:collapse; background:#fff; border-top:1px solid #000;}
.cp_chatbot ul li table tr {}
.cp_chatbot ul li table tr .cp_td01 {background:#ededed; padding:15px; font-size:12px; text-align:center;}
.cp_chatbot ul li table tr td:first-child {border-left:1px solid #ddd;}
.cp_chatbot ul li table tr td {padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:12px;}
.cp_chatbot ul li table tr td strong {font-size:14px; display:block;}
.cp_chatbot ul li table tr td img {text-align:center; display:block; margin:0 auto; width:15px;}
/*cp42-AWS 자원관리 봇 e*/

/*cp43-AWS on Service Workbench*/
.cp_work {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_work ul {}
.cp_work ul li br {display:none;}
.cp_work ul li {display:block; min-height:270px; margin-bottom:20px; vertical-align:top; background:#fff; border:1px solid #ddd; text-align:center; border-radius:10px; padding:30px 20px; width:100%; margin-right:0; font-size:12px;}
.cp_work ul li img {}
.cp_work ul li b {display:block; font-size:14px; margin:10px 0; letter-spacing:-1px;}
.cp_work ul li:hover {background:#f9f9f9;}
/*cp43-AWS on Service Workbench e*/

/*cp71-렌더팜*/
.cp_71_01 {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_71_01 ul {}
.cp_71_01 ul li:hover {background:#f9f9f9;}
.cp_71_01 ul li br {display:none;}
.cp_71_01 ul li {display:block; margin-bottom:20px; vertical-align:top; background:#fff; border:1px solid #ddd; text-align:center; border-radius:10px; padding:30px 20px; width:100%; margin-right:0; font-size:12px;}
.cp_71_01 ul li img {}
.cp_71_01 ul li b {display:block; font-size:14px; margin:10px 0; letter-spacing:-1px;}
.cp_71_01 ul li:nth-child(1) {}
.cp_71_01 ul li:nth-child(2) {}
.cp_71_01 ul li:nth-child(3) {}
.cp_71_01 ul li:nth-child(4) {}
.cp_71_02 {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_71_02 ul {}
.cp_71_02 ul li:last-child h6 {margin-top:40px;}
.cp_71_02 ul li h6 {margin-bottom:30px;}
.cp_71_02 ul li h6 span br {display:none;}
.cp_71_02 ul li img {width:100%;}
.cp_71_03 {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_71_03 ol {list-style:none; padding:0; margin:0; }
.cp_71_03 ol li:first-child {margin-bottom:40px;}
.cp_71_03 ol li {}
.cp_71_03 ol li span:last-child {margin-right:0;}
.cp_71_03 ol li span {display:block; position:relative;}
.cp_71_03 ol li span img {width:100%;}
.cp_71_03 ol li span b {display:block; text-align:center; font-weight:500; font-size:12px; margin:15px 0 40px 0;}
.cp_71_03 ol li span b strong {display:block; font-size:14px; margin-bottom:5px;}
.cp_71_03 ol li span .cp71_ar {display:none; width:auto;}
.cp_71_03 ul {}
.cp_71_03 ul li {}
.cp_71_03 ul li table {width:100%; border-top:2px solid #000; margin-top:40px; border-collapse:collapse;}
.cp_71_03 ul li table tr {padding:20px 0; display:block; border-bottom:1px solid #eee;}
.cp_71_03 ul li table tr th {font-size:14px; font-weight:600; padding:0; width:100%; display:block;}
.cp_71_03 ul li table tr th img {margin-right:0; display:block; margin-bottom:5px;}
.cp_71_03 ul li table tr td {font-size:12px; display:block; margin-top:5px;}
/*cp71-렌더팜 e*/

/*cp51-커뮤니티*/
#bo_list {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
#bo_list h2 {font-size:25px; font-weight:bold; margin-bottom:10px; }
#fwrite {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
#bo_v {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
#bo_v h2 {font-size:25px !important; font-weight:bold !important; margin-bottom:10px;}
#bo_v_con {border-bottom:1px solid #f1f1f1;}
#bo_v_title {margin-bottom:15px;}
#bo_v_title .bo_v_tit {font-size:25px;}
#bo_gall {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
#bo_gall h2 {font-size:25px !important; font-weight:bold !important; margin-bottom:10px;}
#bo_gall #gall_ul {width:100%; margin:0 auto; margin-top:20px;}
#bo_gall .gall_li {width:100%; margin-bottom:20px; border:1px solid #ddd;}
.gall_row .col-gn-4 {}
#bo_w {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
#bo_w #fwrite {padding:0;}
#bo_w .cp_board_wrap {margin-bottom:70px;}
#bo_w h2 {font-size:25px; font-weight:bold; margin-bottom:10px; }
#bo_w .cp_board_wrap li {background:#fff; border:1px solid #ddd; padding:20px; border-top:1px solid #000; margin-top:30px;}
#bo_w .cp_board_wrap li span {display:block; font-size:14px; margin:15px 0;}
#bo_w .cp_board_wrap li span b {display:block; vertical-align:top;}
#bo_w .cp_board_wrap li span p {display:block; vertical-align:top; margin-left:0;}
#bo_w .cp_board_wrap li span p a {color:#0063f7; text-decoration:underline;}
#bo_w .cp_board_wrap .checkbox-inline {margin:15px 0; display:block;}
#bo_w .write_cp {padding:15px 0; border-bottom:1px solid #eee;}
#bo_w .write_cp b {font-size:12px; width:100%; display:block; vertical-align:middle; margin-bottom:10px;}
#bo_w .write_cp input {width:100%; display:block;}
#bo_w .write_cp_radio {padding:15px 0; border-bottom:1px solid #eee;}
#bo_w .write_cp_radio b {font-size:12px; width:100%; display:block; vertical-align:middle;}
#bo_w .write_cp_radio input[type="radio"] {width:auto; margin-left:5px;}
#bo_w .write_cp_radio input:first-child[type="radio"] {}
#bo_w .write_cp_writediv {width:100%; display:block;}
#bo_w .write_cp_writediv textarea {display:block;}

.cmt_btn {display:none;}
#bo_vc {display:none;}
#bo_vc_w {display:none;}
/*cp51-커뮤니티 e*/

/*cp61-개인정보취급방침*/
.cp_privacy {width:96%; min-height:100%; margin:0 auto; padding:60px 0; position:relative;}
.cp_privacy ul {}
	.cp_privacy ul .cp_footer_box {padding:30px; border:1px solid #e6e6e6; background:#fff;}
	.cp_privacy h6 span b {font-size:14px; font-weight:400; margin-top:20px; color:#555;}
	.cp_privacy ul li {font-size:14px; margin:30px 0;}
	.cp_privacy ul li b {display:block;}
/*cp61-개인정보취급방침 e*/