
html, body {-webkit-text-size-adjust:none;}
body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {margin:0; padding:0; color:#323232; font-size:14px; letter-spacing:-0.5px;}
body {font-family:'Noto Sans','Noto Sans KR','notokr-medium', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight:300; word-break:break-all;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:'Noto Sans','Noto Sans KR','NotoSansKR-Light', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight:300;}
ul, ol, dl {list-style:none;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; word-break:break-all; font-family:'NotoSansKR-Light','notokr-medium'}
table th {font-weight:400;}
img, button, fieldset, abbr, acronym {border:0;}
button {background:none; outline:0;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:normal;}
q:before, q:after {content:'';}
hr {display:none;}

legend {font-size:0; position:absolute; left:-5000px;}
caption {width:0; height:0 !important; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
input.bnone {border:0;}

input[type=text],
input[type=password],
textarea {vertical-align:middle; width:200px; padding:0 20px; border:1px solid #c8c8c8; background-color:#fff; color:#8c8c8c; font-family:'Noto Sans'; font-size:14px; letter-spacing:-0.5px; outline:0; box-sizing:border-box;}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input[type=text].active,
input[type=password].active,
textarea.active {color:#323232; border-color:#323232; background:#fff; transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);}

textarea {resize:none;}

table input[type=text],
table input[type=password],
table textarea {height:34px;}

::-webkit-input-placeholder {
    color:#8c8c8c;
}
:-moz-placeholder {
    color:#8c8c8c;
}
::-moz-placeholder {
    color:#8c8c8c;
}
:-ms-input-placeholder {
    color:#8c8c8c;
}

*::selection {background:#fffea0; color:#324554;}
*::-moz-selection {background:#fff; color:#324554;}

textarea {width:100%; padding:15px 20px; line-height:22px; overflow:auto;}
input[type=checkbox] {width:13px; height:13px; margin:0 0 0 0; vertical-align:middle;}
input[type=radio] {width:13px; height:13px; margin-top:-1px; vertical-align:middle;}
button {font-family:'Noto Sans'; cursor:pointer;}

a {color:inherit; font-size:inherit; font-weight:inherit; text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:none;}

.invisible-all {position:absolute; top:-5000px; left:-5000px; font-size:0; width:0; height:0; line-height:0; text-indent:-5000px; visibility:hidden; overflow:hidden;}
.invisible {display:none !important;}
.visible {display:block !important;}




/*추가*/
/* float */
.fl {float:left !important}
.fr {float:right !important}

/* align */
.txt_l {text-align:left !important}
.txt_c {text-align:center !important}
.txt_r {text-align:right !important}
.vat {vertical-align:top !important}
.vam {vertical-align:middle !important}
.vab {vertical-align:bottom !important}

/* Wooya */
.pointer { cursor:pointer; }
.ime_disabled { ime-mode:disabled; }
.ime_active { ime-mode:active; }


/* clear */
.clear {clear:both !important}

/* overflow */
.over_h {overflow:hidden !important}
.over_s {overflow:scroll;overflow-x:hidden}

/* width */
.w80 {width:80px;}
.w150 {width:150px;}

/* text */
.underline {text-decoration:underline !important}

.fw_n {font-weight:normal !important}
.fw_b {font-weight:bold !important}

/* text_color */
.f_green01 {color:#1294a0 !important}
.f_brown {color:#8b6a3e !important}
.f_black01 {color:#444 !important}
.f_red01 {color:#c9181f !important}
.f_gray01 {color:#737373 !important;}
.f_blue01 {color:#0000FF !important;}
.f_orange{color:#fd6437 !important;}

/* border */
.bdt {border-top:1px solid #dfdfdf !important}
.bdl {border-left:1px solid #dfdfdf !important}
.bdr {border-right:1px solid #dfdfdf !important}
.bdb {border-bottom:1px solid #dfdfdf !important}
.bdbn {border-right:none !important}
.bdn {border:none !important}



/* comm */
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-50 {margin-top:-50px !important;}
.mt-70 {margin-top:-70px !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
/* margin left */
.ml0{margin-left:0 !important}
.ml1{margin-left:1px !important}
.ml2{margin-left:2px !important}
.ml3{margin-left:3px !important}
.ml4{margin-left:4px !important}
.ml5{margin-left:5px !important}
.ml6{margin-left:6px !important}
.ml7{margin-left:7px !important}
.ml8{margin-left:8px !important}
.ml9{margin-left:9px !important}
.ml10{margin-left:10px !important}
.ml11{margin-left:11px !important}
.ml12{margin-left:12px !important}
.ml13{margin-left:13px !important}
.ml14{margin-left:14px !important}
.ml15{margin-left:15px !important}
.ml16{margin-left:16px !important}
.ml17{margin-left:17px !important}
.ml18{margin-left:18px !important}
.ml19{margin-left:19px !important}
.ml20{margin-left:20px !important}
.ml23{margin-left:23px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.ml80{margin-left:80px !important}
.ml100{margin-left:100px !important}
.ml220 {margin-left:220px !important}

/* margin right */
.mr0{margin-right:0 !important}
.mr1{margin-right:1px !important}
.mr2{margin-right:2px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr7{margin-right:7px !important}
.mr8{margin-right:8px !important}
.mr9{margin-right:9px !important}
.mr10{margin-right:10px !important}
.mr11{margin-right:11px !important}
.mr12{margin-right:12px !important}
.mr13{margin-right:13px !important}
.mr14{margin-right:14px !important}
.mr15{margin-right:15px !important}
.mr16{margin-right:16px !important}
.mr17{margin-right:17px !important}
.mr18{margin-right:18px !important}
.mr19{margin-right:19px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr90{margin-right:90px !important}

/* margin bottom */
.mb0{margin-bottom:0 !important}
.mb1{margin-bottom:1px !important}
.mb2{margin-bottom:2px !important}
.mb3{margin-bottom:3px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !important}
.mb7{margin-bottom:7px !important}
.mb8{margin-bottom:8px !important}
.mb9{margin-bottom:9px !important}
.mb10{margin-bottom:10px !important}
.mb11{margin-bottom:11px !important}
.mb12{margin-bottom:12px !important}
.mb13{margin-bottom:13px !important}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb17{margin-bottom:17px !important}
.mb18{margin-bottom:18px !important}
.mb19{margin-bottom:19px !important}
.mb20{margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}

/* padding top */
.pt0{padding-top:0 !important}
.pt1{padding-top:1px !important}
.pt2{padding-top:2px !important}
.pt3{padding-top:3px !important}
.pt4{padding-top:4px !important}
.pt5{padding-top:5px !important}
.pt6{padding-top:6px !important}
.pt7{padding-top:7px !important}
.pt8{padding-top:8px !important}
.pt9{padding-top:8px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}

/* padding left */
.pl0{padding-left:0 !important}
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl6{padding-left:6px !important}
.pl7{padding-left:7px !important}
.pl8{padding-left:8px !important}
.pl9{padding-left:9px !important}
.pl10{padding-left:10px !important}
.pl12 {padding-left:12px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important}

/* padding right */
.pr1{padding-right:1px !important}
.pr2{padding-right:2px !important}
.pr3{padding-right:3px !important}
.pr4{padding-right:4px !important}
.pr5{padding-right:5px !important}
.pr6{padding-right:6px !important}
.pr7{padding-right:7px !important}
.pr8{padding-right:8px !important}
.pr9{padding-right:9px !important}
.pr10{padding-right:10px !important}

/* padding bottom */
.pb0{padding-bottom:0 !important}
.pb1{padding-bottom:1px !important}
.pb2{padding-bottom:2px !important}
.pb3{padding-bottom:3px !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb6{padding-bottom:6px !important}
.pb7{padding-bottom:7px !important}
.pb8{padding-bottom:8px !important}
.pb9{padding-bottom:9px !important}
.pb10{padding-bottom:10px !important}
.pb11{padding-bottom:11px !important}
.pb12{padding-bottom:12px !important}
.pb13{padding-bottom:13px !important}
.pb14{padding-bottom:14px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}

.al-l {text-align:left !important;}
.al-r {text-align:right !important;}
.al-c {text-align:center !important;}

.fw-b {font-weight:400;}

.fl-l {float:left !important;}
.fl-r {float:right !important;}

.fc01 {color:#8c8c8c !important;}
.fc02 {color:#646464 !important;}
.fc03 {color:#323232 !important;}
.ff_t{ font-family:Tahoma, Geneva, sans-serif}



/* 서브 상단 */
.sub-top-box {position:relative; min-height:60px; margin-bottom:50px; padding-bottom:18px; border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.sub-top-box:after {content:''; display:block; clear:both;}
.sub-top-box > * {display:inline-block; margin-right:30px;}
.sub-top-box .location {position:absolute; bottom:23px; right:0; margin:0;}
.sub-top-box .menu {position:relative; top:12px; vertical-align:top;}
.sub-top-box .menu:after {content:''; display:block; clear:both;}
.sub-top-box .menu span {float:left;}
.sub-top-box .menu span + span:before {content:''; display:inline-block; width:1px; height:13px; margin:0 20px; background:#dcdcdc;}
.sub-top-box .menu span a {display:inline-block; color:#8c8c8c; font-size:16px; font-weight:400;}
.sub-top-box .menu span a.active {color:#3c3c3c;}
.sub-top-box .menu span a.active {position:relative;}
.sub-top-box .menu span a.active:after {content:''; display:block; position:absolute; top:47px; left:0; right:0; height:1px; background:#324554;}

.schedule .sub-top-box .menu span + span {margin-left:20px; padding-left:20px; border-left:1px solid #dcdcdc;}
.schedule .sub-top-box .menu span + span:before {display:none;}

/* icon */
.ico-movie {position:relative; display:inline-block; width:44px; height:44px; border:1px solid rgba(255, 255, 255, 0.6); overflow:hidden; box-sizing:border-box; transition:all 0.3s cubic-bezier(.5,.0,0,1); -webkit-transition:all 0.3s cubic-bezier(.5,.0,0,1);}
.ico-movie:before {content:''; display:block; position:absolute; top:-1px; left:0; right:100%; bottom:-1px; background:transparent; transition:all 0.3s cubic-bezier(.5,.0,0,1); -webkit-transition:all 0.3s cubic-bezier(.5,.0,0,1);}
.ico-movie span {position:absolute; top:0; left:0; right:0; bottom:0; display:block;}
.ico-movie.bg01:before {background:#279ecd;}
.ico-movie.bg02:before {background:#c53827;}
.ico-movie.bg03:before {background:#1e5fac;}
.ico-movie.bg04:before {background:#cc366c;}
.ico-movie.bg05:before {background:#f5861e;}

/* swiper */
.swiper-container {position:relative;}
.swiper-container .swiper-wrapper {width:9999px;}
.swiper-container .swiper-pagination {position:absolute; top:20px; right:20px; font-size:0; overflow:hidden;}
.swiper-container .swiper-pagination > * {display:inline-block; width:8px; height:8px; background:#fff; opacity:0.3; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; cursor:pointer; overflow:hidden;}
.swiper-container .swiper-pagination > * + * {margin-left:12px;}
.swiper-container .swiper-pagination > *.swiper-active-switch,
.swiper-container .swiper-pagination > *.swiper-pagination-bullet-active {opacity:1;}



