@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,800');*/

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

@font-face {
  font-family: 'NanumGothic';
  src: url(/fonts/NanumGothic-Regular.eot);
  src: local('NanumGothic'),
  url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
  url(/fonts/NanumGothic-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

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

@font-face {
  font-family: 'NanumGothic';
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: local('NanumGothicExtraBold'),
  url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
  url(/fonts/NanumGothic-ExtraBold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
}
/* SpoqHanSansNeo 폰트 */

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Light.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Regular.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Medium.ttf)format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff)format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo';
  src: url(/fonts/SpoqaHanSansNeo-Bold.ttf)format("truetype"),
  url(/fonts/NanumGothic-ExtraBold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
 
@font-face {
  font-family: 'PlayfairDisplay';
  src: url(/fonts/PlayfairDisplay-Bold.ttf)format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareB';
  src: url(/fonts/NanumSquareB.ttf)format("truetype");
  font-weight: 800;
  font-style: normal;
}



*{margin:0; padding:0; border:0; vertical-align:top; box-sizing:border-box}
html,body{width:100%; height:100%}
html{overflow-y:scroll; overflow-x:hidden}
body,h1,h2,h3,h4,input,button,textarea,select{font-family:'SpoqaHanSansNeo','NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size:15px; color:#222; line-height:18px; font-weight:400}
body{background-color:#fff; text-align:left; -webkit-text-size-adjust:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul, ol, dl{list-style:none}
img, video{max-width:100%; border:0; vertical-align:middle}
a{vertical-align:baseline; text-decoration:none; color:#222}
a > img{vertical-align:top}
table{border-collapse:separate; border-spacing:0; table-layout:fixed}
table th,
table td{font-weight:normal; vertical-align:middle; text-align:left}
input, select{vertical-align:top}
input, select, textarea{-webkit-border-radius:1px; outline-style:none}
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit], input[type=button], textarea{-webkit-border-radius:1px; -webkit-appearance:none}
input[type=checkbox],
input[type=radio]{width:16px; height:16px; cursor:pointer}
input[type=radio]{cursor:pointer}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px auto inset}
label{cursor:pointer; vertical-align:top; padding-left:4px; margin-right:5px}
legend, hr, caption{display:block; overflow:hidden; position:absolute; top:0; left:-1000em}
i, em, address{font-style:normal; font-weight:normal}


/* input, textarea */

input[type=submit]{cursor:pointer}
input[type=submit]:hover{text-decoration:none}
input[type=button]{cursor:pointer}
input[type=button]:hover{text-decoration:none}
input[type=text],
input[type=password]{border:1px solid #dcdce7; width:270px; height:30px; line-height:18px; padding:0 5px; font-size:11px}
textarea{border:1px solid #d5d5d5; line-height:18px; padding:5px; width:100%; height:200px}
/*
input, select, textarea{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; outline-style:none}
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit], input[type=button], textarea{-webkit-border-radius:1px; -moz-appearance:none; -webkit-appearance:none; appearance:none}
*/


select{width:auto; line-height:18px; height:20px; font-size: 14px; border:1px solid #dcdce7; padding:0; color:#222; padding-left:5px; vertical-align:middle}
select option{color:#222}
/*
select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand{display: none}
*/

input[type=checkbox],
input[type=radio]{width:14px; height:14px; vertical-align:middle; border:1px solid #d1d4dd}





/* placeholder */
::placeholder{color:#aaa; opacity:1}
:-ms-input-placeholder{color:#aaa}
::-ms-input-placeholder{color:#aaa}



/* pop_daum_post */
.pop_daum_post{display:none; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-290px; width:600px; height:580px; background:#fff; padding:35px; z-index:11000; overflow-y:hidden}
.pop_daum_post strong{font-size:20px; font-weight:700; color:#000}
.pop_daum_post a.close{position:absolute; right:35px; top:33px; display:block; width:30px; height:30px; text-indent:-9999em; background:url(/images/common/ico_pop_close.png) no-repeat}
.pop_daum_post #pop_daum_post{height:455px; margin-top:30px; -webkit-overflow-scrolling:touch}


/* fake form - placeholder */
.placeholder {color: #bbb;}

/* fake form - radio */
.radio {width: 18px; height: 18px; vertical-align: -5px; margin-right: 0; background: url('/images/common/radio.png') no-repeat; display: inline-block; cursor:pointer}
.radio.checked {background-position: 0 -18px;}

/* fake form - checkbox */
.checkbox {width: 18px; height: 18px; vertical-align:-5px; margin-right: 0; background: url('/images/common/checkbox.png') no-repeat; display: inline-block; cursor:pointer}
.checkbox.checked {background-position: 0 -18px}


/* blind */
#blind_all{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:10000}
#blind_all.on{display:block}