@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR");
/*reset*/
body, p, h1, h2, h3, h4, ul, dl, dd, th, td, form, input, textarea, select, button {margin:0;padding:0}
h1, h2, h3, h4 {font-size:inherit;font-weight: bold;color:inherit;}
ul, ol {list-style:none}
a {text-decoration:none}
a:link, a:visited, a:hover, a:active {color:inherit}
img {border:0;vertical-align:top}
form * {font-family:inherit}
input, select, textarea {font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit;border:1px solid #ededed;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;-webkit-appearance:none;}
input[type="file"],
input[type="image"] {background:none;border:0}
button {border:0;background:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-transform:inherit}
table {border-collapse:collapse;border-spacing:0}
caption {overflow:hidden;width:1px;height:0;margin-left:-1px;font-size:0;line-height:0}
address {font-style:normal}
header, nav, section, footer {display:block}

*, *:before, *:after {
	margin:0;
	padding:0;
	box-sizing        :border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing   :border-box;
	-o-box-sizing     :border-box;
}

body,
html {height:100%}
body {margin:0 auto;font-family:"Noto Sans KR", sans-serif;font-size:1em;font-weight:400;color:#000;line-height:1;-webkit-text-size-adjust:1em;-ms-text-size-adjust:1em;word-break: keep-all;}

#wrap {overflow:hidden;position:relative;width:100%;min-width:320px}

#header {position:fixed;top:0;z-index:100;width:100%;height:6.3125em; border-bottom: 1px solid #ccc;background:#fff}
#header.main .bg_transparent {display:block;position:absolute;top:0;width:100%;z-index:-1;height:6.3125em;background-color:#000;opacity:0.4;filter:alpha(opacity=40)}
#header .inner_wrap {position:static;padding:0.9375em 1.25em 0}
#header h1 {float:left}
#header .logo {display:block;overflow:hidden;position:relative;width:8.1875em;height:4.25em}
#header .logo > img {display:block;position:absolute;top:-100%;left:0;width:100%;height:200%}
#header.main {/*display:none;*/position:absolute;background:transparent;border-bottom:0}
/*#header.main.on .bg_transparent {display:block}*/
#header.main .logo > img {top:0}

#header .lnk_wrap {float:right;position:relative;margin-top:1.25em}
#header .lnk_wrap .select_lang {float:left;width:4.125em}
#header .lnk_wrap .select_lang a {display: inline-block;width: 50%}
#header .lnk_wrap .btn_kr {padding-right:0.1875em}
#header .lnk_wrap .btn_en {padding-left:0.1875em}
#header .lnk_wrap .select_lang a > img {width:100%}
#header .lnk_wrap .sns a {display:block;float:left;width:1.875em;height:1.875em;text-indent:-9999px}
#header .lnk_wrap .top_search {float:left;width:1.6875em;height:1.875em;margin-left:0.9375em;padding-left:0.9375em;border-left:2px solid #c8c8c8;background:url(../img/common/ico_search.png) no-repeat 100% 0;text-indent:-9999px;box-sizing: content-box}
#header .lnk_wrap .top_search:hover {background-position:100% -1.875em}
#header.main .lnk_wrap .top_search {background-position:100% -3.75em}
#header.main .lnk_wrap .top_search:hover,
#header.main .lnk_wrap .top_search:focus {background-position:100% -1.875em}

/* 2016.07.10 */
#header #gnb {display:block;float:left;margin:1.625em 0 0 5.75em}
#header #gnb .gnb_wrap {display:inline-block}
#header #gnb .gnb_wrap > li {position:relative; float:left;height:3.8125em;padding:0 0.9375em}
#header #gnb .gnb_wrap > li > a {display:inline-block;color:#777;font-weight:500;/*letter-spacing:-0.5px;*/text-transform: uppercase;}
#header #gnb .gnb_wrap > li:hover > a {color:#0064c1}
#header #gnb .gnb_wrap > li > a:focus,
#header #gnb .gnb_wrap > li.on > a {padding-bottom:1.25em;border-bottom:5px solid #0064c1;color:#0064c1}
#header.main #gnb .gnb_wrap > li > a {color:#fff}
#header.main #gnb .gnb_wrap > li > a:focus {border:0}

#header #gnb .gnb_wrap .depth_1 {display:none;position:absolute;top:3.6875em;left:50%;width:11.125em;margin-left:-5.5625em; padding:0 1.25em;background:#fff;border:1px solid #b8b8b8}
#header #gnb .gnb_wrap .depth_1:before {display:none}
#header #gnb .gnb_wrap .depth_1 > span {position:absolute;top:-0.5625em;left:50%;margin-left:-0.4375em;width:0.9375em;height:0.5625em;background:url(../img/common/bg_top_arrow.png) no-repeat 0 0}
#header #gnb .gnb_wrap .depth_1 > ul {}
#header #gnb .gnb_wrap .depth_1 > ul > li {}
#header #gnb .gnb_wrap .depth_1 > ul > li > a {display:block;width:100%; border-bottom:1px solid #efefef; padding:18px 0; text-align:center; color:#777;text-transform: capitalize}
#header.main #gnb .gnb_wrap .depth_1 > ul > li > a {border-bottom: 0;background: url(../img/common/bg_main_bar.png) repeat-x;}
#header.main #gnb .gnb_wrap .depth_1 > ul > li:first-child > a {background: none;}
#header #gnb .gnb_wrap .depth_1 > ul > li:last-child > a{border-bottom:0}
#header #gnb .gnb_wrap .depth_1 > ul > li > a > img {display:none !important;width:100%;margin-bottom:0.625em}
#header #gnb .gnb_wrap .depth_1 > ul > li > a > .bg {display:none !important;position:absolute;top:0;left:0;width:100%;height:71%;background-color:rgba(44,116,183,0.7);filter:Alpha(opacity=70)}
#header #gnb .gnb_wrap .depth_1 > ul > li > a:hover > span,
#header #gnb .gnb_wrap .depth_1 > ul > li > a:focus > span {color:#0064c1 !important}
#header #gnb .gnb_wrap .depth_1 > ul > li > a:hover > .bg,
#header #gnb .gnb_wrap .depth_1 > ul > li > a:focus > .bg {display:block}
#header.main #gnb .gnb_wrap .depth_1 {border-color:#5c6162; border-top:0; background:none}
#header.main #gnb .gnb_wrap .depth_1:before {display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);content:""}
#header.main #gnb .gnb_wrap .depth_1 > span{position:absolute; top:-8px; left:7px; width:100%;  background:url(../img/common/bg_top_arrow_main.png) no-repeat 0 0}
#header.main #gnb .gnb_wrap .depth_1 > ul {text-align:center}

#header.main #gnb .gnb_wrap .depth_1 > ul > li > a {color:#fff}

#header .btn_gnb {display:none;position:absolute;right:1.25em;top:2.0625em;width:2.4375em;height:2.125em}
#header .btn_gnb > img {display:block;width:100%;height:100%}

#container {position:relative;padding-top:6.3125em}
#container > * {position:relative}
#container .content_top_wrap {position: fixed}
#container.main {padding-top:100%}
section.movie_area {z-index:-10}

#content {width:75em;margin:0 auto;padding:5.375em 0 9.375em}

#footer {position:relative;background-color:#fff}

/* error */
#error {position:absolute;left:50%;top:50%;width:50em;height:28.4375em;margin:-14.21875em 0 0 -25em}
#error .logo {display:block;position:relative;width:8.1875em;height:4.25em;margin:0 auto}
#error .logo img {display:block;position:absolute;top:-100%;left:0;width:100%;height:200%}
#error .contents {margin-top:2em;padding:2.25em 0 2.625em;border-top:2px solid #787878;border-bottom:2px solid #787878;text-align:center}
#error .contents p {color:#666;line-height:1.625em}
#error .contents p > span {display:block}
#error .contents .tit {margin-bottom:0.4em;font-size:3.125em;font-weight:700;color:#333;line-height:1}
#error .contents .sub_tit {margin-bottom:1.25em;font-size:1.25em;color:#333;line-height:1em}
#error .btn_wrap {margin-top:2.5em;text-align:center}
#error .btn_wrap a {display:inline-block;width:8.625em;height:2.5em;margin:0 0.3125em;background-color: #777;color: #fff;line-height: 2.5em;text-shadow:0px 2px 2px rgba(0, 0, 0, .3);}