@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
 font-family: MalgunGothic;
 src: url(/font/MalgunGothic.eot), /* IE9 Compat Modes */
      url(/font/MalgunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
      url(/font/MalgunGothic.woff)  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
 font-family: NanumBarunGothic;
 src: url(/font/NanumBarunGothic.eot), /* IE9 Compat Modes */
      url(/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
      url(/font/NanumBarunGothic.woff)  format('truetype'); /* Safari, Android, iOS */
}

/* reset ============= */
*{margin:0; padding:0;}
ol, ul{list-style:none;}
a{outline:0; text-decoration:none; color:#999;}
a:hover{color:#e64d2c;}
img{border:0;}
html{height:100%;}
body{font-size:62.5%; font-family:"맑은고딕", Malgun Gothic, "나눔바른고딕", NanumBarun Gothic , 'Nanum Gothic','돋움', dotum, AppleGothic, sans-serif;}
button{outline:0; font-family:"맑은고딕", Malgun Gothic, "나눔바른고딕", NanumBarun Gothic , 'Nanum Gothic','돋움', dotum, AppleGothic, sans-serif;}
input{outline:0;}
/* ============= reset */

header, section, footer{width:100%; box-sizing:border-box;}

body.main{height:100%; background:url(../img/main_bg.jpg) no-repeat; background-size:cover; overflow:hidden;}
body.main .main_visual{display:inline-block; position:absolute; bottom:120px; right:-800px; width:780px; height:445px; transform-origin: 100% 100%; opacity:0;}
body.main .wrapper{min-height:100%; position:relative;}
header.main{height:120px; background:none; padding:50px;}
header.main .title{font-size:30px; color:#202d35; letter-spacing:-2px; margin-top:10px;}
section.main{display:block; width:100%; position:absolute; top:40%; margin-top:-172px; text-align:center;}/* 172 : height/2 + footer/2*/
section.main img{display:none;}
section.main form{position:relative; display:inline-block; text-align:left; width:334px; margin-top:40px;}
section.main form .inputbox{margin-bottom:8px;}
section.main form label{display:inline-block; width:37px; height:34px; line-height:34px; font-size:18px; color:#343434; text-align:left;}
section.main form .input_text{box-sizing:border-box; width:213px; height:34px; border-radius:3px; padding:0 10px; font-size:12px; color:black; border: 1px solid #ccc; vertical-align:top; transition:all 0.2s;}
section.main form .input_text:focus{border:1px solid #666;}
section.main form .login{display:inline-block; width:76px; height:76px; position:absolute; right:0; top:0; box-sizing:border-box; text-align:center; color:white; font-size:14px; background:#e54a2b; cursor:pointer; border-radius:3px; letter-spacing:-1px; border:0; transition:all 0.2s;}
section.main form .login:hover{background:#cd241b;}

footer .sitelink li a{float:left; display:block; font-size:12px; color:#eee; background:url(../img/bar.png) no-repeat 0% 70%; padding-left:10px; padding-right:10px;}
footer .sitelink li:first-child a{padding-left:0; background:none;}
footer .sitelink:after{clear:both; content:""; display:block;}
footer .copryright{display:inline-block; padding-top:15px; font-size:11px; color:#acacac;}

footer.main{width: 100%; height: 120px; position: absolute; bottom: 0; left: 0; background:url(../img/top_bg.jpg) repeat-x; color:#a7a7a7;}
footer.main .logo{float:left; display:inline-block; width:220px; padding-left:50px; box-sizing:border-box; line-height:120px;}
footer.main .footertext{float:left; display:inline-block; width:480px; padding:30px 0; position:absolute;}

@media only screen and (min-width: 1281px) {
	.gnb{width:100%; text-align:center;}
	.gnb nav{padding:0;}
}
@media only screen and (max-width: 1771px) {
	.detailsearch .item:nth-child(even){margin-left:30px;}
}
@media only screen and (min-width: 1772px) {
	.detailsearch{height:88px;}	
	.detailsearch .item{margin-left:15px;}
	.detailsearch .item:nth-child(3n+1){margin-left:0;}
}