/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset 'utf-8';

/* ●●●●●●●●●● 기본설정 */

html {width:100%; height:100%;}
body {margin:0; padding:0; background:#fff; min-width:1280px; height:100%;}

/* 시스템폰트 사용시 */
/* body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#888; word-wrap:break-word; word-break:keep-all; font-family:dotum, sans-serif ; font-size:12px; font-weight:400;}
b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-size:inherit; font-weight:600; letter-spacing:0px;}
 */
/* 웹폰트 사용시 */
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all; font-family:"NanumBarunGothic",sans-serif; font-size:12px; font-weight:400}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:600}

p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}
span,div,a,b,strong,label {color:inherit; font-size:inherit; font-weight:inherit}
table caption {width:0px; height:0px; font-size:0; visibility:hidden; }

a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer}
a:hover, a:active {color:#ff6600; text-decoration: none;}


/* 폼요소기본 */
label {display:inline-block; overflow:hidden; cursor:pointer; color:#888}
label:hover {color:#333}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; height:13px; width:13px; cursor:pointer;}

input[type=submit],input[type=button],button {cursor:pointer; border:0;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0;padding:0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#999; background:transparent; margin:0; padding:0; border:0;}
input:focus {color:#333 !important;}
input::-ms-clear {display: none;}
textarea {color:#999; background:transparent; margin:0;padding:0; ; border:0; }
textarea:focus {color:#333 !important;}
select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;} /* 셀렉트는오류때문에 필수! */
table caption { width:0px; height:0px; font-size:0; visibility:hidden; }
/* 검색인풋에 자동x버튼 삭제 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;}


/* 웹접근성 작업 시 사용하면 안됨 */
input,select,textarea {outline:none}


/* placeholder는 아직 브라우저 환경때문에 PC버전에서 제한적 사용  */
input::-webkit-input-placeholder {color:#999}
input::input-placeholder {color:#999}
textarea::-webkit-textarea-placeholder {color:#ff0000}
textarea::textarea-placeholder {color:#ff0000}


/* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */
::selection {background:#333; color:#fff; text-shadow: none;} 
::-moz-selection {background:#333; color:#fff; text-shadow: none;} 
::-webkit-selection {background:#333; color:#fff; text-shadow: none;} 


/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #EBF1F5 inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #d8e0e6 inset;}



/* ●●●●●●●●●● 나눔고딕 */
@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 300;
	src: url("webfont/NanumGothic-Light.eot");
	src: url("webfont/NanumGothic-Light.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-Light.woff2") format("woff2"), 
	url("webfont/NanumGothic-Light.woff") format("woff");
	/* url("webfont/NanumGothic-Regular.ttf") format("truetype"); */
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 400;
	src: url("webfont/NanumGothic-Regular.eot");
	src: url("webfont/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-Regular.woff2") format("woff2"), 
	url("webfont/NanumGothic-Regular.woff") format("woff");
	/* url("webfont/NanumGothic-Regular.ttf") format("truetype"); */
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 600;
	src: url("webfont/NanumGothic-Bold.eot");
	src: url("webfont/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-Bold.woff2") format("woff2"), 
	url("webfont/NanumGothic-Bold.woff") format("woff"); 
	/* url("webfont/NanumGothic-Bold.ttf") format("truetype"); */
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 800;
	src: url("webfont/NanumGothic-ExtraBold.eot");
	src: url("webfont/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), 
	url("webfont/NanumGothic-ExtraBold.woff2") format("woff2"), 
	url("webfont/NanumGothic-ExtraBold.woff") format("woff"); 
	/* url("webfont/NanumGothic-ExtraBold.ttf") format("truetype"); */
}



.wrap {position:relative;}
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {width:1050px; margin:0 auto; position:relative} /* 이부분 실작업시 수정할것!  컨첸츠 레이아웃 전체값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.upper_link img {width:100%; height:100%;}

li {list-style:none;}

.upper_skin {position:fixed; left:0; top:0; width:100%; background:#fff; height:30px; border-bottom:1px solid #333; box-sizing:border-box; z-index:2}
.upper_skin * { font-family:나눔고딕,"NanumGothic" }
.upper_skin .inner_box {overflow:hidden;}
.upper_skin dl {float:left; margin-right:50px;}
.upper_skin dl  * {line-height:29px;}
.upper_skin dt {float:left;}
.upper_skin dd {float:left;}
.upper_skin .btn {color:#000; font-weight:600; padding:0 12px 0 35px; font-size:11px;}
.upper_skin .ic_pc {background:#eee url('../images/ic_pc.png') 12px center no-repeat;}
.upper_skin .ic_m {background:#eee url('../images/ic_m.png') 13px center no-repeat;}
.upper_skin .btn2 {color:#000; font-weight:600; padding:0 18px; border-left:1px solid #ddd; float:left;}
.upper_skin .btn2:hover {color:#ff0000; text-decoration:underline; background:#eee;}
.upper_skin .hit.skin1 {background:#1e5aa0 !important; color:#fff;}
.upper_skin .hit.skin2 {background:#bc0001 !important; color:#fff;}
.upper_skin .hit.skin3 {background:#333333 !important; color:#fff;}

.upper_skin .tip {position:absolute; right:0; top:8px; color:#888; letter-spacing:-1px; font-size:11px; text-align:right; line-height:1.4;}




.skin_box {overflow:hidden; text-align:center; margin-top:30px;}
.skin01 {background:transparent url('../images/skin_01.jpg') center top repeat-x; height:2450px;}
.skin02 {background:transparent url('../images/skin_02.jpg') center top repeat-x; height:3330px;}
.skin03 {background:transparent url('../images/skin_03.jpg') center top repeat-x; height:3000px;}
.skin03 .skin3q {position:fixed; right:0; top:30px; width:74px; height:100%; background:transparent url('../images/skin_03q.jpg') center top repeat-x; z-index:1}



/* wide */
@media screen and (max-width:1450px) {
	.skin03 .skin3q {display:none;}
}