/* --------------------------------
BASE RESET
------------------------------- */
*, *::after, *::before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body {height:100%;}
html{height:100%; font-size:62.5%;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-size:1.8rem;font-size:18px;font-family:'Noto Sans KR', 'Roboto', sans-serif;font-weight:300;line-height:1;color:#111;position: relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button{margin:0;padding:0;}
fieldset, img{border:0 none;}
img{display:block; width:100%; height:auto; vertical-align:middle;}
legend, caption, label{position:absolute;height:0;line-height:0;font-size:0;overflow:hidden;}
input, textarea, button, select{vertical-align:middle;}
address, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
option{vertical-align:middle;padding:3px 0;}
hr{display:none;clear:both;}
ul, ol, li{list-style:none;}
a{color:#111; text-decoration:none; cursor:pointer; }
a:hover, a:active, a:focus{text-decoration:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
header, footer, article, section, aside, details, figcaption, figure, hgroup, menu, nav, time{display:block;margin:0;padding:0;}
audio[controls], canvas, video{display:inline-block;*display:inline;*zoom:1;}
.container:after,
.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;clear:both;}
.disabled{pointer-events:none;cursor:default;}
.hide{font-size:0;height:0;text-indent:100%;white-space:nowrap;overflow:hidden;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.overflow-hidden, .noscroll {height:100%; overflow:hidden !important; -webkit-overflow-scrolling:none !important; }

#size-test {/*color:red !important;*/ display:none !important; }
main {display:block;max-width: 100%;margin:0 auto;padding:0;url(../images/index/1.jpg) no-repeat align-content: center;}
main.main{height: 100%;background: url(../images/index/1.jpg) no-repeat center;background-size: cover;}




/* --------------------------------
	sm : 1px ~ 767px
	md : 768px ~ 1023px
	lg : 1024px ~ 1920px
------------------------------- */
/* SUB BASE SETTING */
.sm {display:block; }
.md {display:none; }
.lg {display:none; }
.both {display:block; }

section {position:relative; margin:0 auto; }
section:after{content:"";clear:both;display:block;height:0;visibility:hidden;}

h2,h3,h4,h5,h6,p {margin:0; padding:0;  }
h2 {font-weight:900; }
/*_:-ms-lang(x), h2 {font-weight:700; }*/


h3 {font-weight:900; }
h3 span {font-weight:900; }
h6 {font-weight:900; }
h2 {font-size:24px;}/* 18.09.11 style changed */
h3 {position:relative; height:34px; font-size:34px; line-height:34px; }
h3 span {position:absolute; bottom:0px; font-size:15px; margin-left:5px; }
h3 span a {position:relative; margin-right:5px; }
h3 span a:after {position:absolute; bottom:0; left:0; content:""; width:100%; height:1px; background:#000; }
/* h4 {position:relative; height:30px; font-size:36px; line-height:36px; } */
h4 span {position:absolute; bottom:-6px; font-size:20px; margin-left:10px; }
h4 span a {position:relative; margin-right:5px; }
h4 span a:after {position:absolute; bottom:0; left:0; content:""; width:100%; height:2px; background:#000; }
/* h5 {font-size:20px; line-height:20px; } */
/* h5 {font-size:17px; line-height:17px; } */
/* h6 {font-size:17px; line-height:17px; } */
p {font-size:17px; line-height:1.1; }
a.btn {display:block; height:30px; line-height:30px; font-weight:700; font-size:12px; background:#fff; color:#000; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; text-align:center; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
a.btn:hover {background: #000; color:#fff; }
ul.alert {color:#999; }
ul.alert li {position:relative; font-size:10px; margin-bottom:3px; padding-left:10px; }
ul.alert li:before {position:absolute; top:0; left:0; content:"*"; }
a.play {position:relative; display:block; z-index:2; }
.movieClose {position:absolute; top:20px; right:20px; z-index:10020 !important; display:block; width:20px; height:20px; }
.padding {padding-right:10px; padding-left:10px; }
.intro {margin-bottom:25px; }
figure {font-size:16px; font-weight:700; }/* 18.09.11 style changed */
figure.both {padding-top:15px;}/* 18.09.11 add style */