@charset "utf-8";
@import url('/css/font.css');

*{margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{-webkit-text-size-adjust:none;}
html, body{width:100%; height:100%; font-size:16px; line-height:1.5; background-color:#151515;}
body, input, button, textarea{color:#fff; font-family:"Oswald", "aritadm", sans-serif;}
img, fieldset, iframe{border:0 none;}
li{list-style:none;}
img{vertical-align:middle;}
i, em, address{font-style:normal;}
a{color:#fff; text-decoration:none;}
a:hover{text-decoration:none;}
legend{*width:0;}
legend, caption, figcaption{visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;}

.clear{clear:both;}
::selection{background:#ea252f; color:#fff; text-shadow:none;}
::-moz-selection{background:#ea252f; color:#fff; text-shadow:none;}
::-webkit-selection{background:#ea252f; color: #fff; text-shadow: none;}

#wrap{position:relative; width:100%; height:100%; word-break:keep-all; word-wrap: break-word;}

#header{z-index:900; position:absolute; top:0; left:0; width:100%; height:106px; padding:30px 50px 0; /*border-bottom:1px solid rgba(255,255,255,0.08); background-color:rgba(0,0,0,0.1);*/}
#header h1{float:left; width:185px; height:45px; text-indent:-9999em; background:url('/img/rodaloft.png') no-repeat 0 0;}

#header #gnb_view{z-index:9999; position:fixed; top:29px; display:inline-block; width:50px; height:47px; text-indent:-9999em; background-image:url('/img/gnb.png'); background-repeat:no-repeat; background-position:center center; cursor:pointer; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#header .gnb_pos{right:50px;}
#header .gnb_fix{right:30px; background-color:#151515;}
#header .gnb_fix:hover{background-color:#ea252f;}

#gnb{z-index:9000; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; text-transform:uppercase;}
#gnb .gnb_text{position:fixed; top:50%; left:50%; 
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
#gnb .gnb_text ul{width:100%;}
#gnb .gnb_text ul li{text-align:center;}
#gnb .gnb_text ul li a{padding:10px; font:3.75em/2 'aritadt' , sans-serif; letter-spacing:0.1em; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#gnb .gnb_text ul li a:hover{color:#ea252f; padding-right:50px;}

#visual{overflow:hidden; position:relative; width:100%; height:100%; min-height:900px; text-transform:uppercase; background:url('/img/visual_bg.jpg') no-repeat 80% center; background-size:cover;}
#visual:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
#visual .visual_tit{z-index:10; position:absolute; top:26%; left:50%; 
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#visual .visual_tit h2{font:0.875em 'Oswald', sans-serif; font-weight:400; letter-spacing:0.34em;}
#visual .visual_tit h2 span{color:#6e6e6e; font-weight:500;}
#visual .visual_text{z-index:10; position:absolute; bottom:15%; left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	}
#visual .visual_text strong{font:6.563em 'Raleway', sans-serif; font-weight:900; letter-spacing:0.17em; text-shadow:0px 5px 10px #000;}
#visual .visual_text p.eng{font:4.375em 'Raleway', sans-serif; font-weight:100; letter-spacing:0.136em;}
#visual .visual_text p.kor{font:1em/3.5 'aritadt' , sans-serif; letter-spacing:0.05em; margin-left:5px;}

h2{font:10.625em 'Raleway', sans-serif; font-weight:900;}
h3{font:4em/1.1 'Oswald', sans-serif; font-weight:700; letter-spacing:0.02em;}
.content{position:relative; height:100%; margin:0 auto; padding:150px 0;}

#about{overflow:hidden; position:relative; width:100%; color:#151515; text-transform:uppercase; background-color:#fff;}
#about h2{color:rgba(0,0,0,0.05);}
#about h3{color:#151515;}
#about h3:after{content:''; display:block;}
#about .content .sec_01 p,
#about .content .sec_01 strong{display:block;}
#about .content .sec_02 div{float:left;}
#about .content .sec_01 p.eng,
#about .content .sec_02 p.eng{margin-top:36px; font-size:0.75em; font-weight:300; letter-spacing:0.2em;}
#about .content .sec_01 strong.tit,
#about .content .sec_02 strong.tit{display:block; margin-top:23px; font:1.625em/1.4 'aritadsb', sans-serif;}
#about .content .sec_01 p.text,
#about .content .sec_02 p.text{margin-top:20px; font:0.938em/1.75 'aritadm', sans-serif; color:#666;}
#about .content a{font-size:0.813em; font-weight:400; letter-spacing:0.2em; background-color:#ea252f; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#about .content a:hover{background-color:#151515;
	-webkit-border-radius:0 20px;
	-moz-border-radius:0 20px;
	-o-border-radius:0 20px;
	border-radius:0 20px;}

#vision{overflow:hidden; position:relative; width:100%; text-transform:uppercase; background:url('/img/vision_bg.jpg') no-repeat center center; background-size:cover;}
#vision h2{color:rgba(255,255,255,0.04);}
#vision h3{color:#fff;}
#vision .content ul{clear:both;}
#vision .content li{display:inline-block; position:relative; box-shadow:0px 10px 10px rgba(0,0,0,0.4); background-size:cover; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
#vision .content li:last-child{margin-right:0;}
#vision .content li:nth-child(1){background:url('/img/vision_img1.jpg') no-repeat center center; background-size:cover;}
#vision .content li:nth-child(2){background:url('/img/vision_img2.jpg') no-repeat center center; background-size:cover;}
#vision .content li:nth-child(3){background:url('/img/vision_img3.jpg') no-repeat center center; background-size:cover;}
#vision .content li div{position:absolute; bottom:0; left:0; padding:36px 40px; background-color:rgba(3,3,5,0.75);}
#vision .content li div strong{margin-top:20px; font:1.25em/1.3 'aritadm', sans-serif; color:#fff;}
#vision .content li div p{margin-top:11px; font-size:0.875em; font-weight:500; color:#7a7a7a; letter-spacing:0.22em;}
#vision .content li div p span{color:#ea252f;}

#recruit{overflow:hidden; position:relative; width:100%; text-transform:uppercase; background:url('/img/recruit_bg.jpg') no-repeat center center; background-size:cover;}
#recruit h2{color:rgba(0,0,0,0.06);}
#recruit h3{color:#151515;}
#recruit h3:after{content:''; display:block;}
#recruit .content ul{clear:both;}
#recruit .content li{display:inline-block; box-shadow:0px 10px 10px rgba(0,0,0,0.2);}
#recruit .content li div{width:315px; height:100%; padding:70px 50px 0 50px; background-color:#ea252f; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#recruit .content li div strong{display:block; font-size:1.75em; font-weight:400; letter-spacing:0.06em; color:#fff;}
#recruit .content li div p{margin-top:15px; font-size:1em; line-height:1.65; color:rgba(255,255,255,0.8);}
#recruit .content li:nth-child(1){background:url('/img/recruit_img1.jpg') no-repeat right top;}
#recruit .content li:nth-child(2){background:url('/img/recruit_img2.jpg') no-repeat left top; text-align:right;}
#recruit .content li:nth-child(3){background:url('/img/recruit_img3.jpg') no-repeat right top;}
#recruit .content li:nth-child(4){background:url('/img/recruit_img4.jpg') no-repeat left top; text-align:right;}
#recruit .content li:nth-child(2n) div{float:right;}
#recruit .content li:hover div{background-color:#151515;}
#recruit .content li:hover strong{color:#ea252f;}
#recruit .content li:hover p{color:rgba(255,255,255,1);}

#contact{overflow:hidden; position:relative; width:100%;}
#contact h2{color:rgba(255,255,255,0.03);}
#contact h3{color:#fff; text-transform:uppercase;}
#contact h3:after{content:''; display:block;}
#contact .content dl{clear:both;}
#contact .content dt{float:left; font-size:1em; font-weight:700; color:#ea252f; letter-spacing:0.1em; text-transform:uppercase;}
#contact .content dd{font:1em/2 'aritadm', sans-serif; color:#fff;}
#contact .content dd span{display:block;}
#contact .map{background-color:#fff;}

#footer{overflow:hidden; position:relative; width:100%; padding:40px 0 50px; text-align:center; font-size:0.875em; font-weight:400; color:#151515; letter-spacing:0.1em; background-color:#fff; text-transform:uppercase;}


/* Responsive */
@media all and (min-width:1401px) {
	#wrap{min-width:1260px;}
	#visual .visual_tit{width:1240px;}
	#visual .visual_text{width:1240px;}
	#visual .visual_text strong:before{content:''; display:block; position:absolute; left:-50%; top:56px; margin-left:-675px; width:100%; border-top:10px solid #ea252f;}
}

@media all and (max-width:1400px){
	#visual .visual_tit{width:90%; margin-left:20px;}
	#visual .visual_text{width:100%; padding-left:62px; border-left:20px solid #ea252f;}
}

@media all and (min-width:1281px) {
	.content{width:1240px;}
	h3{display:inline-block; position:absolute;}

	#about{height:1077px;}
	#about h2{float:right; margin:288px 50px 0 0;}
	#about h3{top:208px; right:60px; width:430px;}
	#about h3:after{position:absolute; left:0; top:174px; width:5000px; border-top:10px solid #ea252f;}
	#about .content .sec_01{position:absolute; top:150px; left:0;}
	#about .content .sec_01 p,
	#about .content .sec_01 strong{width:420px;}
	#about .content .sec_02{position:absolute; bottom:150px; right:0; width:730px;}
	#about .content .sec_02 div{width:330px;}
	#about .content .sec_02 div:first-child{margin-right:70px;}
	#about .content a{display:inline-block; position:absolute; bottom:190px; left:0; padding:15px 50px;}

	#vision{height:1080px;}
	#vision h2{float:left; margin:113px 0 0 50px;}
	#vision h3{top:140px; left:553px; width:285px;}
	#vision h3:before{content:''; display:block; position:absolute; right:352px; top:68px; width:5000px; border-top:10px solid #ea252f;}
	#vision .content li{float:left; width:360px; height:566px; margin:35px 80px 0 0;}
	#vision .content li:hover{margin-top:15px; box-shadow:0px 10px 10px rgba(0,0,0,0.6);}
	#vision .content li div{width:360px; height:156px;}

	#recruit{height:1085px;}
	#recruit h2{float:right; margin:113px 50px 0 0;}
	#recruit h3{top:140px; left:280px; width:400px; text-align:right;}
	#recruit h3:after{position:absolute; left:468px; top:68px; width:5000px; border-top:10px solid #ea252f;}
	#recruit .content li{float:left; width:595px; height:260px;}
	#recruit .content li:nth-child(1){margin:32px 50px 50px 0;}
	#recruit .content li:nth-child(2){margin:32px 0 50px 0;}
	#recruit .content li:nth-child(3){margin:0 50px 0 0;}
	#recruit .content li:nth-child(4){margin:0;}

	#contact{height:960px;}
	#contact h2{float:left; margin:218px 0 0 50px;}
	#contact h3{top:139px; left:0; width:490px;}
	#contact h3:after{position:absolute; right:0; top:174px; width:5000px; border-top:10px solid #ea252f;}
	#contact .content dl{clear:both; float:left; display:inline-block; width:45%; margin-top:-24px;}
	#contact .content dt{width:70px; margin-bottom:37px; line-height:2;}
	#contact .content dt.add{clear:both; width:100px; margin-bottom:7px;}
	#contact .content dd.add{clear:both;}
	#contact .content dd{margin-bottom:50px;}

	#contact .map{position:absolute; top:150px; right:0; width:50%; height:660px;}
}

@media all and (max-width:1280px){
	.content{width:100%; padding:140px 0 150px;}

	#about h2,
	#vision h2,
	#recruit h2,
	#contact h2{position:absolute; top:145px; right:40px;}
	#about h3,
	#vision h3,
	#recruit h3,
	#contact h3{margin-left:60px;}
	#about h3:after,
	#vision h3:after,
	#recruit h3:after,
	#contact h3:after{width:100%; margin-top:30px; border-bottom:10px solid #ea252f;}

	#about .content .sec_01{margin:60px 0 0 60px; padding:0 60px 0 0;}
	#about .content .sec_01 img{width:100%;}
	#about .content .sec_02{margin:60px 60px 0 60px;}
	#about .content .sec_02 div{width:48%;}
	#about .content .sec_02 div:nth-child(2){float:right;}
	#about .content .sec_02 div img{width:100%;}
	#about .content .sec_02:after {content:''; display:block; clear: both; height:0; visibility:hidden;}
	#about .content a{display:block; margin:50px 60px 0; padding:20px 0; text-align:center;}

	#vision h3:after{content:''; display:block;}
	#vision .content ul{margin:0 60px;}
	#vision .content li{float:left; width:33.33%; height:550px; margin-top:60px;}
	#vision .content li:hover{margin-top:40px; box-shadow:0px 10px 10px rgba(0,0,0,0.6);}
	#vision .content li div{width:100%; min-height:200px; padding:60px; text-align:center;}
	#vision .content ul:after {content:''; display:block; clear: both; height:0; visibility:hidden;}

	#recruit .content ul{margin:60px 60px 0;}
	#recruit .content li{width:49%; height:260px;}
	#recruit .content li:nth-child(1n){float:left;}
	#recruit .content li:nth-child(2n){float:right;}
	#recruit .content li:nth-child(1),
	#recruit .content li:nth-child(2){margin-bottom:20px;}
	#recruit .content li:nth-child(2n) p{clear:both;}
	#recruit .content ul:after{content:''; display:block; clear: both; height:0; visibility:hidden;}

	#contact .content{margin-bottom:-100px;}
	#contact .content dl{display:block; width:100%; margin:100px 60px 0px;}
	#contact .content dt{width:110px; margin-bottom:25px; line-height:1.5;}
	#contact .content dd{margin-bottom:40px; line-height:1.7;}
	#contact .map{width:100%; height:500px;}
}

@media all and (max-width:1160px){
	#vision .content li div{height:50%;}
}

@media all and (max-width:800px){
	#header{padding:30px 30px 0;}
	#header .gnb_fix{right:10px;}

	.content{width:100%; padding:90px 0;}

	#visual{min-height:100%}
	#visual .visual_tit h2 span{display:block; margin-bottom:5px;}
	#visual .visual_text{bottom:10%; padding-left:40px; border-left:20px solid #ea252f;}
	#visual .visual_text strong{font-size:13vw; letter-spacing:0.09em;}
	#visual .visual_text p.eng{font-size:9vw; letter-spacing:0.06em;}
	#visual .visual_text p.kor{margin:10px 30px 0 0; font-size:0.875em; line-height:1.6;}

	#about h2,
	#vision h2,
	#recruit h2,
	#contact h2{display:none;}
	#about h3,
	#vision h3,
	#recruit h3,
	#contact h3{margin-left:50px;}

	#about h3:before,
	#vision h3:before,
	#recruit h3:before,
	#contact h3:before{float:right; width:50px; height:1px; content:''; display:block; background-color:rgba(0,0,0,0.0);}
	#about h3:after,
	#vision h3:after,
	#recruit h3:after,
	#contact h3:after{margin-top:20px; border-bottom:6px solid #ea252f;}

	#about .content .sec_01{margin:60px 0 0 50px; padding:0 50px 0 0;}
	#about .content .sec_02{margin:50px 50px 0 50px;}
	#about .content .sec_02 div{width:100%;}
	#about .content .sec_02 div:nth-child(2){margin-top:50px;}
	#about .content a{margin:40px 50px 0; padding:15px 0; font-size:0.875em;}

	#vision .content ul{margin:10px 50px 0;}
	#vision .content li{width:100%; height:400px; margin-top:40px;}
	#vision .content li:nth-child(2),
	#vision .content li:nth-child(3){margin-top:30px;}
	#vision .content li div{height:45%; min-height:45%; padding:50px 30px; text-align:center;}

	#recruit .content ul{margin:50px 50px 0;}
	#recruit .content li{display:block; width:100%; height:210px;}
	#recruit .content li:nth-child(3){margin-bottom:20px;}
	#recruit .content li div{width:65%; padding:50px 40px 0 40px;}
	#recruit .content li div strong{font-size:1.5em;}

	#contact .content{margin-bottom:0;}
	#contact .content dl{clear:both; display:block; width:100%; margin:50px 50px 0 50px;}
	#contact .content dt{width:70px;}
	#contact .content dt.add{clear:both; width:100px; margin-bottom:10px;}
	#contact .content dd.add{clear:both; margin-bottom:0; padding-right:30px;}
	#contact .content dd{margin-bottom:30px;}

	#footer{font-size:0.75em;}
}

@media all and (max-width:450px){
	#header{padding-left:20px;}
	#header h1{width:120px; background-size:120px auto;}
	#header #gnb_view{top:18px;}
	#header .gnb_pos{right:20px;}
	#header .gnb_fix{right:10px;}

	#visual .visual_text{bottom:8%; padding-left:30px; border-left:10px solid #ea252f;}
	#visual .visual_text p.kor{font-size:0.75em;}
	#gnb .gnb_text ul li a{font-size:2.5em;}

	h3{font-size:11vw;}
	.content{padding:60px 0;}

	#about h3:before,ba
	#vision h3:before,
	#recruit h3:before,
	#contact h3:before{width:30px;}
	#about h3,
	#vision h3,
	#recruit h3,
	#contact h3{margin-left:30px;}

	#about .content .sec_01{margin:40px 30px 0 30px; padding:0;}
	#about .content .sec_02{margin:50px 30px 0 30px;}
	#about .content .sec_01 strong.tit,
	#about .content .sec_02 strong.tit{font:1.375em/1.2 'aritadsb', sans-serif;}
	#about .content a{margin:40px 30px 0;}

	#vision .content ul{margin:0 30px;}

	#recruit .content ul{margin:40px 30px 0;}
	#recruit .content li div{width:90%; padding:50px 30px 0 30px;}

	#contact .content dl{margin:40px 30px 0 30px;}
}
/*
     FILE ARCHIVED ON 23:51:53 Sep 12, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:15:01 Oct 14, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.606
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.014
  esindex: 0.013
  cdx.remote: 27.278
  LoadShardBlock: 39.553 (3)
  PetaboxLoader3.datanode: 62.742 (4)
  load_resource: 198.737
  PetaboxLoader3.resolve: 159.721
*/