/* CSS Document */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2018-02-17
Author: 전희정
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');

/**********************************reset**********************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, tbody, tfoot, thead, tr, th, td, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; line-height:1.3;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul, ol{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration:none; color:#333;}
a:active{outline:none;}
video::-webkit-media-controls-panel{display:none;}
*, *:before, *:after {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* clears the 'X' from Internet Explorer */
input[type="search"]:-ms-clear {display: none; *display: none; width : 0; height: 0; }
input[type=text]::-ms-clear{display: none;}/*ie 제거*/
input::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
select::-ms-expand{display:none;}

/* clears the 'X' from Chrome */
input:focus {outline: none;}
input[type="search"]:-webkit-search-decoration,
input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-results-button,
input[type="search"]:-webkit-search-results-decoration { display: none; }
input, .select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border:none;}
input, select {vertical-align:middle; -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; border:none; *border:0; border-color: transparent;}

/* change colours to suit your needs */
ins {text-decoration:none;}

/* change colours to suit your needs */
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}

/* change border colour to suit your needs */
hr {display:block; height:2px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}


html {font-size:62.5%;}
body {line-height:1; font-size:16px; font-size:1.6rem; color:#333; font-family:'Roboto', Arial, Helvetica,Tahoma,'Malgun Gothic','맑은 고딕','돋움',dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif; font-weight:normal; letter-spacing:-0.01rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*font*/
h1 {font-size:70px; font-size:7rem; padding-bottom:65px; padding-top:100px; font-weight:bold; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before"); }
h1:before, h1 .before{content: ""; display:inline-block; width: 100px; height: 2px; background-color: #000; margin:0 20px 0 0; clear: both;}
h2 {font-size:40px; font-size:4rem;}
h3 {font-size:35px; font-size:3.5rem;}
h4 {font-size:30px; font-size:3rem;}
h5 {font-size:20px; font-size:2rem;}
.gT {color:#b0b0b0;}
.T18{font-size:18px; font-size:1.8rem;}
.selectT {color:#000;}
.T70 {font-size:7rem; font-size:70px;padding-bottom:65px; padding-top:100px; font-weight:bold; text-align:center;}
.T120_W {font-size:12rem; font-size:120px; color:#fff; font-family: 'Raleway', sans-serif;}
.T25G {font-size:25px; font-size:2.5rem; color:#666; text-align:center;}
.T12g {color:#5a1400; font-size:1.2rem; font-size:12px; text-transform:uppercase; letter-spacing:10px; font-weight:normal;}
.T12r {color:#006633; font-size:1.2rem; font-size:12px; text-transform:uppercase; letter-spacing:10px; font-weight:normal;}
.T12o {color:#be3a0a; font-size:1.2rem; font-size:12px; font-weight:normal;}
.T45 {font-size:45px; font-size:4.5rem; padding-bottom:20px;font-weight:bold;*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before");}
.T45:before, .T45 .before{content: ""; display: block; clear: both; width: 100px; height: 2px; background-color: #996c3d; margin: 0 0 30px;}

/* etc */
.btn {background:#fff; height:60px; *height:62px; line-height:60px; padding:0 25px; text-align:center; /*display:inline-block; zoom:1; *display:inline;*/ width:200px; transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; -webkit-transition:all .2s ease; border:3px solid #000;}
.btn a{color:#000; padding:10px 25px; *padding:0;}
.btn:hover, .btn:active {background:#000;}
.btn:hover a, .btn:active a {color:#fff;}

/* Back to top button */
.top {position:fixed; bottom:230px; right:60px;}
.top a {display: block;background-color: #777; padding:15px 10px;}

/**********************************End reset**********************************/

/**********************************header**************************************/
.sidemenu, .sidelogo {display:none;}

.banner {width:100%; background:rgba(255,255,255,0); height:125px; line-height:125px; border-bottom:1px solid #fff; position: relative; /* 1 */ z-index: 99; /* 1 */}
.header {width:100%; min-width:1180px; margin:0 auto; position:absolute; z-index:5;}
.header .logo a {width:200px; position:absolute; top:35px; left:55px;}


/*gnb 시작*/
.navigation {width:100%; min-width:1180px; height:125px;}
.navigation ul{width:620px; margin:0 auto;}
.navigation ul li{float:left; display:block; position:relative; text-align:center;}



/* 메뉴 */
.navigation li.gnb , .navigation li.selectGnb{width:155px;  text-align:center; float: left; transition: all .3s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;height:125px;  }
.navigation li.gnb a {color:#fff; line-height:125px; font-weight:normal; padding:20px;}
.navigation li.gnb:after, .navigation li.gnb .after{content:'';display:inline-block;position:absolute;left:50%;bottom:0;width:0%;height:3px;opacity:0;background:#e11910;transition:all .3s cubic-bezier(0, 0, 0.15, 1.01);*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after"); clear:both;}
.navigation li.gnb:hover:after, .navigation li.gnb:active:after, .navigation li.gnb:hover .after, .navigation li.gnb:active .after{width:100%;left:0;opacity:1;}
.navigation li.gnb:hover h5 a, .navigation li.gnb:active h5 a {color:#e11910;}
.navigation li.selectGnb {border-bottom:3px solid #e11910;}
.navigation li.selectGnb a {color:#e11910; line-height:125px; font-weight:normal;}

.banner--clone .header {width:100%; margin:0 auto; position:relative;}
.banner--clone {position: fixed; z-index: 99; top: 0; left: 0; height:95px; background: rgba(255,255,255,1); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 200ms ease-in-out; border-bottom:1px solid #e8e8e8;}
.banner--clone .header .logo a{visibility:visible !important; position:absolute; left:55px; top:45px; width:130px;}
.banner--clone .navigation > ul {margin-top:-30px; padding-left:180px; width:1000px;}
.banner--clone .navigation li.gnb {width:155px;}
.banner--clone .navigation li.gnb a{color:#000; line-height:155px; font-weight:normal;}
.banner--clone .header .navigation li.gnb:after, .banner--clone .navigation li.gnb .after{content:'';display:inline-block;position:absolute;left:50%;bottom:0;width:0%;height:3px;opacity:0;background:#e11910;transition:all .3s cubic-bezier(0, 0, 0.15, 1.01);*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after"); clear:both;}
.banner--clone .header .navigation li.gnb:hover:after, .banner--clone .navigation li.gnb:active:after, .banner--clone .navigation li.gnb:hover.after, .banner--clone .navigation li.gnb:active .after{width:100%;left:0;opacity:1;}
.banner--clone .header li.selectGnb a{line-height:155px;}
.banner--stick {-o-transform:-o-translateY(0%); -moz-transform:-moz-translateY(0%); -webkit-transform:-webkit-translateY(0%); -ms-transform:-ms-translateY(0%); transform: translateY(0%);}
/**********************************End header**********************************/

.container {width:100%; min-width:1180px; height:100%; margin-top:-125px;}
/********************************** main cont **********************************/
.container .mainCont_01 {width:100%; min-width:1180px; min-height:950px; height:100%;}/*  position:relative; top:-265px; background:#063;*/
/*.container .mainCont_01 img {height:100%;}*/

.scrollDown{position:absolute; bottom:50px; width:100%; text-align:center;}
.scrollDown span {width:100%; margin:0 auto;}
.scrollDown p {text-transform:uppercase; color:#fff; padding-top:10px;}

/*바운스*/
@keyframes bounce { 
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 
40% {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);} 
60% {-webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);} }
.bounce {-webkit-animation:bounce 1s infinite 0s; -moz-animation:bounce 1s infinite 0s; -o-animation:bounce 1s infinite 0s; -ms-animation:bounce 1s infinite 0s; animation:bounce 1s infinite 0s; }
.mainCont_01 .mainIntro {z-index:10; position: absolute; top: 200px; width:100%; height:600px; text-transform:uppercase;}
.mainCont_01 .mainIntro h3 {position:absolute; left:10%; top:120px; font-family:'Raleway', sans-serif; font-size:100px; letter-spacing:50px; font-weight:bold; color:#fff; line-height:120px;}
.mainCont_01 .mainIntro h4 {position:absolute; left:10%; top:350px; font-family:'Raleway', sans-serif; font-size: 55px; letter-spacing:10px; line-height:80px; color:#fff;}
.mainCont_01 .mainIntro p {position:absolute; right:10%; top:150px; font-size: 25px; line-height: 40px; padding-top:40px; color:#fff;}

/*mainCont_02*/
.container .mainCont_02 {width:1180px; margin:0 auto; padding-top:0px; padding-bottom:100px; position:relative;}
.offerBox{width:321px; height:200px; margin-left:26px; position:absolute; top:200px; }
.container .slider div h2{width:321px; *width:281px;padding:0 20px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; color:#fff;}
.container .slider div p{width:321px; *width:281px; padding:15px 20px;text-align:center;}

.container .slider .offerBox > img{padding-left:43%; padding-top:50px; opacity:0;}
.container .slider a:hover .offerBox > img{opacity:1;}


/* mainCont_03 */
.container .mainCont_03Wrap {width:100%; min-width:1180px; padding:60px 0;}
.container .mainCont_03 {width:1180px; margin:0 auto;}
.container .mainCont_03 p, .container .mainCont_03 h2{text-align:center; color:#fff;}

/* mainCont_04 */
.container .mainCont_04 {width:1180px; margin:0 auto; padding:0px 0 100px; }/* height:730px;padding:60px 0 300px;*/

/********************************** End main cont **********************************/

/********************************** sub cont **********************************/

.container .local_location {width:100%; min-width:1180px; height:50px; border-bottom:1px solid #b0b0b0;}
.container .local_location div{width:1180px; margin:0 auto; position:relative;}
.container .local_location .location_guide{ width:1000px; position:absolute; left:0;}
.container .local_location .location_guide > li{float:left; height:50px; line-height:50px; padding-right:20px;}
.container .local_location .share_area{width:70px; *width:75px; position:absolute; right:0;}
.container .local_location .share_area > li{width:70px;float:left; display: inline; height:50px; line-height:50px; border-right:1px solid #b0b0b0; text-align:center; cursor:pointer;}
.container .local_location .share_area > li:first-child {border-left:1px solid #b0b0b0;}
.container .local_location .share_area > li img{padding-top:10px;display:block; margin-left:auto; margin-right:auto;}
.container .local_location .share_area .share_btn {width:180px; *width:185px; height:80px; visibility:hidden;display: inline-block; top:10px; position: relative; background: #e8e8e8;}
.container .local_location .share_area .share_btn:after { content: ''; position: absolute; border-bottom: 20px solid #e8e8e8; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -15px; left: 20px;}
.container .local_location .share_area > li:first-child:hover .share_btn, .container .local_location .share_area > li:first-child:active .share_btn{visibility:visible;}
.container .local_location .share_area .share_btn > li {width:90px;height:80px;float:left;text-align:center;}
.container .local_location .share_area .share_btn > li img {display:block; margin-left:auto; margin-right:auto;}
.container .local_location .share_area .share_btn li span {display:inline-block; width:90px; padding-top:7px; margin:0 auto;}
.container .local_location .share_area .share_btn li:first-child {border-right:1px dotted #b0b0b0;}
.container .local_location .share_area .share_btn li a {font-size:12px;}

.container .subCont_02 {width:1180px; margin:0 auto; margin-bottom:100px;}
.container .subCont_02 > p {line-height:45px;margin-bottom:100px; font-size:28px; color:#000;}
.container .subCont_02 .sub_textbox{margin-bottom:100px; height:160px;  width:100%; overflow:hidden; }

/* about */
.container .about_02Wrap {width:100%; margin:0 auto;}
.container .about_02 {width:1180px; margin:0 auto; }/* margin-bottom:100px;*/
.container .about_intro {width:100%; margin:0 auto; padding:250px 0 0;}
.container .about_intro .about_txt{width:1000px; height:300px; color:#fff; margin:0 auto; padding:50px; text-align:center;}
.container .about_intro .about_txt h3{margin-bottom:20px; line-height:60px;}
.container .about_intro .about_txt p {line-height:30px;font-size:20px;}

.about_03Wrap {margin-bottom:100px;}
.about_03 {width:1180px; margin:0 auto;}


/* movie */
.movie_sub02Wrap {width:100%; min-width:1180px; margin:0 auto;}
.movie_sub02 p {width:90%; text-align:center; margin:0 auto;}

.movie_subIntro {width:100%; margin:0 auto; padding:80px 50px;}
.movie_subIntro ul{width:100%; overflow:hidden;}
.movie_subIntro li {float:left; width:50%; overflow:hidden; display:block; margin:0 auto; }
.movie_subIntro li img { display:block; margin:0 auto; width:100%;}
.movie_subIntro dl dt {width:100px;}
.movie_subIntro li.text_box {width:50%; padding:50px;}
*+html body .movie_subIntro li.text_box {width:40%; padding:50px;}
.movie_subIntro li.text_box p{line-height:28px; padding-bottom:30px;}
.movie_subIntro li.text_box dl {padding-bottom:20px;}
.movie_subIntro li.text_box dt{float:left;} 

.movie_sub03Wrap {width:100%; min-width:1180px; padding:60px 0;background:#e8e8e8 }
.movie_sub03 {width:1180px; margin:0 auto; height:100%;}

.movie_sub04Wrap {width:100%; margin:0 auto;}
.movie_sub04Wrap .center {margin:100px 0;}
.movie_sub04Wrap .btnWrap {margin:0 auto; width:1080px; margin-bottom:100px;}
.btnWrap .btn {margin:0 auto;}

/* 그리드 이미지 */

.grid .imgBtn:hover {background:url(../image/main_slide_bg.jpg) no-repeat;}
.grid li a > .offerBox{width:321px; height:200px; margin-left:26px; position:absolute; top:200px; /*background:#fff;*/}

.container .grid li h2{width:321px; *width:281px;padding:0 20px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; color:#fff;}
.container .grid li h3 {text-align:center;}
.container .grid li p{width:321px; *width:281px; padding:15px 20px;text-align:center;}
.container .grid li p b {padding-right:10px;}
.container .grid .imgBtn .offerBox > img{padding-left:43%; padding-top:50px; opacity:0;}
.container .grid .imgBtn a:hover .offerBox > img{opacity:1;}

.grid .imgBtn .poster { -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.imgBtn a:hover .poster {opacity:.2; -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

/* contact */
.container .contact_02Wrap {width:100%; min-width:1180px;}
.container .contact_02 {width:1180px; margin:0 auto;}
.container .contact_02 span { padding-bottom:40px;}

.container .contact_02Wrap ul {width:100%; min-width:1180px; overflow:hidden; }
.container .contact_02Wrap li {float:left; width:50%; height:740px; color:#000;}
.container .contact_02 .location_cont{border-bottom:1px solid #000; height:200px;}
.container .contact_02 dl {width:33.33%; float:left; text-align:center; padding-bottom:100px; padding-top:50px; height:50px; }
.container .contact_02 dt {padding-bottom:30px;}

.contact_03Wrap {width:1180px; margin:0 auto; height:100%;}
.contact_03Wrap ul{width:100%; overflow:hidden;}
.contact_03Wrap li {width:40%; float:left; text-align:center; border:1px solid #000; margin:150px 5%; *margin:150px 4%;  padding:50px 0;}
.contact_03Wrap li span{width:80px; height:1px; display:inline-block; background:#000; margin-bottom:40px;}

.contact_box h2  {padding:20px 0 30px; }


/********************************** End main cont **********************************/

/********************************** footer **********************************/
.footerWrap {width:100%; min-width:1180px; background:#000; line-height:20px; height:230px; }
.footer {width:1180px; margin:0 auto; color:#b0b0b0; padding-top:60px; }
.footer ul {width:1180px; overflow:hidden; text-align:center;}
.footer li {line-height:35px;}
/********************************** End footer**********************************/

/* Responsive -------------------------- */
@media screen and (max-width: 1180px) {

/**********************************header**************************************/
.banner {width:100%; max-width:112.5%; min-width:90%;}
.header {width:100%; max-width:112.5%; min-width:90%;}

/*gnb 시작*/
.navigation {width:100%; max-width:112.5%; min-width:90%;}
.navigation ul{margin-left:35rem; margin-left:350px;}

/* 메뉴 */
.banner--clone .header {width:100%; max-width:112.5%; min-width:90%;}
.banner--clone .navigation > ul {width:900px; width:90rem; margin-left:18rem; margin-left:180px;}

/**********************************End header**********************************/

.container {width:100%; max-width:112.5%; min-width:90%;}
/********************************** main cont **********************************/
.container .mainCont_01 {width:100%; max-width:112.5%; min-width:90%; height:650px; height:65rem;}
.container .mainCont_01 img {height:100%;}

.mainCont_01 .mainIntro h3 {position:absolute; left:6%; font-size:90px; font-size:9rem; letter-spacing:45px; letter-spacing:4.5rem; line-height:110px; line-height:11rem;}
.mainCont_01 .mainIntro h4 {position:absolute; left:6%; font-size:45px; font-size:4.5rem; letter-spacing:10px; letter-spacing:1rem; line-height:70px; line-height:7rem;}
.mainCont_01 .mainIntro p {position:absolute; right:6%; font-size:20px; font-size:2rem; line-height:35px; line-height:3.5rem; padding-top:35px; padding-top:3.5rem;}

/*mainCont_02*/
.container .mainCont_02 {width:980px;}
.slider div .poster{width:316px;}
.offerBox{width:316px; height:200px; position:absolute; top:180px;}
.container .slider div h2{width:276px; *width:281px;padding:0 20px;}
.container .slider div p{width:276px; *width:281px; padding:15px 20px;}
.container .slider .offerBox > img{padding-left:35%;}

/* mainCont_03 */
.container .mainCont_03Wrap {width:100%; max-width:112.5%; min-width:90%;}
.container .mainCont_03 {width:100%; max-width:112.5%; min-width:90%;}

/* mainCont_04 */
.container .mainCont_04 {width:980px; width:98rem; }

/********************************** sub cont **********************************/

.container .local_location {width:100%; max-width:112.5%; min-width:90%;}
.container .local_location div{width:980px;}
.container .local_location .location_guide{width:800px;}

.container .subCont_02 {width:980px;}

/* about */
.container .about_02Wrap {width:100%; max-width:112.5%; min-width:90%; margin:0 auto;}
.container .about_02 {width:980px; margin:0 auto; }/* margin-bottom:100px;*/
.container .about_intro {width:100%; margin:0 auto; padding:250px 0 0;}
.container .about_intro .about_txt{width:980px; height:300px; color:#fff; margin:0 auto; padding:50px; text-align:center;}
.container .about_intro .about_txt h3{margin-bottom:20px; line-height:60px;}
.container .about_intro .about_txt p {line-height:30px;font-size:20px;}

.about_03Wrap {margin-bottom:100px;}
.about_03 {width:980px; margin:0 auto;}

/* movie */
.movie_sub02Wrap {width:100%; max-width:112.5%; min-width:90%;}

.movie_subIntro {width:100%; margin:0 auto; padding:80px 50px;}
.movie_subIntro ul{width:100%; overflow:hidden;}
.movie_subIntro li {float:none; width:100%; }
.movie_subIntro li img {width:100%;}
.movie_subIntro dl dt {width:100px;}
.movie_subIntro li.text_box {width:100%;} 

.movie_sub03Wrap {width:100%; max-width:112.5%; min-width:90%;}
.movie_sub03 {width:980px; display:block;}


.movie_sub04Wrap {width:100%; max-width:112.5%; min-width:90%;}
.movie_sub04Wrap .center {margin:100px 0;}
.movie_sub04Wrap .btnWrap {width:980px;}


/* 그리드 이미지 */

.grid .imgBtn:hover {background:url(../image/main_slide_bg.jpg) no-repeat;}
.grid li a > .offerBox{width:321px; height:200px; margin-left:26px; position:absolute; top:200px; /*background:#fff;*/}

.container .grid li h2{width:321px; *width:281px;padding:0 20px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; color:#fff;}
.container .grid li p{width:321px; *width:281px; padding:15px 20px;text-align:center;}
.container .grid li p b {padding-right:10px;}
.container .grid .imgBtn .offerBox > img{padding-left:43%; padding-top:50px; opacity:0;}
.container .grid .imgBtn a:hover .offerBox > img{opacity:1;}

.grid .imgBtn .poster { -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.imgBtn a:hover .poster {opacity:.2; -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

/* contact */
.container .contact_02Wrap {width:100%; max-width:112.5%; min-width:90%;}
.container .contact_02 {width:980px; margin:0 auto;}
.container .contact_02 span { padding-bottom:40px;}

.container .contact_02Wrap ul {width:100%; max-width:112.5%; min-width:90%; overflow:hidden; }
.container .contact_02Wrap li {float:left; width:50%; height:740px; color:#000;}
.container .contact_02 .location_cont{border-bottom:1px solid #000; height:200px;}
.container .contact_02 dl {width:33.33%; float:left; text-align:center; padding-bottom:100px; padding-top:50px; height:50px; }
.container .contact_02 dt {padding-bottom:30px;}

.contact_03Wrap {width:980px; margin:0 auto; height:100%;}
.contact_03Wrap ul{width:100%; overflow:hidden;}
.contact_03Wrap li {width:40%; float:left; text-align:center; border:1px solid #000; margin:150px 5%; padding:50px 0;}
.contact_03Wrap li span{width:80px; height:1px; display:inline-block; background:#000; margin-bottom:40px;}

.contact_box h2  {padding:20px 0 30px; }


/********************************** footer **********************************/
.footerWrap {width:100%; max-width:112.5%; min-width:90%;}
.footer {width:980px; width:98rem;}
.footer ul {width:980px; width:98rem;}
/********************************** End footer**********************************/

	}
@media screen and (max-width: 980px) {

/**********************************header**************************************/
.banner {display:none;}
.header {display:none;}
/**********************************End header**********************************/

.container {width:100%; max-width:125%; min-width:100%;}
/********************************** main cont **********************************/
.container .mainCont_01 {width:100%; max-width:125%; min-width:100%; min-height:650px; min-height:65rem; overflow:hidden;}
.container .mainCont_01 img {height:100%;}
.scrollDown {display:none;}

.mainCont_01 .mainIntro {z-index:10; position: absolute; top: 50px; width:100%; height:300px;}
.mainCont_01 .mainIntro h3 {position:absolute; left:6%; font-size:70px; font-size:7rem; letter-spacing:30px; letter-spacing:3rem; line-height:75px; line-height:7.5rem;}
.mainCont_01 .mainIntro h4 {position:absolute; left:6%; top:300px; font-size:23px; font-size:2.3rem; letter-spacing:10px; letter-spacing:1rem; line-height:10px; line-height:1rem;}
.mainCont_01 .mainIntro p {display:none;}

/*mainCont_02*/
.container .mainCont_02 {width:736px; width:73.6rem;}
.slider div .poster{width:358px;}
.offerBox{width:358px; height:200px; position:absolute; top:200px;}
.container .slider div h2{width:318px; *width:281px;padding:0 20px;}
.container .slider div p{width:318px; *width:281px; padding:15px 20px;}
.container .slider .offerBox > img{padding-left:35%;}


/* mainCont_03 */
.container .mainCont_03Wrap {width:100%; max-width:125%; min-width:100%;}
.container .mainCont_03 {width:100%; max-width:125%; min-width:100%;}

/* mainCont_04 */
.container .mainCont_04 {width:736px; width:73.6rem; }

/********************************** sub cont **********************************/

.container .local_location {width:100%; max-width:125%; min-width:100%; height:40px; border-bottom:none; font-size:14px;}
.container .local_location div{width:736px;}
.container .local_location .location_guide{width:700px;}

.container .subCont_02 {width:736px;}

/* about */
.container .about_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .about_02 {width:736px;}
.container .about_intro .about_txt{width:736px;}

.about_03Wrap {margin-bottom:100px;}
.about_03 {width:736px;}

/* movie */
.movie_sub02Wrap {width:100%; max-width:125%; min-width:100%;}

.movie_subIntro {width:100%; margin:0 auto; padding:80px 50px;}
.movie_subIntro ul{width:100%; overflow:hidden;}
.movie_subIntro li {float:none; width:100%; }
.movie_subIntro li img {width:100%;}
.movie_subIntro dl dt {width:100px;}
.movie_subIntro li.text_box {width:100%;} 

.movie_sub03Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub03 {width:736px;}
.movie_sub03 video{width:736px;}

.movie_sub04Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub04Wrap .center {margin:100px 0;}
.movie_sub04Wrap .btnWrap {width:736px;}

/* 그리드 이미지 */

.grid .imgBtn:hover {background:url(../image/main_slide_bg.jpg) no-repeat;}
.grid li a > .offerBox{width:100%; height:200px; margin-left:0px; position:absolute; top:200px; /*background:#fff;*/}

.container .grid li h3 {text-align:center;}
.container .grid li h2{width:100%;padding:0 20px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; color:#fff;}
.container .grid li p{width:100%;padding:15px 20px;text-align:center;}
.container .grid li p b {padding-right:10px;}
.container .grid .imgBtn .offerBox > img{padding-left:45%; padding-top:0px; opacity:0;}
.container .grid .imgBtn a:hover .offerBox > img{opacity:1;}

.grid .imgBtn .poster { -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.imgBtn a:hover .poster {opacity:.2; -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

/* contact */
.container .contact_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .contact_02 {width:736px; margin:0 auto;}
.container .contact_02 span { padding-bottom:40px;}

.container .contact_02Wrap ul {width:100%; max-width:125%; min-width:100%; overflow:hidden; }
.container .contact_02Wrap li {float:left; width:50%; height:740px; color:#000;}
.container .contact_02 .location_cont{border-bottom:1px solid #000; height:200px;}
.container .contact_02 dl {width:33.33%; float:left; text-align:center; padding-bottom:100px; padding-top:50px; height:50px; }
.container .contact_02 dt {padding-bottom:30px;}

.contact_03Wrap {width:736px; margin:0 auto; height:100%;}
.contact_03Wrap ul{width:100%; overflow:hidden;}
.contact_03Wrap li {width:40%; float:left; text-align:center; border:1px solid #000; margin:150px 5%; padding:50px 0;}
.contact_03Wrap li span{width:80px; height:1px; display:inline-block; background:#000; margin-bottom:40px;}

.contact_box h2  {padding:20px 0 30px; }



/********************************** footer **********************************/
.footerWrap {width:100%; max-width:125%; min-width:100%; line-height:20px; height:230px; position:relative; bottom:0;}
.footer {width:736px; width:73.6rem; margin:0 auto; color:#b0b0b0; padding-top:60px;font-size:14px; font-size:1.4rem;}
.footer ul {width:736px; width:73.6rem; overflow:hidden; text-align:center;}
.footer li {line-height:35px;}
/********************************** End footer**********************************/
 /*finish*/

	}
@media screen and (max-width: 736px) {
body {line-height:1; font-size:14px; font-size:1.4rem; color:#333; font-family:'Roboto', Arial, Helvetica,Tahoma,'Malgun Gothic','맑은 고딕','돋움',dotum,'Apple SD Gothic Neo',AppleGothic,sans-serif; font-weight:normal; letter-spacing:-0.01rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*font*/
h1 {font-size:60px; font-size:6rem; padding-bottom:65px; padding-top:80px; font-weight:bold; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before"); }
h1:before, h1 .before{content: ""; display:inline-block; width: 40px; height: 2px; background-color: #000; margin:0 20px 0 0; clear: both;}
h2 {font-size:40px; font-size:4rem;}
h3 {font-size:30px; font-size:3rem;}
h4 {font-size:25px; font-size:2.5rem;}
h5 {font-size:20px; font-size:2rem;}
.T25G {font-size:20px; font-size:2rem;}
.T70 {font-size:6rem; font-size:60px;padding-bottom:65px; padding-top:100px; font-weight:bold; text-align:center;}
.T120_W {font-size:10rem; font-size:100px; color:#fff; font-family: 'Raleway', sans-serif;}

/* Back to top button */
.top {position:fixed; bottom:200px; right:6%;}
.top a {display: block;background-color: #777; padding:15px 10px;}
	
/**********************************header**************************************/
.banner {display:none;}
.header {display:none;}
/**********************************End header**********************************/	

.container {width:100%; max-width:125%; min-width:100%;}
.container .mainCont_01 {width:100%; max-width:125%; min-width:100%; min-height:500px; min-height:50rem; overflow:hidden;}
.mainCont_01 .mainIntro {display:none;}
.mainCont_01 .mainIntro h3 {width:80%; margin:0 auto; font-size:70px; font-size:7rem; letter-spacing:30px; letter-spacing:3rem; line-height:75px; line-height:7.5rem; text-align:center;}
.mainCont_01 .mainIntro h4 {width:80%; margin:0 auto; font-size:23px; font-size:2.3rem; letter-spacing:8px; letter-spacing:0.8rem; line-height:10px; line-height:1rem;text-align:center;}

/*mainCont_02*/
.container .mainCont_02 {width:480px; width:48rem;}
.slider div .poster{width:358px;}
.offerBox{width:358px; height:200px; position:absolute; top:200px;}
.container .slider div h2{width:318px; *width:281px;padding:0 20px;}
.container .slider div p{width:318px; *width:281px; padding:15px 20px;}
.container .slider .offerBox > img{padding-left:35%;}

/* mainCont_03 */
.container .mainCont_03Wrap {width:100%; max-width:125%; min-width:100%;padding:60px 0;}
.container .mainCont_03 {width:100%; max-width:125%; min-width:100%;}

/* mainCont_04 */
.container .mainCont_04 {width:480px; width:48rem;}

/********************************** sub cont **********************************/

.container .local_location {width:100%; max-width:125%; min-width:100%;}
.container .local_location div{width:480px;}
.container .local_location .location_guide{width:100%;}

.container .subCont_02 {width:480px;}
.container .subCont_02 > p {line-height:40px;margin-bottom:80px; font-size:23px;}

/* about */
.container .about_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .about_02 {width:480px;}
.container .about_intro {width:100%; margin:0 auto; padding:70px 0 0;}
.container .about_intro .about_txt{width:480px;}
.container .about_intro .about_txt h3{margin-bottom:20px; line-height:40px;}
.container .about_intro .about_txt p {line-height:25px;font-size:18px;}/**/

.about_03Wrap {margin-bottom:100px;}
.about_03 {width:480px;}

/* movie */
.movie_sub02Wrap {width:100%; max-width:125%; min-width:100%;}

.movie_subIntro {width:100%; margin:0 auto; padding:80px 50px;}
.movie_subIntro ul{width:100%; overflow:hidden;}
.movie_subIntro li {float:none; width:100%; }
.movie_subIntro li img {width:100%;}
.movie_subIntro dl dt {width:100px;}
.movie_subIntro li.text_box {width:100%;} 

.movie_sub03Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub03 {width:480px;}
.movie_sub03 video{width:480px;}

.movie_sub04Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub04Wrap .center {margin:100px 0;}
.movie_sub04Wrap .btnWrap {width:480px;}



/* contact */
.container .contact_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .contact_02 {width:480px;}

.container .contact_02 .location_cont{height:500px;}
.container .contact_02 dl {width:100%; float:none;}
.container .contact_02 dt {padding-bottom:30px;}

.contact_03Wrap {width:480px;}
.contact_03Wrap ul{width:100%;}
.contact_03Wrap li {width:90%; float:none; margin:100px 0; padding:50px 0;}



/* game */


/********************************** footer **********************************/
.footerWrap {width:100%; max-width:125%; min-width:100%; height:200px;}
.footer {width:90%; padding-top:50px;font-size:12px; font-size:1.2rem;}
.footer ul {width:90%; overflow:hidden;  text-align:left;}
.footer li {line-height:25px;}
/********************************** End footer**********************************/

	}
@media screen and (max-width: 480px) {
/*font*/
h1 {font-size:50px; font-size:5rem; padding-bottom:45px; padding-top:80px; font-weight:bold; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before"); }
h1:before, h1 .before{content: ""; display:inline-block; width: 40px; height: 2px; background-color: #000; margin:0 20px 0 0; clear: both;}	
h2 {font-size:33px; font-size:3.3rem;}
.T120_W {font-size:7.8rem; font-size:78px; line-height:1.2;}
.T18{font-size:16px; font-size:1.6rem;}
	

.container {width:100%; max-width:125%; min-width:100%;}
.container .mainCont_01 {width:100%; max-width:125%; min-width:100%; overflow:hidden; height:500px;}
.mainCont_01 .mainIntro {display:none;}

/*mainCont_02*/
.container .mainCont_02 {width:320px; margin:0 auto;}
.slider div .poster{width:320px;}
.offerBox{width:320px; height:200px; position:absolute; top:200px;}
.container .slider div h2{width:280px; *width:281px;padding:0 20px;}
.container .slider div p{width:280px; *width:281px; padding:15px 20px;}
.container .slider .offerBox > img{padding-left:35%;}

/* mainCont_03 */
.container .mainCont_03Wrap {width:100%; max-width:125%; min-width:100%;}
.container .mainCont_03 {width:100%; max-width:125%; min-width:100%;}
.container .mainCont_03 div {width:90%; margin:0 auto;}

/* mainCont_04 */
.container .mainCont_04 {width:320px;}

/********************************** sub cont **********************************/

.container .local_location {width:100%; max-width:125%; min-width:100%;}
.container .local_location div{width:320px;}
.container .local_location .location_guide{width:100%;}

.container .subCont_02 {width:320px;}

/* about */
.container .about_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .about_02 {width:320px;}
.container .about_intro {width:100%; margin:0 auto; padding:70px 0 0;}
.container .about_intro .about_txt{width:320px;}
.container .about_intro .about_txt h3{margin-bottom:20px; line-height:40px;}
.container .about_intro .about_txt p {line-height:25px;font-size:18px;}/**/

.about_03Wrap {margin-bottom:100px;}
.about_03 {width:320px;}


/* movie */
.movie_sub02Wrap {width:100%; max-width:125%; min-width:100%;}

.movie_subIntro {width:100%; margin:0 auto; padding:80px 50px;}
.movie_subIntro ul{width:100%; overflow:hidden;}
.movie_subIntro li {float:none; width:100%; }
.movie_subIntro li img {width:100%;}

.movie_subIntro dl dt {width:100%;}
.movie_subIntro li.text_box {width:100%; padding:10px;}
.movie_subIntro li.text_box p{line-height:28px; padding-bottom:30px;}
.movie_subIntro li.text_box dl {padding-bottom:20px;}
.movie_subIntro li.text_box dt{float:none;}


.movie_sub03Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub03 {width:320px;}
.movie_sub03 video{width:320px;}

.movie_sub04Wrap {width:100%; max-width:125%; min-width:100%;}
.movie_sub04Wrap .center {margin:100px 0;}
.movie_sub04Wrap .btnWrap {width:320px;}

/* 그리드 이미지 */


/* contact */
.container .contact_02Wrap {width:100%; max-width:125%; min-width:100%;}
.container .contact_02 {width:320px;}

.container .contact_02 .location_cont{height:500px;}
.container .contact_02 dl {width:100%; float:none;}
.container .contact_02 dt {padding-bottom:30px;}

.contact_03Wrap {width:320px;}
.contact_03Wrap ul{width:100%;}
.contact_03Wrap li {width:100%; float:none; margin:100px 0; padding:50px 0;}

/* game */


/********************************** footer **********************************/
.footerWrap {width:100%; max-width:125%; min-width:100%; height:200px;}
.footer {width:90%; padding-top:30px;font-size:12px; font-size:1.2rem;}
.footer ul {width:90%; overflow:hidden;  text-align:left;}
.footer li {line-height:25px;}
/********************************** End footer**********************************/	
	}

/* Retina -------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio:2), 
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx){
}