@charset "utf-8";

/*Avenir*/
@font-face {
font-family:'Avenir';
font-weight:normal;
font-style:normal;
src:url('/fonts/Avenir/Avenir-Light.eot');
src:url('/fonts/Avenir/Avenir-Light.eot?#iefix') format('embedded-opentype'),
url('/fonts/Avenir/Avenir-Light.woff') format('woff'),
url('/fonts/Avenir/Avenir-Light.otf') format('opentype');
}

@font-face {
font-family:'Avenir';
font-weight:600;
font-style:normal;
src:url('/fonts/Avenir/Avenir-Medium.eot');
src:url('/fonts/Avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
url('/fonts/Avenir/Avenir-Medium.woff') format('woff'),
url('/fonts/Avenir/Avenir-Medium.otf') format('opentype');
}

@font-face {
font-family:'Avenir';
font-weight:700;
font-style:normal;
src:url('/fonts/Avenir/Avenir-Bold.eot');
src:url('/fonts/Avenir/Avenir-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/Avenir/Avenir-Bold.woff') format('woff'),
url('/fonts/Avenir/Avenir-Bold.otf') format('opentype');
}

/*NanumSquareR*/
@font-face {
font-family:'NanumSquareR';
font-weight:normal;
font-style:normal;
src:url('/fonts/NanumSquareR/NanumSquareR.eot'); /* IE9 Compat Modes */
src:url('/fonts/NanumSquareR/NanumSquareR.otf') format('opentype'),
url('/fonts/NanumSquareR/NanumSquareR.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumSquareR/NanumSquareR.woff') format('woff');
}

/* Reset */
html, body {height:100%;font-family:'Malgun Gothic', '맑은고딕','돋움',Dotum,'굴림',Gulim,Helvetica,'Apple SD Gothic Neo',sans-serif;font-weight:normal;font-size:10px;color:#000;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;} /* 자동으로 폰트크기 조절금지 */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,hr,figure,menu,p,pre,fieldset,legend,button {margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td,header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption,form,fieldset,legend,select,input,textarea,span, strong, a, button {line-height:100%;word-break:break-all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;} /* 익스 9 이하 지원 */
address,cite,em,dfn,i {font-style:inherit;}
h1,h2,h3,h4,h5,h6,th,strong,b {font-size:inherit;font-weight:inherit;}
select,button,input,textarea {font-family:inherit;font-size:inherit;vertical-align:middle;}
legend,fieldset {border:none;}
textarea {resize:none;white-space:pre-wrap !important;}
table {border-collapse:collapse;border-spacing:0;}
caption,legend {width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
ul,ol,li {list-style:none;}
img {border:none;}
a,button {color:inherit;/*-webkit-tab-highlight-color:rgba(0,0,0,0);-webkit-tab-highlight-color:transparent;outline:0;*/}
button {background:none;border:none;cursor:pointer;}
a,a:link,a:visited,a:active {color:inherit;text-decoration:none;}
a:hover {color:inherit;}

.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 글씨 말줄임 정의 */
.blind {position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;font-size:0;line-height:0;} /* 영역 숨김 정의 */
.clfix:after {content:"";display:block;clear:both;visibility:hidden;height:0;} /* float 해제 정의 */

/* 스킵네비게이션 */
#skipnavi {}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#e9e9e9;padding:7px 0 5px;height:auto;color:#000;font-weight:bold;text-align:center;text-decoration:none;}
/*************************************************************************************************
	box 사이즈 정의
*************************************************************************************************/
.row {width:100%;}
.row:before, .row:after {display:table;line-height:0;content:"";}
.row:after {clear:both;}
.box1 {width:8.33%;}
.box2 {width:16.66%;}
.box3 {width:25%;}
.box4 {width:33.33%;}
.box5 {width:41.66%;}
.box6 {width:50%;}
.box7 {width:58.33%;}
.box8 {width:66.66%;}
.box9 {width:75%;}
.box10 {width:83.33%;}
.box11 {width:91.66%;}
.box12 {width:100%;}

.inlind {display:inline;}
.inlindBlock {display:inline-block;}
.block {display:block;}

/*************************************************************************************************
	input 스타일 정의
*************************************************************************************************/
input[disabled="disabled"], .disabled, input[disabled="disabled"]:focus, .disabled:focus {background:#eeeeee;color:#aaaaaa;border:1px solid #ddd;-webkit-appearance:none;opacity:1;}/* 웹킷(아이폰) 기반 그림자 삭제, 비활성화 투명도 삭제 */
input[readonly="readonly"], .readonly, input[readonly="readonly"]:focus, .readonly:focus {background:#eeeeee;color:#aaaaaa;border:1px solid #ddd;-webkit-appearance:none;}/* 웹킷(아이폰) 기반 그림자 삭제 */
input[type="tel"], input[type="number"] {}
input[type=text]::-ms-clear, input[type=text]::-ms-reveal {display:none;height:0;width:0;} /* clear button 삭제 */


/* 공통 클래스 */
.mt5 {margin-top:5px;}

.mb5 { margin-bottom:5px; }

.pdb0 {padding-bottom:0px !important;}