@charset "utf-8";
@font-face{
	font-family:'notokr-bold';
	src:url("../font/notokr-bold.eot");
	src:url("../font/notokr-bold.eot?#iefix") format("embedded-opentype"),
	url("../font/notokr-bold.woff") format("woff"),
	url("../font/notokr-bold.ttf") format("truetype"),
	url("../font/notokr-bold.svg#notokr-bold") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'notokr-medium';
	src:url("../font/notokr-medium.eot");
	src:url("../font/notokr-medium.eot?#iefix") format("embedded-opentype"),
	url("../font/notokr-medium.woff") format("woff"),
	url("../font/notokr-medium.ttf") format("truetype"),
	url("../font/notokr-medium.svg#notokr-medium") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'notokr-regular';
	src:url("../font/notokr-regular.eot");
	src:url("../font/notokr-regular.eot?#iefix") format("embedded-opentype"),
	url("../font/notokr-regular.woff") format("woff"),
	url("../font/notokr-regular.ttf") format("truetype"),
	url("../font/notokr-regular.svg#notokr-regular") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'notokr-black';
	src: url('../font/notokr-black.eot');
	src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-black.woff2') format('woff2'),
		 url('../font/notokr-black.woff') format('woff'),
		 url('../font/notokr-black.ttf') format('truetype'),
		 url('../font/notokr-black.svg#notokr-black') format('svg');
	font-weight: normal;
	font-style: normal;

}
/* Defalut Setting */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'notokr-regular'; font-size:14px;color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333;text-decoration:none; cursor:pointer}
a,a:hover,a:active,a:focus{text-decoration:none; cursor:pointer}
table{border-collapse:collapse; table-layout:fixed; word-wrap:break-word;}
caption{overflow:hidden; width:0px; height:0px; font-size:0; line-height:0; text-indent:-9999px}
form,fieldset,button{border:0; vertical-align:top}
img{border:0;vertical-align:top}
input,select{vertical-align:middle}
input{-webkit-text-size-adjust:none}
input[type=text],[type=password]{font-size:16px; color:#8d8d8d; border-radius:0;}
input[type=text]::-ms-clear,input[type=password]::-ms-clear{display:none;}
input[type=file]{-webkit-appearance:none;-moz-appearance:none;appearance:none; opacity:0; filter:alpha(opacity=0)}
input[type=checkbox]+label,input[type=file]+label,input[type=radio]+label,button{cursor:pointer}::-webkit-file-upload-button{cursor:pointer}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;} /* for firefox */
/* html5_reset */
body,table,input,textarea,select,button{font-size:14px; letter-spacing:-0.25px; color:#626262;}
header,section,article,footer,nav,aside{display:block;}
header *,
footer *,
.lnb *,
.qlink *{margin:0; padding:0;}
.blind,legend{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;line-height:0}
.fixed:after{display:block;content:'';clear:both;}
.text-lightblue{color:#0095f2 !important;}
.text-white{color:#fff !important;}
.text-black{color:#000 !important;}
.text-1{font-size:20px; line-height:33px; color:#fff;}
.text-2{font-size:28px; line-height:46px; color:#000; letter-spacing:-0.05em;}
/* LAYOUT */
.wrap{position:relative; width:100%; min-height:100%;}
.pc{display:block;}
.mob{display:none;}
.content-wrap {margin:0 auto; width:1200px; padding:0 60px; box-sizing:border-box;}
header{width:100%; height:80px; position:absolute; top:0; z-index:1; background-color:rgba(000,000,000,0);
		-webkit-transition:background-color 1s;
		-moz-transition:background-color 1s;
		-ms-transition:background-color 1s;
		transition: background-color 1s;}
header.active{background-color:rgba(000,000,000,1); position:fixed;}
header .header-inner{position:relative; width:1200px; height:80px; margin:0 auto; box-sizing:border-box;}
header h1{position:absolute; left:60px; top:0; height:80px;}
header h1 a{display:block; width:160px; height:30px; margin-top:25px; background:url(../images/logo.png) no-repeat 0 center; background-size:160px 18px;}
header nav{position:absolute;right:60px; top:0; height:80px;}
header nav ul{float:left;}
header nav ul li{float:left; margin:23px 0 0 35px;}
header nav a{position:relative; display:block; color:#fff; font-size:20px; font-family:'notokr-bold'; line-height:35px; padding:0 0 3px 0;}
header nav a span{ position:absolute; left:0; bottom:0; width:0; height:3px; background:#fff;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
header nav a:hover span{width:100%;}
header nav ul li.on a span{width:100%;}
header nav .lang{float:left; margin:25px 0 0 35px;}
header nav .lang a span{background:#0095f2;}
header nav .lang.on a span{background:#0095f2;}
header .gnb{position:static;left:0; top:0;}
header .gnb .btn-open-nav{width:0;height:0;background:none;}
header .gnb .btn-close-nav{width:0;height:0;background:none;}
.top-visual{width:100%; min-width:1200px; background:url(../images/bg_top_visual.jpg) no-repeat center center; background-size:cover; height:590px;}
.top-visual .content-wrap{position:relative; padding-top:80px; height:590px;}
.top-visual .titlebox{margin:50px 0 0 100px;}
.top-visual .titlebox .title{margin:0 0 26px 0;}
.top-visual .titlebox .title img{width:297px;}
.top-visual .titlebox .text-1{margin-top:12px;}
.top-visual .sns{overflow:hidden;}
.top-visual .sns a{display:block; float:none; width:36px; height:36px;}
.top-visual .sns a.facebook{background:url(../images/sns_facebook01.png) no-repeat 6px center; background-size:15px 27px;}
.top-visual .sns a.youtube{background:url(../images/sns_youtube01.png) no-repeat 0 center; background-size:28px 19px; margin-top:11px;}
.intro:after{content:'';display:block; margin:0 auto; height:4px; width:38px; background:#000;}
.intro ul{padding:63px 0 85px 0; position:relative;}
.intro ul li{float:left; width:360px; padding:214px 0 0 0; text-align:center; line-height:26px; box-sizing:border-box; font-size:17px; letter-spacing:-0.05em;}
.intro ul li.intro-1{background:url(../images/bg_intro01.jpg) no-repeat center 0;background-size:198px 198px;}
.intro ul li.intro-2{background:url(../images/bg_intro02.jpg) no-repeat center 0;background-size:198px 198px;}
.intro ul li.intro-3{background:url(../images/bg_intro03.jpg) no-repeat center 0;background-size:198px 198px;}
.intro ul li p{font-family:'notokr-bold'; font-size:27px;line-height:36px; margin:0 0 7px 0; color:#000;}
.aticle-title{position:relative; font-size:48px; font-family: 'notokr-black'; color:#000; text-align:center; padding:180px 0 0 0;line-height:60px; letter-spacing:0.15em; }
.sub-title{font-size:33px; line-height:50px; font-family:'notokr-bold'; color:#707070; letter-spacing:-0.05em; text-align:center; margin:40px 0 90px 0;}
.about-slogan{width:100%; min-width:1200px; height:300px; background:url(../images/bg_about.jpg) no-repeat 0 center; background-size:cover; line-height:300px; font-size:48px; color:#fff; font-family: 'notokr-black'; text-align:center; letter-spacing:-0.05em;}
.history{width:100%;  min-width:1200px; background:#ffd401; padding:124px 0 128px;}
.history dl{width:336px; float:right;}
.history dl:first-child{width:375px;}
.history dl:first-child dt{background:none;}
.history dl dt{width:100%; height:; font-size:30px; line-height:42px; font-family: 'notokr-black'; color:#000; background:url(../images/arrow01.png) no-repeat 205px 11px; background-size:72px 18px; letter-spacing:-0.075em;}
.history dl dd{margin:24px 0 0 0;}
.history dl dd li{padding:0 0 0 10px; background:url(../images/bl01.png) no-repeat 0px 14px; color:#000; font-size:20px; line-height:36px; font-family:'notokr-medium'; letter-spacing:-0.05em;}
.cont-business{width:100%; min-width:1200px; padding:156px 0 150px; background:#dee1e9; text-align:center;}
.cont-business .graph1{margin-bottom:75px;}
.cont-business .graph1 img{width:666px;}
.cont-business .graph2{margin-top:78px;}
.cont-business .graph2 img{width:972px;}
.cont-recruit{width:100%; min-width:1200px; height:570px; background:url(../images/bg_recruit.jpg) no-repeat center 0; background-size:cover; text-align:center;}
.cont-recruit ul{display:inline-block; margin:120px 0 75px -36px;}
.cont-recruit ul li{float:left; width:180px; height:180px; line-height:180px; border-radius:90px 90px; text-align:center; color:#000; font-family:'notokr-bold'; font-size:24px; background:#fff; margin-left:36px;}
.cont-contact{padding:0 84px; margin:-17px 0 0 0;}
.cont-contact li{height:72px; background:#e8eaf0; line-height:72px; margin-top:17px;}
.cont-contact li:after{content:'';display:block;clear:both;}
.cont-contact li a{display:block;}
.cont-contact li a:hover{background:#000}
.cont-contact li a:hover .title{color:#999;}
.cont-contact li a:hover .email{color:#fff;}
.cont-contact li a .title{float:left; display:block; position:relative; width:230px; line-height:72px; font-family:'notokr-medium'; font-size:24px; text-align:center; color:#5d5e60;}
.cont-contact li a .title:after{content:'';position:absolute; right:0; top:22px; display:block;border-right:1px solid #999; height:30px;}
.cont-contact li a .email{padding:0 0 0 71px; font-size:24px; color:#000; font-family:'notokr-bold';}
.google-map{text-align:center; margin:75px 0 42px 0;}
.google-map a{color:#000; font-size:36px; font-family: 'notokr-black'; border-bottom:2px solid #000; line-height:67px;}
address{font-size:19px; line-height:31px; text-align:center; padding:0 0 112px 0;}
footer{width:1200px; margin:0 auto;}
footer .footer-inner{position:relative; border-top:4px solid #000; padding:28px 0 95px; margin:0 100px;}
footer h1{position:absolute; top:35px; left:0;}
footer h1 img{width:114px;}
footer .copyright{margin-left:213px; font-size:16px; line-height:24px; font-family:'notokr-regular';color:#000; letter-spacing:-0.025em}
footer .copyright p{margin:9px 0 0 0;}
footer .copyright p span{font-family:'notokr-bold';}
footer .sns{position:absolute; right:0; top:39px;}
footer .sns a{display:block; float:left; width:36px; height:36px; margin:0 0 0 12px;}
footer .sns .facebook{background:url(../images/sns_facebook02.png) no-repeat center center; background-size:16px 30px;}
footer .sns .youtube{background:url(../images/sns_youtube02.png) no-repeat right center;background-size:31px 22px;}
	/* MOBILE */
@media (max-width: 1024px){
	body {font-size:14px;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	.text-1{font-size:2.777vw; line-height:4.351vw; color:#fff;}
	.text-2{font-size:4.166vw; line-height:7.037vw; color:#000;}
	img{max-width:100%;}
	.pc{display:none;}
	.mob{display:block;}
	.content-wrap {width:100%; padding:0; box-sizing:border-box;}
	header{width:100%; height:13.889vw; position:absolute; z-index:1; background-color:rgba(255,255,255,0);
		-webkit-transition:background-color 1s;
		-moz-transition:background-color 1s;
		-ms-transition:background-color 1s;
		transition: background-color 1s;
	}
	header.active{background-color:rgba(000,000,000,1); position:fixed;}
	header .header-inner{position:relative; width:100%; height:13.889vw; margin:0; padding:0; box-sizing:border-box; background:none;}
	header h1{position:absolute; left:9.25vw; top:0; height:13.889vw; z-index:100;}
	header h1 a{display:inline-block; width:27.778vw; height:2.778vw; margin-top:5.37vw; background:url(../images/logo.png) no-repeat 0 0; background-size: 27.778vw 2.778vw;z-index:100;}
	header h2 .btn-open-nav{position:absolute; right:5.185vw; top:0; width:13.889vw; height:13.889vw; background:url(../images/btn_nav.png) no-repeat center center; background-size:5.740vw 4.351vw; z-index:100;}
	header .gnb{position:fixed; left:100%; top:0; width:100vw; height:100vh; padding:13.888vw 0 0 0; overflow:auto; background:#fff; box-sizing:border-box; z-index:10;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	header.nav-open .gnb{left:0;}
	header .bg-white{position:fixed; top:0; left:100%; background:#fff; z-index:99; height:13.889vw; width:0;z-index:99;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	header.nav-open .bg-white{
		left:0;
	}
	header.nav-open h1 a{background:url(../images/logo02.png) no-repeat 0 0; background-size: 27.778vw 2.778vw;}
	header.nav-open .btn-open-nav{background:url(../images/btn_close.png) no-repeat center center; background-size:5.37vw 5.37vw;}
	header nav{position:static; right:0; padding:6.028vw 0 0 0; height:13.889vw; box-sizing:border-box;}
	header nav ul{float:none;}
	header nav ul li{float:none; margin:0;}
	header nav a{position:relative; display:block; color:#000; font-size:7.5vw; font-family:'notokr-bold'; line-height:14.814vw; text-align:center; letter-spacing:-0.025em; padding:0;}
	header nav a span{display:none}
	header nav a:hover span{}
	header nav ul li.on a span{}
	/*header nav ul li.on a{color:#0095f2;}*/
	header nav .lang{float:none; margin:0;}
	.top-visual{width:100%; min-width:100%; height:104.63vw; box-sizing:border-box; background-size:cover;}
	.top-visual .content-wrap{position:relative; padding:26.296vw 0 0 9.259vw; height:104.63vw;}
	.top-visual .titlebox{margin:0 0 0 5.555vw;}
	.top-visual .titlebox .title{margin:0 0 4.166vw 0;}
	.top-visual .titlebox .title img{width:46.389vw;}
	.top-visual .titlebox .text-1{margin-top:1.851vw;}
	.top-visual .sns{overflow:hidden; margin:15.666vw 0 0 0;}
	.top-visual .sns a{display:block; float:left; width:5.555vw; height:5.555vw;}
	.top-visual .sns a.facebook{background:url(../images/sns_facebook01.png) no-repeat 0 center; background-size:2.222vw 4.259vw;}
	.top-visual .sns a.youtube{background:url(../images/sns_youtube01.png) no-repeat 100% center; background-size:4.259vw 3.455vw; margin-top:0;}
	.intro{position:relative;}
	.intro:after{display:none;}
	.intro ul{padding:8.333vw 0 9.259vw 0;}
	.intro ul li{float:left; width:100%; padding:37.037vw 0 20.259vw 0; text-align:center; line-height:5.833vw; box-sizing:border-box; font-size:3.611vw; letter-spacing:-0.1em;}
	.intro ul li.intro-1{background:url(../images/bg_intro01.jpg) no-repeat center 0; background-size:33.333vw; }
	.intro ul li.intro-2{background:url(../images/bg_intro02.jpg) no-repeat center 0; background-size:33.333vw;}
	.intro ul li.intro-3{background:url(../images/bg_intro03.jpg) no-repeat center 0; background-size:33.333vw;}
	.intro ul li p{font-family:'notokr-bold'; font-size:5.555vw;line-height:8.333vw; margin:0 0 2.037vw 0; color:#000;}
	.intro ul li div{height:17.592vw;}
	.aticle-title{position:relative; font-size:7.222vw; font-family: 'notokr-black'; color:#000; text-align:center; padding:16.666vw 0 0 0;line-height:8.703vw;}
	.sub-title{font-size:5vw; line-height:7.777vw; font-family:'notokr-bold'; color:#707070; letter-spacing:-0.05em; text-align:center; margin:5.37vw 0 12.037vw 0;}

	.about-slogan{width:100%; min-width:100%; box-sizing:border-box; height:41.666vw; background:url(../images/bg_about.jpg) no-repeat 0 center; background-size:cover; line-height:41.666vw; font-size:6.111vw; color:#fff; font-family: 'notokr-black'; text-align:center; letter-spacing:-0.05em;}
	.history{min-width:100%; box-sizing:border-box; background:#ffd401 url(../images/bg_history.png); background-size:100vw 0.277vw; padding:12.222vw 0 ;}
	.history .content-wrap{margin-top:-7.777vw;}
	.history dl{width:76.629vw; float:none; margin:7.777vw 0 0 11.111vw;}
	.history dl:first-child{width:76.629vw;}
	.history dl dt{width:100%; height:8.333vw; font-size:5vw; line-height:8.333vw; margin:0 0 0 -1.851vw;font-family: 'notokr-black'; color:#000; background:url(../images/bl02.png) no-repeat 0 2.134vw; background-size:3.703vw 3.703vw; letter-spacing:-0.05em; padding:0 0 0 9.259vw;}
	.history dl:first-child dt{background:url(../images/bl02.png) no-repeat 0 2.134vw; background-size:3.703vw 3.703vw; }
	.history dl dd{margin:2.5vw 0 0  7.407vw;}
	.history dl dd li{padding:0 0 0 1.129vw; background:url(../images/bl01.png) no-repeat 0 2.222vw; background-size:0.925vw 0.925vw; color:#000; font-size:3.333vw; line-height:5.555vw; font-family:'notokr-medium'; letter-spacing:-0.05em;}
	.cont-business{width:100%; min-width:100%; padding:13.888vw 0; background:#dee1e9; text-align:center; box-sizing:border-box;}
	.cont-business .graph1{margin-bottom:10.185vw;}
	.cont-business .graph1 img{max-width:70.555vw;}
	.cont-business .graph2{margin-top:9.259vw;}
	.cont-business .graph2 img{max-width:81.481vw;}
	.cont-recruit{width:100%; min-width:100%; height:109.184vw; background:url(../images/bg_recruit.jpg) no-repeat center 0; background-size:cover; text-align:center;}
	.cont-recruit ul{display:inline-block; margin: 12.037vw 0 4.629vw -5.555vw; padding:0 17vw;}
	.cont-recruit ul li{float:left; width:27.778vw; height:27.778vw; line-height:27.778vw; border-radius:100% 100%; text-align:center; color:#000; font-family:'notokr-bold'; font-size:3.703vw; background:#fff; margin:0 0 5.555vw 5.555vw;}
	.cont-contact{padding:0 9.269vw; margin:-2.777vw 0 0 0;}
	.cont-contact li{height:11.111vw;line-height:11.111vw; background:#e8eaf0;  margin-top:2.777vw;}
	.cont-contact li:after{content:'';display:block;clear:both;}
	.cont-contact li a{display:block;}
	.cont-contact li a:hover{background:#e8eaf0;}
	.cont-contact li a:hover .title{color:#5d5e60;}
	.cont-contact li a:hover .email{color:#000;}
	.cont-contact li a .title{float:left; position:relative; width:24.047vw;line-height:11.111vw; font-family:'notokr-medium'; font-size:3.703vw; text-align:center; color:#5d5e60;}
	.cont-contact li a .title:after{content:'';position:absolute; right:0; top:3.333vw; display:block; border-right:1px solid #999; height:4.629vw;}
	.cont-contact li a .email{padding:0 0 0 6.574vw; font-size:3.703vw; color:#000; font-family:'notokr-bold';}
	.google-map{text-align:center; margin:8.333vw 0 4.269vw 0;}
	.google-map a{color:#000; font-size:5.555vw; font-family: 'notokr-black'; border-bottom:2px solid #000; line-height:11.111vw;}
	address{font-size:3.14vw; line-height:5vw; text-align:center; padding:0 0 12.037vw 0;}
	footer{width:100%; box-sizing:border-box;}
	footer .footer-inner{position:relative; border-top:0.555vw solid #000; padding:5.555vw 0 8.796vw 0; margin:0 9.259vw;}
	footer h1{position:static; top:0; left:0; height:2.592vw;}
	footer h1 a{display:block;}
	footer h1 img{width:22.222vw;}
	footer .copyright{margin:3.703vw 0 0 0; font-size:2.407vw; line-height:3.703vw; font-family:'notokr-regular'; color:#000; letter-spacing:-0.04em}
	footer .copyright p{margin:1.388vw 0 0 0;}
	footer .copyright p span{font-family:'notokr-bold';}
	footer .sns{position:static; right:0; top:0;}
	footer .sns a{display:block; float:left; width:5.555vw; height:5.555vw; margin:3.703vw 0.648vw 0 0;}
	footer .sns .facebook{background:url(../images/sns_facebook02.png) no-repeat center center; background-size:2.222vw 4.259vw;}
	footer .sns .youtube{background:url(../images/sns_youtube02.png) no-repeat right center; background-size:4.259vw 3.455vw;}

	.bx-controls {text-align:center; position:absolute; bottom:0; left:0; right:0;}
	.bx-pager {display:inline-block;}
	.bx-pager-item {float:left;}
	.bx-pager-link {display:block;margin:16px 6px;width:1.944vw;height:1.944vw;border-radius:100% 100%;background-color:#b2b2b2;text-indent:-9999px;}
	.bx-pager-link.active {background-color:#0095f2;}
}