@charset "utf-8";

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(../font/NanumBarunGothicUltraLight.eot);
  src: url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(../font/NanumBarunGothicLight.eot);
  src: url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicLight.woff) format('woff'),
       url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumSquare';
  src: url('../font/NanumSquareL.eot');
  src: url('../font/NanumSquareL.woff2') format('woff2'),
       url('../font/NanumSquareL.woff') format('woff'),
       url('../font/NanumSquareL.ttf') format('truetype'),
       url('../font/NanumSquareL.svg#NanumSquareL') format('svg'),
       url('../font/NanumSquareL.eot?#iefix') format('embedded-opentype');
  font-weight: 300;
  font-style: normal;
}

/* Common */
* {-webkit-text-size-adjust:none; box-sizing:border-box; }
html, body { width:100%; padding:0px; margin:0px; position:relative; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{ margin:0; padding:0; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,button,select { -webkit-touch-callout: none; /* -webkit-user-select: none;  */-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; }
body,input,textarea,select,button,table{ font-family:"Nanum Barun Gothic", "나눔바른고딕", 굴림, Gulim; font-size:12px; color:#000; font-weight:400; }
body{ word-break:break-all; }
img,fieldset,iframe{ border:0 }
img{ vertical-align:top }
li{ list-style:none }
em,address{ font-style:normal }
input,select,button{ vertical-align:middle; outline:none; }
button { cursor:pointer; border:none; }

/* Common Add */
a { color:#000; text-decoration:none; }
a:hover,
a:link,
a:visited { text-decoration:none;}
caption,legend,.blind{ visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left } 
caption{ position:static }
input { border-radius:0px; -webkit-appearance:none; }
input[type="text"],
input[type="password"] { height:22px;padding:0 7px; border:1px solid #d6d6d6; color:#000;line-height:2em; }
input[type="text"].readonly{ border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4 }
select:focus { border:1px solid #00a2e2;background:#edf6fb;color:#000 }
input[type="radio"]{*width:13px;*height:13px}
select{ height:24px;*margin-top:5px;padding:0 0 0 20px; border:1px solid #cccccc; line-height:1.2em;color:#000 }
textarea{ width:98%;padding:5px;border:1px solid #cfcfcf;line-height:1.5em }
table{ border-collapse:collapse; border-spacing:0;line-height:1.5em }
hr{display:none}
.input_number::-webkit-outer-spin-button,
.input_number::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="button"] { border:none; }

input[type="checkbox"],
input[type="radio"] { position:absolute; left:-999999px; opacity:0; visibility:hidden; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
.hide { width:1px; height:1px; overflow:hidden; text-indent:-1000px; visibility:hidden;}
::selection {
    background: transparent; /* WebKit/Blink Browsers */
  }

.inner { width:1000px; margin:0 auto; position:relative; }

#header { height:90px; padding-top:20px; text-align:center; }
#header h1 { width:196px; height:50px; margin:0 auto; background:url('../images/logo.png') center center no-repeat; font-size:0; text-indent:-99999px; }

.swiper-slide { height:500px; background-size:auto 100%; background-position:center center; }
.swiper-slide:nth-child(1) { background-image:url('../images/visual1.jpg'); }
.swiper-slide:nth-child(2) { background-image:url('../images/visual2.jpg'); }
.swiper-slide:nth-child(3) { background-image:url('../images/visual3.jpg'); }

.swiper-slide h2 { position:absolute; left:50%; font-size:48px; font-family:"NanumSquare", "나눔스퀘어"; font-weight:300; }
.swiper-slide span { position:absolute; left:50%; font-size:32px; font-weight:300; letter-spacing:0.05em; }
.swiper-slide:nth-child(1) h2 { top:288px; margin-left:-425px; color:#fff; letter-spacing:0.5em; }
.swiper-slide:nth-child(1) span { top:376px; margin-left:-420px; color:#fff; }
.swiper-slide:nth-child(2) h2 { top:174px; margin-left:-54px; letter-spacing:0.285em; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.3); }
.swiper-slide:nth-child(2) span { top:240px; margin-left:-154px; }
.swiper-slide:nth-child(3) h2 { width:100%; left:0; top:36px; text-align:center; }
.swiper-slide:nth-child(3) span { width:100%; left:0; top:104px; text-align:center; }

.swiper-pagination-bullet { width:15px; height:15px; background:#fff; opacity:1; }
.swiper-pagination-bullet-active { background:#559dff; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 7px; }

h3.title { height:120px; background:url('../images/bg.png') center center; background-size:auto 100%; line-height:120px; text-align:center; color:#fff; font-family:"NanumSquare", "나눔스퀘어"; font-weight:300; letter-spacing:1em; font-size:20px; }
h3.title span { font-size:40px; font-family:"Nanum Barun Gothic", "나눔바른고딕"; font-weight:200; vertical-align:middle; }

.section { padding:60px 0; background:#f9f9f9; text-align:center; }
.section h4 { position:relative; margin-bottom:64px; font-size:40px; font-weight:300; }
.section h4:after { content:''; width:112px; height:1px; position:absolute; left:50%; bottom:-20px; margin-left:-56px; }
.section.type1 h4 { color:#4183c1; }
.section.type1 h4:after { background:#4183c1; }
.section.type1 p { margin-bottom:60px; font-size:24px; }
.section.type1 p img { margin:0 auto; display:block; }
.section.type2 h4 { color:#0fb6a9; }
.section.type2 h4:after { background:#0fb6a9; }
.section.type3 h4 { color:#f05898; }
.section.type3 h4:after { background:#f05898; }
.section.type3 p { margin-bottom:20px; font-size:18px; font-weight:300; line-height:30px; }
.section.type3 ul { margin-bottom:30px; display:inline-block; text-align:left; }
.section.type3 ul li { position:relative; padding-left:10px; font-size:18px; font-weight:300; line-height:30px; }
.section.type3 ul li:after { content:'·'; position:absolute; left:0; top:0; }
.section.type3 img { border:1px solid #c1c1c1; }

.boxTable h5 { width:141px; height:39px; margin:0 auto; background:url('../images/bgTableTitle.png') center center no-repeat; line-height:39px; text-align:center; color:#fff; font-size:20px; font-weight:300; }
.boxTable table { width:880px; margin:0 auto; text-align:left; }
.boxTable table th { width:280px; height:60px; padding:0 16px; background:url('../images/bgTable.png') left top; border:1px solid #d2d2d2; color:#fff; font-size:20px; font-weight:400; }
.boxTable table td { padding:0 18px; border:1px solid #d2d2d2; font-size:20px; }

.boxSkill { margin-bottom:12px; position:relative; overflow:hidden; }
.boxSkill h6 { width:230px; height:230px; float:left; margin-left:10px; padding:10px; border-radius:100%; background:#f1f1f1; }
.boxSkill h6 span { width:210px; height:210px; padding:130px 20px 0; display:block; border-radius:100%; background-color:#fff; background-repeat:no-repeat; background-position:center 48px; text-align:center; font-size:24px; font-weight:300; word-break:keep-all; }
.boxSkill.type1 h6 span { border:1px solid #ff7c7c; background-image:url('../images/iconPerformance1.png'); }
.boxSkill.type2 h6 span { border:1px solid #49cbb4; background-image:url('../images/iconPerformance2.png'); background-position:center 40px; }
.boxSkill.type3 h6 span { border:1px solid #7192ee; background-image:url('../images/iconPerformance3.png'); }
.boxSkill ul { position:absolute; left:300px; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.boxSkill ul li { position:relative; padding-left:12px; text-align:left; font-size:18px; line-height:30px; }
.boxSkill ul li:after { content:'•'; position:absolute; left:-5px; top:0; color:#3882f0; font-size:20px; font-weight:300; }

#footer { border-top:1px solid #d4d4d4; }
#footer h3 { width:124px; height:28px; position:absolute; left:10px; top:0; background:url('../images/logoFoot.png') center center no-repeat; font-size:0; text-indent:-99999px; }
#footer ul { margin:30px 0 30px 184px; overflow:hidden; }
#footer ul li { float:left; position:relative; margin-bottom:15px; margin-right:16px; padding-left:10px; font-size:14px; color:#4c4c4c; }
#footer ul li:after { content:'·'; position:absolute; left:0; top:0; }

#goTop { width:54px; height:54px; display:none; position:fixed; bottom:180px; left:50%; margin-left:518px; background:url('../images/btnTop.png') no-repeat; font-size:0; text-indent:-99999px; z-index:999; }

@media (max-width:1000px) {
	.inner { width:100%; padding:0 20px; }

	.swiper-slide:nth-child(1) h2 { margin:0; top:92px; left:30px; }
	.swiper-slide:nth-child(1) span { margin:0; top:160px; left:30px; }
	.swiper-slide:nth-child(2) h2 { margin:0; top:104px; left:30px; }
	.swiper-slide:nth-child(2) span { margin:0; top:170px; left:30px; }
	.swiper-slide:nth-child(3) h2 { top:40px; }
	.swiper-slide:nth-child(3) span { top:110px; }

	.section.type1 p img { width:100%; }

	.boxTable table { width:100%; }
	.boxTable table th { width:40%; }

	.boxSkill h6 { float:none; margin:0 auto 24px; }
	.boxSkill ul { padding:0 10px; margin-bottom:50px; position:relative; left:0; top:0; -webkit-transform:translateY(0); transform:translateY(0); }

	.section.type3 img { width:100%; }

	#footer h3 { display:none; }
	#footer ul { margin:30px 0; }
	#footer ul li:first-child,
	#footer ul li:last-child { float:none; clear:both; }

	#goTop { bottom:100px; left:auto; right:10px; margin:0; }
}

@media (max-width:640px) {
	.inner { padding:0 7px; }

	#header { height:45px; padding-top:10px; }
	#header h1 { height:25px; background-size:auto 100%; }

	.swiper-slide { height:200px; }
	.swiper-slide h2 { font-size:20px; }
	.swiper-slide span { font-size:14px; }
	.swiper-slide:nth-child(1) h2 { margin:0; top:46px; left:15px; }
	.swiper-slide:nth-child(1) span { margin:0; top:74px; left:15px; }
	.swiper-slide:nth-child(2) h2 { margin:0; top:57px; left:15px; }
	.swiper-slide:nth-child(2) span { margin:0; top:91px; left:15px; }
	.swiper-slide:nth-child(3) h2 { top:20px; }
	.swiper-slide:nth-child(3) span { top:48px; }

	.swiper-pagination-bullet { width:8px; height:8px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px; }

	.section { padding:25px 0; }
	.section h4 { margin-bottom:30px; font-size:20px; }
	.section h4:after { width:54px; bottom:-11px; margin-left:-27px; }

	.section.type1 p { margin-bottom:30px; font-size:12px; }

	.boxTable h5 { width:70px; height:20px; background-size:100%; font-size:12px; line-height:20px; }
	.boxTable table th { height:auto; padding:12px 8px; font-size:12px; }
	.boxTable table td { padding:0 8px; font-size:12px; }

	h3.title { display:none; }

	.boxSkill { margin-bottom:0; }
	.boxSkill ul li { padding-left:8px; font-size:12px; line-height:20px; }
	.boxSkill ul li:after { left:-4px; font-size:12px; }
	.boxSkill.type3 ul { margin-bottom:0; }

	.boxSkill h6 { width:160px; height:160px; }
	.boxSkill h6 span { width:140px; height:140px; padding:85px 20px 0; background-position:center 28px; font-size:12px; }
	.boxSkill.type1 h6 span { background-size:auto 35px; }
	.boxSkill.type2 h6 span { background-position:center 28px; background-size:auto 40px; }
	.boxSkill.type3 h6 span { background-size:auto 33px; }

	.section.type3 p { margin-bottom:10px; font-size:12px; line-height:20px; }
	.section.type3 ul { margin-bottom:15px; }
	.section.type3 ul li { font-size:12px; line-height:20px; }

	#footer ul { margin:20px 0; }
	#footer ul li { margin-bottom:8px; margin-right:8px; font-size:12px; }

	#goTop { width:28px; height:28px; right:5px; bottom:50px; background-size:100%; }
}