@charset "UTF-8";
/* reset style [start] */
html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, q, s, dl, dt, dd, ol, ul, li, fieldset, form, input, table, tr, th ,td, button, a, div { margin: 0; padding: 0; border:0; line-height: 1.5em;  box-sizing:border-box;}

img, fieldset {border:0 none;}
body {position:relative;font-size:75%;line-height:1.8em;color:#222; font-family:"NotoKr","돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,"sans-serif";}
strong { font-weight: bold; }
em, dfn, cite, address { font-style:normal; }
sup, sub { font-size:0.92em; }
del { text-decoration:line-through; }
button {cursor:pointer; border:none;     font-family: inherit; background:none}
span.button, img.button, a.button {vertical-align:middle;}
ol, ul, li { list-style:none;}
table {border-collapse: collapse; border-spacing:0;}
/* legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;} */
/* caption {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;} */
legend {display:block; position:absolute; top:0; left:0; width:100%; height:1px; font-size:0; line-height:0;}
caption {height:1px; font-size:0; line-height:0;}
hr {display:none;}
a {color:#222;}
a:link {  text-decoration:none; }
a:visited { text-decoration:none; }
a:hover {  text-decoration:none; }
a:active {text-decoration:none; }
button,input,optgroup,select,textarea{margin:0;padding:0;border:none;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}

.clearfix:after {display:block; visibility:hidden; clear:both; content:'.'; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* .skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;} */
.skip {display:block; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; background-color:transparent; font-size:0; line-height:0;}
.clear{clear: both;}


/* 입력 form */
input[type="text"]{ border:solid 1px #ccc;}
input[type="password"]{border:solid 1px #ccc;}


img {max-width:100%}


/* 본문바로가기  */
.accessibility {position:relative;overflow:hidden;z-index:3000;width:100%;}
.accessibility a{display:block;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
html,body{width:100%;}
body{color:#222;font-family:'NotoKr','Noto Sans','Noto Sans KR','Noto Sans CJK KR',NotoKr,'Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleGothic,AppleSDGothicNeo,Helvetica,sans-serif;font-size:16px;font-size-adjust:none;font-weight:400;letter-spacing:-0.025em;line-height:1.6em;}
#english{letter-spacing:-0.5px;}
#chinese{font-family:'宋體', 'simsun', Arial;}
#japanese{font-family:'Roboto Condensed', Arial, helvetica,  "Times New Roman", sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;letter-spacing:0;}
.contents_empty{position:relative;padding:1px 0;background:url(/common/images/wait-dot-pattern.png) repeat;text-align:center;}
.contents_empty:before{display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:#fff;}
.contents_empty > img{display:block;position:relative;z-index:1;margin:110px auto;}

/* slick */
.slick-slider {position:relative;}
.slick-list {overflow:hidden; position:relative;}
.slick-track {position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after {display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left;}
.slick-slide.slick-loading img {display:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;}

@media screen and (max-width:640px) {
    body{font-size: 14px;}
}

/* 아이폰 폰트조절용 */
body {-webkit-text-size-adjust: 100%;}
html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}