@charset "utf-8";
/*
******************** Notice by Jongmin *************************
**
** Defaulf : font-family: Arial;
** CDN : Roboto  : font-family: 'Roboto', sans-serif;
** Roboto Thin   : font-weight: 100;
** Roboto Medium : font-weight: 500;
** Roboto Bold   : font-weight: 700;
**
** Media Query   : break point
** max-width:1540px (only use Main Page)
** max-width:1480px
** max-width:1280px
** max-width:960px
** max-width:800px
** max-width:640px
** max-width:480px
*/

/********** PC MarkUp CSS **********/
body{-webkit-overflow-scrolling: touch; font-family: Arial, sans-serif; -webkit-font-smoothing: antialiased; word-break:break-all; }
*{ word-break: keep-all;}
#wrap{min-height: 100%; word-break:break-all;}

/*** header ***/
#header{position: relative; height: 106px; border-bottom: 1px solid #d5d5d5;} 
#header a.logo{display: block; position: absolute; top: 30px; left: 60px;}

#nav{position: absolute; top: 46px; left: 50%; margin-left: -215px; width: 430px;}
#nav > ul{}
#nav > ul > li{float: left; margin-left: 65px;}
#nav > ul > li:first-child{margin-left: 0;}
#nav > ul > li > a{font-size: 18px; color: #555;}
#nav > ul > li > a:hover{color: #111;}

#side_menu{position: absolute; top: 31px; right: 65px;}
#side_menu .btn_search_close{display:none;}
#side_menu button{background-color: transparent;}
#side_menu .btn_open_nav{margin-top: 3px;}
#side_menu button:nth-child(1){margin-right: 30px;}
#side_menu button:nth-child(2){margin-right: 30px;}

#search_bar {display:none; position: relative; width:100%; height:52px; background: #c6c6c6 ; margin-top:-1px;}
#search_bar .search_btn input[type=submit]{position: absolute; top: 0px; right: 0px; border:none; width:176px; height:52px; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 18px; color: #fff; background: #db1522;}
#search_bar .search_in input[type=text]{position: absolute; top: 0px; right: 200px; width:50%; height: 52px; box-sizing: border-box; background: #c6c6c6 ; text-align:right;  font-size: 14px; color: #222; border:none;}

/*** container ***/
#container{overflow: hidden;}
/** nav over dim **/
.dim_area{display: none; position: fixed; top: 0; z-index: 1100; width: 100%; height: 100%; background: rgba(42, 42, 42, 0.8);}
.dim_area nav{position: absolute; top: 50%; left: 50%; margin: -350px 0 0 -380px; padding-left: 4%; box-sizing: border-box; width: 760px; height: 760px; text-align: right; background-color: #0c0c0c;}
.dim_area nav .close_dim{margin: 14px 16px 0 0; width: 33px; height: 33px; background: transparent url(../../images/main/close_dim.png) 0 0 / cover no-repeat;}
.dim_area nav .dl_nav{ font-family: 'Roboto', sans-serif; text-align: left;}
.dim_area nav .dl_nav:nth-of-type(1) dt{margin-top: -20px;}
.dim_area nav .dl_nav dt{font-weight: 500; font-size: 40px; color: #fff; margin-top: 35px;}
.dim_area nav .dl_nav dt a{color: #fff;}
.dim_area nav .dl_nav dd{line-height: 1.7; font-weight: 500; font-size: 17px; }
.dim_area nav .dl_nav dd a{color: #bfbfbf;}

/** layerpop dim **/
.dim_area2{display: none; position: fixed; top: 0; z-index: 1100; width: 100%; height: 100%; background: rgba(42, 42, 42, 0.8); word-break:keep-all;}
.dim_area2 nav{position: absolute; top: 50%; left: 50%; margin: -350px 0 0 -380px; box-sizing: border-box; width: 760px; height: 700px; text-align: right; background-color: #0c0c0c;}
.dim_area2 nav .close_dim2{margin: 14px 16px 0 0; width: 33px; height: 33px; background: transparent url(../../images/main/close_dim.png) 0 0 / cover no-repeat;}
.dim_area2 nav .dim2_wrap{ padding:10px 40px 30px 40px;}
.dim_area2 nav .dim2_wrap p{text-align: left; color:#bbb; font-size:15px; padding-bottom:15px;}
.dim_area2 nav .dim2_wrap h2{text-align: left; font-size: 36px; font-family: 'Roboto', sans-serif; font-weight: 100; color: #e2121c;}
.dim_area2 nav .dim2_wrap ul {}
.dim_area2 nav .dim2_wrap ul li {float: left; text-align: left; background: url(../../images/main/li_dot.png) 3px 6px  no-repeat; padding-left:15px; color:#999; font-size:14px; margin-top:5px;}
.dim3_wrap ul li {text-align: left; background: url(../../images/main/li_sdot.png) 3px 6px  no-repeat; padding-left:15px; color:#999; font-size:14px; margin-top:5px;}
/** effectpop dim **/
.dim_effect{display: none; position: fixed; top: 0; z-index: 1100; width: 100% !important; height: 100%; background: rgba(42, 42, 42, 0.8); word-break:keep-all;}
.dim_effect nav{position: absolute; top: 50%; left: 50%; margin: -210px 0 0 -380px; box-sizing: border-box; width: 760px; height: 420px; text-align: right; background-color: #0c0c0c;}
.dim_effect nav .close_effect{margin: 14px 16px 0 0; width: 33px; height: 33px; background: transparent url(../../images/main/close_dim.png) 0 0 / cover no-repeat;}
.dim_effect nav .dim_effect_wrap{ padding:10px 40px 30px 40px;}
.dim_effect nav .dim_effect_wrap p{text-align: left; color:#bbb; font-size:15px; padding-bottom:15px;}
.dim_effect nav .dim_effect_wrap h1{text-align: left; font-size: 36px; font-family: 'Roboto', sans-serif; font-weight: 100; color: #e2121c;}
.dim_effect nav .dim_effect_wrap ul {}
.dim_effect nav .dim_effect_wrap ul li {float: left; text-align: left; background: url(../../images/main/li_dot.png) 3px 6px  no-repeat; padding-left:15px; color:#999; font-size:14px; margin-top:5px;}
.btn_open_effect {background: none; width:100%;}
.effect_wrap iframe {width:100%; height:360px;}

/* 181005 추가 */
.menu-wrap { position: fixed; right: 60px; bottom: 120px; z-index: 9999; }
.menu-wrap .toggle-menu { display: block; width: 75px; height: 75px; background: #555758 url('../../images/corporate/logo_new.png') center center no-repeat; /*background: #555758 url('../../images/corporate/logo.svg') center center no-repeat;*/ background-size: 73% auto; border-radius: 100%; text-indent: -9999px; -webkit-transition: background .3s ease; transition: background .3s ease; }
.menu-wrap .menu-list { overflow: hidden; position: absolute; right: 0; bottom: 100%; width: 250px; margin-bottom: 15px; background: #fff; border-radius: 5px; border: 1px solid #878787; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.3); box-shadow: 2px 2px 5px rgba(0,0,0,.3); white-space:nowrap; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform .3s ease; transition: transform .3s ease; }
.menu-wrap .menu-list .logo { display: block; width: 100%; height: 70px; background: #555758 url('../../images/corporate/logo_new.png') center center no-repeat; /*background: #555758 url('../../images/corporate/logo.svg') center center no-repeat;*/ background-size: 70px 28px; text-indent: -9999px; }
.menu-wrap .menu-list > ul > li { border-bottom: 1px solid #878787; }
.menu-wrap .menu-list > ul > li:last-child { border-bottom: 0; }
.menu-wrap .menu-list > ul > li > a { display: block; position: relative; padding: 20px 30px; font-size: 17px; color: #6e6e6e; transition: color .3s ease; }
.menu-wrap .menu-list > ul > li > a:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; width:25px; height:26px; margin-top: -13px; background:url('../../images/corporate/icon_plus_off.png') center center no-repeat; background-size: 100% 100%; -webkit-transition: background .3s ease; transition: background .3s ease; }
.menu-wrap .menu-list > ul > li > a:hover { color: #000; }
.menu-wrap .menu-list > ul > li > a:hover:before { background: url('../../images/corporate/icon_plus_on.png'); }
.menu-wrap.on .toggle-menu { background: #555758 url('../../images/corporate/icon_close.png') center center no-repeat; background-size: 38% auto ; }
.menu-wrap.on .menu-list { transform: scale(1); }

/** Main Content **/
/* Main Visual */
.main_visual{position: relative;}
.full_visual{background-color: #0f0f0f;}
.full_visual .slick-list{overflow: hidden;}
.full_visual .fv_box{position: relative; display: inline-block;}
.full_visual .fv_box .fv_img{float: left; width: 75%; position:relative;}
.full_visual .fv_box .fv_img h1{position:absolute; left:60px; top:40px; z-index:1; color:#e61c29; line-height: 1.1; font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif; word-break: keep-all; }
.full_visual .fv_box .fv_img h2{position:absolute; left:60px; top:60px; z-index:1; color:#fff; line-height: 1.1; font-size: 36px; font-weight: 100; font-family: 'Roboto', sans-serif; word-break: keep-all; }
.full_visual .fv_box .fv_img h2 span{display:block; font-weight:400; font-size:40px; color:#e61c29;}
.full_visual .fv_box .fv_img img{width: 100%;}
.full_visual .fv_box .fv_txt{position: absolute; right: 0; padding: 50px 40px 0 43px; width: 25%; height: 100%; box-sizing: border-box; color: #fff; }
.full_visual .fv_box .fv_txt h2{margin-bottom: 10px; line-height: 1.1; font-size: 46px; font-weight: 100; font-family: 'Roboto', sans-serif; word-break: keep-all;}
.full_visual .fv_box .fv_txt em{display: block; margin-bottom: 20px; padding-bottom: 8px; font-size: 24px; font-weight: 100; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #fff;}
.full_visual .fv_box .fv_txt p{line-height: 1.5; font-size: 16px; word-break: keep-all;}
.full_visual .fv_box .fv_txt .m4_ico_wrap{position: absolute; bottom: 260px}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico{margin-bottom: 5%;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico li{float: left; margin-left: 10px; width: 28px; height: 27px;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico li:nth-child(1){margin-left: 0; background: url(../../images/movie4dx/sprite_m4_ico.png) 0 0 no-repeat;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico li:nth-child(2){background: url(../../images/movie4dx/sprite_m4_ico.png) -38px 0 no-repeat;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico .good_off{background: url(../../images/movie4dx/good_off.png) 0 0 no-repeat; width: 80px; padding-left:33px; padding-top:8px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico .good_off:hover{background: url(../../images/movie4dx/good_on.png) 0 0 no-repeat; width: 80px; padding-left:33px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico .good_on{background: url(../../images/movie4dx/good_on.png) 0 0 no-repeat; width: 80px; padding-left:33px; padding-top:8px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico li:nth-child(5){background: url(../../images/movie4dx/sprite_m4_ico.png) -152px 0 no-repeat;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico .good_off a{color:#888;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico li a{display: block; width: 100%; height: 100%; color:#fff; }

.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1{margin-bottom: 5%;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 li{float: left; margin-left: 10px; width: 28px; height: 27px;}

.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 .good_off{background: url(../../images/movie4dx/good_off.png) 0 0 no-repeat; width: 80px; padding-left:33px; padding-top:8px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 .good_off:hover{background: url(../../images/movie4dx/good_on.png) 0 0 no-repeat; width: 80px; padding-left:33px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 .good_on{background: url(../../images/movie4dx/good_on.png) 0 0 no-repeat; width: 80px; padding-left:33px; padding-top:8px; cursor:pointer;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 li:nth-child(5){background: url(../../images/movie4dx/sprite_m4_ico.png) -152px 0 no-repeat;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 .good_off a{color:#888;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico1 li a{display: block; width: 100%; height: 100%; color:#fff; }


.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn{}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li{float: left; width: 150px; height: 37px; line-height: 37px; text-align: center;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li a{display: block; font-size: 14px; color: #fff;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li:nth-child(1){margin-right: 11px; border: 1px solid #3f3f3f;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li:nth-child(2){background-color: #9b0707; border: 1px solid #e50000;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li.bt_none {border:none; background-color: rgba(12, 10, 8, 0);}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li.bt_comming {border: 1px solid #e50000; background-color: rgba(12, 10, 8, 0);}

.slide_visual{position: absolute; bottom: 0; width: 100%; background-color: rgba(3, 3, 3, 0.8);}
.slide_visual .nav_visual{position: relative; margin: auto; padding: 25px 0; max-width: 896px;}
.slide_visual .nav_visual .nv_box{margin: 0 6.5px; display: inline-block; text-align: center;} 
.slide_visual .nav_visual .nv_box img{width: 100%; box-sizing: border-box; }
/* --slick setting-- */
.slide_visual .nav_visual .slick-list{overflow: hidden; text-align:center;}
.slide_visual .nav_visual .slick-arrow{z-index: 1001; position: absolute; top: 50%; margin-top: -20px; width: 20px; height: 40px; text-indent: -9999px;}
.slide_visual .nav_visual .slick-prev{left: -50px; background: url(../../images/main/btn_visual_prev.png) 50% 50% no-repeat;}
.slide_visual .nav_visual .slick-next{right: -50px; background: url(../../images/main/btn_visual_next.png) 50% 50% no-repeat;}
/* slick-pause */
.main_visual .slick-pause-play {position: absolute; bottom: 230px; left: 20px; z-index:99; }
.main_visual .slick-pause-play button { cursor: pointer; color: #fff; background: none; border: none; font-size:30px; }
.main_visual .slick-pause-play #slick-play { display: none; }
/* //slick setting-- */
/*.slide_visual .nav_visual .slick-list .slick-track { width:100% !important ; text-align:center;}*/
.slide_visual .nav_visual .slick-list .slick-track { width:100% ; text-align:center;}
/* Á¿ì¹öÆ°½Ã !important »èÁ¦ */
/* Content Box */
#main_content .main_box1{position: relative; height: 500px; font-family: 'Roboto', sans-serif;  background: url(../../images/main/bg_main_box1.jpg) 50% 50% no-repeat; background-size:cover; }
#main_content .main_box1 .txt_area{margin: auto; padding-top: 120px; width: 49%; word-break: keep-all; text-align: center; color: #fff;}
#main_content .main_box1 .txt_area p{font-size: 55px; font-weight: 100;}
#main_content .main_box1 .txt_area p em{font-weight: 500;  }
#main_content .main_box1 .txt_area .btn_whbd{display: inline-block; margin-top: 65px; width: 341px; line-height: 52px; font-size: 28px; font-weight: 700; color: #fff; border: 1px solid #fff;}
#main_content .main_box1 .txt_area .btn-newsletter { display: block; width: 70%; max-width: 200px; margin: 30px auto 0; padding: 10px 5px 10px 40px; background: url('../../images/corporate/icon_letter.png') 5px center no-repeat; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 20px; color: #fff; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 181005 추가 */

/* Content Box 추가 km */
#main_content .main_box_k1{position: relative; height: 819px; font-family: 'Roboto', sans-serif;  background: url(../../images/main/bg_main_box_k1.jpg) 50% 50% no-repeat; background-size:cover; position:relative;}
#main_content .main_box_k1 .txt_area{margin:0  auto; position:absolute; bottom:80px;   width: 100%; word-break: keep-all; text-align: center; color: #fff;} 
#main_content .main_box_k1 .txt_area .btn_whbd{display: inline-block; width: 341px; line-height: 52px; font-size: 28px; font-weight: 700; color: #fff; border: 1px solid #fff;} 
#main_content .main_box_k2{position: relative; height:770px; font-family: 'Roboto', sans-serif;  background: url(../../images/main/bg_main_box_k2.jpg) 50% 50% no-repeat; background-size:cover; position:relative;}
#main_content .main_box_k2 a{display:block;  width:100%; height:100%;}
#main_content .main_box_k2 .ces-pop{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; text-align:center; z-index:9999; overflow-y:scroll;   display:none;}
#main_content .main_box_k2 .ces-pop div{max-width:500px; width:95%; padding:50px 0;margin:0 auto; position:relative; }
#main_content .main_box_k2 .ces-pop .close{position:absolute; bottom:70px; right:10px; text-align:right; width:auto; height:auto;} 
#main_content .main_box_k2 a.readmore{cursor:pointer; color:#fff;  width: 341px; line-height: 52px; font-size: 28px; font-weight: 700; color: #fff; border: 1px solid #fff; position:absolute; left:50%; bottom:18%; transform:translate(-50%, 0); height:auto; text-align:center;} 
/* Content Box 추가 km */
#main_content .main_box_k4{position: relative; height: 700px; font-family: 'Roboto', sans-serif;  background: url(../../images/main/bg_main_box_k4.jpg) 50% 50% no-repeat; background-size:cover; position:relative;}
#main_content .main_box_k4 .txt_area{margin:0  auto; position:absolute; bottom:80px;   width: 100%; word-break: keep-all; text-align: center; color: #fff;} 
#main_content .main_box_k4 .txt_area .btn_whbd{display: inline-block; width: 341px; line-height: 52px; font-size: 28px; font-weight: 700; color: #fff; border: 1px solid #fff;} 


#main_content .main_box_k2 .ces-pop img{max-width:100%;}
#main_content .main_box_k3{position: relative; height: 600px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_k3 .movie_bg4 {position: relative; background: url(../../images/main/bg_main_box_k3.png) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_k3 a{transform:translate(-50%, -50%); position:absolute; top:50%; left:50%;}
#main_content .main_box_k3 .main_movie4{display:none; position:relative}


#main_content .main_box_k3 .movie_bg5 {position: relative; background: url(../../images/main/bg_main_box_k4.jpg) 50% 60% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_k3 .main_movie5{display:none; position:relative}


  
#main_content .main_box_k3 a{transform:translate(-50%, -50%); position:absolute; top:50%; left:50%;}
#main_content .main_box_k3 .youtubebg1 {position: relative; background: url(../../images/main/mainyoutube1.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_k3 .youtubemovie1{display:none; position:relative}
#main_content .main_box_k3 .mmtxt_area3 {z-index:9999; color: #fff; padding-top:6%;  margin:0 auto; }
#main_content .main_box_k3 .mmtxt_area3 p{font-size: 55px; font-weight:100; background: rgba(0,0,0,0.5); padding:40px;  margin:0 auto; width:80%; max-width:900px; text-align:center; z-index:9999; line-height:1.2; }
#main_content .main_box_k3 .mmtxt_area3 p em{font-weight:500;}

#main_content .main_box_k3 .youtubebg2 {position: relative; background: url(../../images/main/mainyoutube2_2.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_k3 .youtubebg3 {position: relative; background: url(../../images/main/mainyoutube3.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}





#main_content .main_box_movie{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie .movie_bg {position: relative; background: url(../../images/main/bg_4dx_50.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie .main_movie { display:none; position: relative; }
#main_content .main_box_movie .main_video {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie .main_video .btn_close {position: relative;}
#main_content .main_box_movie .mmtxt_area {z-index:9999; color: #fff; position: absolute; width: 100%; top: 70%;}
#main_content .main_box_movie .mmtxt_area p{font-size: 40px; font-weight: 100; z-index:9999}
#main_content .main_box_movie .mmtxt_area p em{font-weight: 500;}
.play_movie{position: absolute; z-index: 500; top: 50%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie2{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie2 .movie_bg2 {position: relative; background: url(../../images/main/bg_movie_poster2018_5_29_2.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie2 .main_movie2 { display:none; position: relative; }
#main_content .main_box_movie2 .main_video2 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie2 .main_video2 .btn_close5 {position: relative;}
#main_content .main_box_movie2 .mmtxt_area2 {z-index:9999; color: #fff; padding-top:250px;  margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie2 .mmtxt_area2 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie2 .mmtxt_area2 p em{font-weight:500;}
.play_movie2{position: absolute; z-index: 500; bottom: 20%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close2{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie3{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie3 .movie_bg3 {position: relative; background: url(../../images/main/bg_screenx.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie3 .main_movie3 { display:none; position: relative; } 
#main_content .main_box_movie3 .main_video3 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie3 .main_video3 .btn_close3 {position: relative;}
#main_content .main_box_movie3 .mmtxt_area3 {z-index:9999; color: #fff; padding-top:80px;  margin:0 auto; }
#main_content .main_box_movie3 .mmtxt_area3 p{font-size: 70px; font-weight:100; background: rgba(0,0,0,0.5); padding:40px;  margin:0 auto; width:40%; text-align:center; z-index:9999;}
#main_content .main_box_movie3 .mmtxt_area3 p em{font-weight:500;}
.play_movie3{position: absolute; z-index: 500; bottom: 20%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}

.btn_eye{
	display: block; 
	width:58px; 
    position: absolute;
    z-index: 500;
    bottom: 20%;
    left: 50%;
    margin: -29px 0 0 60px;
    background-color: transparent;
}
.btn_eye img{max-width:100%;}
.btn_close3{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie4{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie4 .movie_bg4 {position: relative; background: url(../../images/main/bg_movie_poster2018_5_29_3.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie4 .main_movie4 { display:none; position: relative; }
#main_content .main_box_movie4 .main_video4 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie4 .main_video4 .btn_close3 {position: relative;}
#main_content .main_box_movie4 .mmtxt_area4 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all; }
#main_content .main_box_movie4 .mmtxt_area4 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie4 .mmtxt_area4 p em{font-weight:500;}
.play_movie4{position: absolute; z-index: 500; bottom: 20%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close4{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie5{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie5 .movie_bg5 {position: relative; background: url(../../images/main/bg_movie_poster2019_4_23_en.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie5 .main_movie5 { display:none; position: relative; }
#main_content .main_box_movie5 .main_video5 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie5 .main_video5 .btn_close5 {position: relative;}
#main_content .main_box_movie5 .mmtxt_area5 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie5 .mmtxt_area5 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie5 .mmtxt_area5 p em{font-weight:500;}
.play_movie5{position: absolute; z-index: 500; bottom: 20%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent; cursor:pointer;}
.btn_close5{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie6{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie6 .movie_bg6 {position: relative; background: url(../../images/main/bg_movie_poster2019_4_23-2_en.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie6 .main_movie6 { display:none; position: relative; }
#main_content .main_box_movie6 .main_video6 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie6 .main_video6 .btn_close6 {position: relative;}
#main_content .main_box_movie6 .mmtxt_area6 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie6 .mmtxt_area6 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie6 .mmtxt_area6 p em{font-weight:500;}
.play_movie6{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close6{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie7{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie7 .movie_bg7 {position: relative; background: url(../../images/main/bg_movie_poster2019_03_27_3.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie7 .main_movie7 { display:none; position: relative; }
#main_content .main_box_movie7 .main_video7 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie7 .main_video7 .btn_close7 {position: relative;}
#main_content .main_box_movie7 .mmtxt_area7 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie7 .mmtxt_area7 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie7 .mmtxt_area7 p em{font-weight:500;}
.play_movie7{position: absolute; z-index: 500; bottom: 20%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close7{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie8{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie8 .movie_bg8 {position: relative; background: url(../../images/main/bg_movie_poster2018_08_01.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie8 .main_movie8 { display:none; position: relative; }
#main_content .main_box_movie8 .main_video8 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie8 .main_video8 .btn_close6 {position: relative;}
#main_content .main_box_movie8 .mmtxt_area8 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie8 .mmtxt_area8 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie8 .mmtxt_area8 p em{font-weight:500;}
.play_movie8{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close8{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie9{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie9 .movie_bg9 {position: relative; background: url(../../images/main/bg_main_poster2019_9_6_1234.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie9 .main_movie9 { display:none; position: relative; }
#main_content .main_box_movie9 .main_video9 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie9 .main_video9 .btn_close9 {position: relative;}
#main_content .main_box_movie9 .mmtxt_area9 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie9 .mmtxt_area9 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie9 .mmtxt_area9 p em{font-weight:500;}
.play_movie9{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close9{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie11{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie11 .movie_bg11 {position: relative; background: url(../../images/main/bg_movie_poster2019_03_27_1.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie11 .main_movie11 { display:none; position: relative; }
#main_content .main_box_movie11 .main_video11 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie11 .main_video11 .btn_close9 {position: relative;}
#main_content .main_box_movie11 .mmtxt_area11 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie11 .mmtxt_area11 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie11 .mmtxt_area11 p em{font-weight:500;}
.play_movie11{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close11{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie12{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie12 .movie_bg12 {position: relative; background: url(../../images/main/bg_movie_poster2018_08_312.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie12 .main_movie12 { display:none; position: relative; }
#main_content .main_box_movie12 .main_video12 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie12 .main_video12 .btn_close9 {position: relative;}
#main_content .main_box_movie12 .mmtxt_area12 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie12 .mmtxt_area12 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie12 .mmtxt_area12 p em{font-weight:500;}
.play_movie12{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close12{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box_movie10{position: relative; height: 500px; font-family: 'Roboto', sans-serif; text-align:center;  background:#000;}
#main_content .main_box_movie10 .movie_bg10 {position: relative; background: url(../../images/main/bg_movie_poster2018_09_16.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}
#main_content .main_box_movie10 .main_movie10 { display:none; position: relative; }
#main_content .main_box_movie10 .main_video10 {width:100%; height:500px; text-align:center;}
#main_content .main_box_movie10 .main_video10 .btn_close10 {position: relative;}
#main_content .main_box_movie10 .mmtxt_area10 {z-index:9999; color: #fff; padding-top:150px; padding-bottom: 30px; margin:0 auto; word-break: keep-all;  }
#main_content .main_box_movie10 .mmtxt_area10 p{font-size: 46px; font-weight:100; margin:0 auto; width:80%; text-align:center; z-index:9999;}
#main_content .main_box_movie10 .mmtxt_area10 p em{font-weight:500;}
.play_movie10{position: absolute; z-index: 500; bottom: 30%; left: 50%; margin: -29px 0 0 -56px; background-color: transparent;}
.btn_close10{position: absolute; z-index: 500; top: 0; right: 0; background-color: transparent;}

#main_content .main_box2{position: relative; height: 500px; font-family: 'Roboto', sans-serif;  background: url(../../images/main/bg_movie_poster3.jpg) 50% 50% no-repeat; background-size:cover; }
#main_content .main_box2 .txt_area{margin: auto; padding-top: 140px; width: 55%; word-break: keep-all; text-align: center; color: #fff;}
#main_content .main_box2 .txt_area p{font-size: 44px; font-weight: 100;}
#main_content .main_box2 .txt_area p em{font-weight: 500;}
#main_content .main_box2 .txt_area p em sup{font-size: 52px;}
#main_content .main_box2 .txt_area .btn_grad{display: inline-block; margin-top: 50px; width: 225px; line-height: 52px; font-size: 22px; font-weight: 700; color: #fff; border-radius: 6px; background: url(../../images/main/bg_btn_grad.png);}

#main_content .main_boxn3{position: relative; height: 500px;   background: url(../../images/main/400th_2017.gif) 50% 50% / cover no-repeat;  }
#main_content .main_boxn3 .txt_area{position: absolute; right:0; bottom: 0; padding:20px 30px; width: 400px; word-break: keep-all; text-align: left; color: #888; background: rgba(0,0,0,0.7); }
#main_content .main_boxn3 .txt_area p{font-size: 14px; line-height:20px; font-weight: 100;}

#main_content .main_box3{padding: 97px 0; box-sizing: border-box; background: url(../../images/main/bg_main_box3.jpg) 50% 0 / 100% 100% no-repeat;}
#main_content .main_box3 h1{position: relative; left: -140px; bottom: -30px; margin: auto; max-width: 1200px; line-height: 1; text-align: left; font-size: 56px; color: #fff;}
#main_content .main_box3 .main_news{margin: auto; padding: 50px 42px 0 46px; max-width: 1200px; box-sizing: border-box; border: 1px solid #2e2e2e;}
#main_content .main_box3 .main_news .ofs_box{height: 639px; overflow-y: scroll;}
/*-- scroll --*/
.main_news .ofs_box{
    scrollbar-face-color: #ee2a2a;
    scrollbar-shadow-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #000;
    /*scrollbar-arrow-color: #ee2a2a;*/
     -webkit-overflow-scrolling: touch;
}
.main_news .ofs_box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
/* Track */
.main_news .ofs_box::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;*/
}
/* Handle */
.main_news .ofs_box::-webkit-scrollbar-thumb {
    background: rgba(255,0,0,0.8);
}

#main_content .main_box3 .main_news .ofs_box li{padding: 25px 0 8px; border-bottom: 1px solid #ee2a2a;}
#main_content .main_box3 .main_news .ofs_box li h2{margin-bottom: 15px; line-height: 1.5; font-size: 18px; color: #fff; font-weight: 400;}
#main_content .main_box3 .main_news .ofs_box li em{margin-bottom: 8px; display: block; line-height: 1.3; font-size: 15px; color: #fff; font-weight: 100;}
#main_content .main_box3 .main_news .ofs_box li p{line-height: 1.5; font-size: 14px; color: #727272; font-weight: 100;}


#main_content .main_box33{position: relative; margin: auto; padding: 70px 20px 90px 20px; box-sizing: border-box; background: url(../../images/main/bg_main_box33.jpg) 50% 0 / 100% 100% no-repeat;}
#main_content .main_box33 .main_box333{margin: auto; padding: 0; max-width: 1200px; }
#main_content .main_box33 h2{position: relative; left: 0; bottom: 0px; margin: auto; max-width: 1200px; line-height: 1; text-align: left; font-size: 56px; color: #333;}
#main_content .main_box33 .main_news2{float: left; margin: auto; padding: 0 0 0 25px; max-width: 655px; width:60%; box-sizing: border-box; border: 1px solid #999; }
#main_content .main_box33 .main_facebook {float: left; max-width: 522px; width:480px;  margin-left:20px; padding:30px 20px; height: 500px; border: 1px solid #999;}
#main_content .main_box33 .main_facebook  h2{position: relative; left: -20px; bottom: 90px; font-size: 56px; color: #333;}
#main_content .main_box33 .main_facebook .fb-page {margin-top:-60px;}
#main_content .main_box33 .main_news2 .ofs_box{height: 560px; overflow-y: scroll; padding-right:20px;}
/*-- scroll --*/
.main_news2 .ofs_box{
    scrollbar-face-color: #ee2a2a;
    scrollbar-shadow-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    /*scrollbar-arrow-color: #ee2a2a;*/
     -webkit-overflow-scrolling: touch;
}
.main_news2 .ofs_box::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
/* Track */
.main_news2 .ofs_box::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;*/
}
/* Handle */
.main_news2 .ofs_box::-webkit-scrollbar-thumb {
    background: rgba(255,0,0,0.8);
}

#main_content .main_box33 .main_news2 .ofs_box li{padding: 35px 0 25px; border-bottom: 1px solid #ee2a2a; word-break: keep-all;}
#main_content .main_box33 .main_news2 .ofs_box li a{margin-bottom: 15px; line-height: 1.5; font-size: 20px; color: #666; font-weight: 400;}
#main_content .main_box33 .main_news2 .ofs_box li em{margin-bottom: 8px; display: block; line-height: 1.3; font-size: 15px; color: #fff; font-weight: 100;}
#main_content .main_box33 .main_news2 .ofs_box li p{font-size: 14px; color: #727272; font-weight: 100; text-align:right;}

#main_content .main_box33 .main_news2 .ofs_box li:hover{text-decoration: underline;}

/*** footer ***/
#footer{padding: 0 25px; background-color: #4d4e50;}
#footer .ft_top{position: relative;}

#footer .ft_top .ft_sns{ padding: 20px 0; text-align: center;}
#footer .ft_top .ft_sns .sns_wrap{position: relative; margin: auto; width:200px; height: 35px;}
#footer .ft_top .ft_sns ul li{float: left; width:25%; text-align:center;}

#footer .ft_top .ft_newletter{ padding: 0px 0 24px 0; text-align: center;}
#footer .ft_top .ft_newletter button{padding: 15px 0; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 18px; color: #2a2a2a; background: #f1f1f2 url(../../images/main/ico_star.png) 22px 50% no-repeat;}
#footer .ft_top .ft_newletter input[type=text]{height: 52px; box-sizing: border-box; padding-left: 110px;  font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 18px; color: #2a2a2a;}
#footer .ft_top .ft_newletter .ipt_wrap{position: relative; margin: auto; width: 35%; height: 52px;}
#footer .ft_top .ft_newletter .ipt_view{position: absolute; width: 100%; top: -26px;}
#footer .ft_top .ft_newletter .ipt_view p{visibility: hidden; height: 26px; line-height: 26px; font-size: 12px; color: #b94a48;}
#footer .ft_top .ft_newletter .ipt_view input{background: #f1f1f2 url(../../images/main/ico_star.png) 22px 50% no-repeat;}
#footer .ft_top .ft_newletter .ipt_hide{position: absolute; width: 100%;}
#footer .ft_top .ft_newletter .ipt_btn{position: absolute; right: 0; z-index: 1;}
#footer .ft_top .ft_newletter .ipt_btn input{width: 58px; height: 52px; border: 0; font-size:0; background: url(../../images/main/btn_newsletterl.gif) 0 0 no-repeat;}

#footer .ft_top .fnb_menu{padding-bottom: 6px;}
#footer .ft_top .fnb_menu div span:first-child{margin-right: 18px;}
#footer .ft_top .fnb_menu div span a{font-size: 13px; color: #fff;}
#footer .ft_top .fnb_menu .lft_fnb{float: left;}
#footer .ft_top .fnb_menu .lft_fnb span{}
#footer .ft_top .fnb_menu .lft_fnb span:nth-child(2){margin-right: 18px;}
#footer .ft_top .fnb_menu .lft_fnb span:nth-child(3){margin-right: 18px;}
#footer .ft_top .fnb_menu .rgh_fnb{float: right;}
#footer .ft_top .fnb_menu .rgh_fnb span{}
#footer .ft_top .fnb_menu .rgh_fnb span:nth-child(2){margin-right: 18px;}
#footer .ft_top .fnb_menu .rgh_fnb span button {font-size: 13px; color: #fff; background:none;}
#footer .ft_btm{position: relative; height: 61px; border-top: 1px solid #fff;}
#footer .ft_btm > div{position: absolute;}
#footer .ft_btm .ft_4dx{left: 0; top: 15px;}
#footer .ft_btm .ft_4dx a{display: block;}
#footer .ft_btm .ft_copy{top: 20px; left: 50%; margin-left: -135px;}
#footer .ft_btm .ft_copy .copyright{font-size: 13px; color: #fff;}
#footer .ft_btm .ft_cj{top: 11px; right: 0; }
#footer .ft_btm .ft_cj a{display: block;}

/********** End of PC MarkUp CSS **********/


/********** Mobile MarkUp CSS **********/
.m_sns_wrap{display: none; margin-bottom: 36px; width: 100%; height: 35px; text-align: center; background-color: #888d90;}
.m_sns_wrap ul{display: inline-block; margin-top: 9px;}
.m_sns_wrap li{float: left; margin-left: 5px; }
.m_sns_wrap li a{display: block; width: 20px; height: 20px;}
.m_sns_wrap li:nth-child(1){margin-left: 0; background: url(../../images/main/ico_m_sns01.png) 0 0 / 100% no-repeat;}
.m_sns_wrap li:nth-child(2){background: url(../../images/main/ico_m_sns02.png) 0 0 / 100% no-repeat;}
.m_sns_wrap li:nth-child(3){background: url(../../images/main/ico_m_sns03.png) 0 0 / 100% no-repeat;}
.m_sns_wrap li:nth-child(4){background: url(../../images/main/ico_m_sns04.png) 0 0 / 100% no-repeat;}
.m_sns_wrap li:nth-child(5){background: url(../../images/main/ico_m_sns05.png) 0 0 / 100% no-repeat;}

/********** End of Mobile MarkUp CSS **********/


/********** media size setting start **********/

/* Notebook */
@media all and (max-width:1540px) {
.full_visual .fv_box .fv_txt h2{font-size: 40px;}
.full_visual .fv_box .fv_txt em{font-size: 22px;}
}
@media all and (max-width:1480px) {
/* Main Visual */
.full_visual .fv_box .fv_txt{padding: 25px 20px 0 20px;}
.full_visual .fv_box .fv_txt h2{font-size: 36px;}
.full_visual .fv_box .fv_txt em{font-size: 20px;}
.full_visual .fv_box .fv_img{width: 75%;}
.full_visual .fv_box .fv_txt{width: 25%;}
.full_visual .fv_box .fv_txt .m4_ico_wrap{bottom: 200px;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li{width: 120px;}
.slide_visual .nav_visual{max-width: 720px;}
.main_visual .slick-pause-play{bottom:200px;}
#main_content .main_box1 .txt_area{width: 60%; }
/* Content Box */
#main_content .main_box3 h1{left: 0; bottom: 0;}
#main_content .main_box33 h2{left: 0; bottom: 0;}
#main_content .main_box_movie3 .mmtxt_area3 p{width:50%}
}
@media all and (max-width:1280px) {
/* Main Visual */
.full_visual .fv_box .fv_txt h2{font-size: 32px;}
.full_visual .fv_box .fv_txt p{margin-bottom: 20px;}
.full_visual .fv_box .fv_txt .m4_ico_wrap{position: static;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_ico{margin-bottom: 20px;}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li{}
.full_visual .fv_box .fv_txt .m4_ico_wrap .m4_btn li a{font-size: 12px;}
.slide_visual{bottom: 222px; position: static; background-color: rgba(3, 3, 3, 0.9)}
/* Content Box */
#main_content .main_box1 .txt_area{width: 60%;}
#main_content .main_box2 .txt_area{width: 80%;}
#main_content .main_box3{padding: 50px 20px;}
/*** footer ***/
#footer .ft_top .ft_newletter .ipt_wrap{width: 50%;}
#main_content .main_box33 .main_news2{width:50%; }
#main_content .main_box33 .main_facebook {padding:30px 20px; }
#main_content .main_box33 .main_facebook  h2{left: -20px; bottom: 90px;}

#main_content .main_box1 .txt_area p{font-size: 40px;}
#main_content .main_box2 .txt_area p{font-size: 40px;}
#main_content .main_box2 .txt_area p em sup{font-size: 20px;}

#main_content .main_box_movie .mmtxt_area p{font-size: 36px;}

#main_content .main_box_movie2 .mmtxt_area2 {padding-top:200px;}
#main_content .main_box_movie2 .mmtxt_area2 p{font-size: 32px; }


#main_content .main_box_movie3 .mmtxt_area3 p{font-size: 40px; width:50%} 
.play_movie2{}

#main_content .main_box_movie4 .mmtxt_area4 p{font-size: 33px; }
#main_content .main_box_movie4 .mmtxt_area4 {padding-top:200px; }
.play_movie3{position: absolute; top: 55%; left: 50%; }
.btn_eye{position: absolute; top: 64.5%; left: 50%; }

#main_content .main_box_movie5 .mmtxt_area5 p{font-size: 32px;  }
#main_content .main_box_movie5 .mmtxt_area5 {padding-top:200px; }

#main_content .main_box_movie6 .mmtxt_area6 {padding-top:200px;}
#main_content .main_box_movie6 .mmtxt_area6 p{font-size: 32px; }

#main_content .main_box_movie7 .mmtxt_area7 {padding-top:200px;}
#main_content .main_box_movie7 .mmtxt_area7 p{font-size: 32px; }

#main_content .main_box_movie8 .mmtxt_area8 {padding-top:200px;}
#main_content .main_box_movie8 .mmtxt_area8 p{font-size: 32px; }

#main_content .main_box_movie9 .mmtxt_area9 {padding-top:200px;}
#main_content .main_box_movie9 .mmtxt_area9 p{font-size: 32px; }

#main_content .main_box_movie10 .mmtxt_area10 {padding-top:200px;}
#main_content .main_box_movie10 .mmtxt_area10 p{font-size: 32px; }

#main_content .main_box_movie11 .mmtxt_area11 {padding-top:200px;}
#main_content .main_box_movie11 .mmtxt_area11 p{font-size: 32px; }

#main_content .main_box_movie12 .mmtxt_area12 {padding-top:200px;}
#main_content .main_box_movie12 .mmtxt_area12 p{font-size: 32px; }
}

@media all and (max-width:1140px) {
#main_content .main_box33 .main_news2{width:48%; }
}

@media all and (max-width:1100px) {
#main_content .main_box33 .main_news2{width:45%; }
}

@media all and (max-width:1044px) {
#main_content .main_box33 .main_news2{width:40%; }
#main_content .main_box_k3{height:500px;}
}

/* Tablet */
@media all and (max-width:960px) {
/* Main Visual */
.full_visual .fv_box .fv_img{float: none; width: 100%;}
.full_visual .fv_box .fv_txt{padding: 20px; position:static; width: 100%;}
.full_visual .fv_box .fv_txt em{display: none;}
.full_visual .fv_box .fv_txt p{display: none;}
.slide_visual{bottom: 322px;} 
.main_visual .slick-pause-play{left:auto; right:20px; bottom:auto; top:20px;} 
/* dim */
.dim_area nav{margin: -320px 0 0 -40%; width: 80%; }
.dim_area2 nav{margin: -340px 0 0 -40%; width: 80%; }
.dim_area2 nav .dim2_wrap{ padding:10px 30px 30px 30px;}
.dim_area2 nav .dim2_wrap p{font-size:14px; padding-bottom:15px;}
.dim_area2 nav .dim2_wrap h2{font-size: 28px;}
.dim_area2 nav .dim2_wrap ul li {padding-left:12px; color:#999; font-size:13px; margin-top:5px;}
/* Content Box */
#main_content .main_box1 .txt_area{width: 100%;}
#main_content .main_box2 .txt_area{width: 100%;}


#main_content .main_box_k1{height:400px;} 
#main_content .main_box_k1 .txt_area{bottom:40px;}
#main_content .main_box_k2{height:300px;} 
#main_content .main_box_k2 .ces-pop{background:#000;}  
#main_content .main_box_k2 .ces-pop .close{bottom:20px;}
#main_content .main_box_k4{height:400px;} 
#main_content .main_box_k4 .txt_area{bottom:40px;}

#main_content .main_boxn3 .txt_area{position: absolute; left:0; bottom: 0; padding: 20px; width: 100%; word-break: keep-all; text-align: center; box-sizing: border-box; }
#main_content .main_boxn3{height: 400px;}

#main_content .main_box33 .main_news2{max-width: 100%; width:100%; box-sizing: border-box; border: 1px solid #2e2e2e;}
#main_content .main_box33 .main_facebook {margin-left:0; padding:80px 0; border: none}
#main_content .main_box33 .main_facebook  h2{left: 0px; bottom: 65px;}

/*** footer ***/
#footer .ft_top .ft_newletter .ipt_wrap{width: 60%;}

#main_content .main_box_movie3 .mmtxt_area3{position: absolute; left:0; padding: 20px; width: 100%; word-break: keep-all; text-align: center; box-sizing: border-box; }
#main_content .main_box_movie3 .mmtxt_area3 img{width: 60%; max-width:367px;}


}

@media all and (max-width:800px) {
/*** header ***/
#header a.logo{left: 34px;}
#side_menu{right: 20px;}
#nav{width: 360px; margin-left: -180px;}
#nav > ul > li{margin-left: 40px;}

.full_visual .fv_box .fv_img h2{left:0; padding:0 34px; font-size: 32px;}
.full_visual .fv_box .fv_img h1{left:0; padding:0 34px; font-size: 14px;}


.menu-wrap { right: 10px; bottom: 10px; }
.menu-wrap .toggle-menu { width: 40px; height: 40px; }
/* Content Box */
#main_content .main_box1{height: 403px; background: url(../../images/main/t_bg_main_box1.jpg) 50% 0 / cover no-repeat}
#main_content .main_box1 .txt_area{padding-top: 15%;}
#main_content .main_box1 .txt_area p{font-size: 30px;}
#main_content .main_box2{height: 403px; background: url(../../images/main/t_bg_main_box2.jpg) 50% 0 / cover no-repeat}
#main_content .main_box2 .txt_area{padding-top: 20%;}
#main_content .main_box2 .txt_area p{font-size: 40px;}
#main_content .main_box2 .txt_area p em sup{font-size: 20px;}
#main_content .main_box2 .txt_area .btn_grad{margin-top: 30px;}
#main_content .main_box_movie .mmtxt_area p{font-size: 26px;} 
#main_content .main_box_k3 .mmtxt_area3 p{font-size:30px; padding:20px;  }



#main_content .main_box_movie{height: 403px;}
#main_content .main_box_movie .main_video {width:100%; height:403px;}

#main_content .main_box_movie2{height: 403px;}
#main_content .main_box_movie2 .main_video2 {width:100%; height:403px;}
.play_movie2{position: absolute; top: 70%; }

#main_content .main_box_movie3{height: 403px;}
#main_content .main_box_movie3 .main_video3 {width:100%; height:403px;}
 

#main_content .main_box_movie .movie_bg {position: relative; background: url(../../images/main/bg_4dx_50_m.jpg) 50% 50% no-repeat; background-size:cover; width:100%; height: 100%;}

#main_content .main_box_movie4{height: 403px;}
#main_content .main_box_movie4 .main_video4 {width:100%; height:403px;}


#main_content .main_box_k3{height: 203px;}
#main_content .main_box_k3 .youtubemovie1 iframe{height:203px !important;} 
#main_content .main_box_k3 .youtubemovie2 iframe{height:203px !important;} 
#main_content .main_box_k3 .main_movie4 iframe{height:203px !important;}    
#main_content .main_box_k3 .main_video4 {width:100%; height:303px;}
#main_content .main_box_k3 .main_movie5 iframe{height:203px !important;}   
#main_content .main_box_movie3 .main_movie3 iframe{height:300px !important;} 
 


#main_content .main_box_movie5{height: 403px;}
#main_content .main_box_movie5 .main_video5 {width:100%; height:403px;}

#main_content .main_box_movie6{height: 403px;}
#main_content .main_box_movie6 .main_video6 {width:100%; height:403px;}

#main_content .main_box_movie7{height: 403px;}
#main_content .main_box_movie7 .main_video7 {width:100%; height:403px;}

#main_content .main_box_movie8{height: 403px;}
#main_content .main_box_movie8 .main_video8 {width:100%; height:403px;}

#main_content .main_box_movie9{height: 403px;}
#main_content .main_box_movie9 .main_video9 {width:100%; height:403px;}

#main_content .main_box_movie10{height: 403px;}
#main_content .main_box_movie10 .main_video10 {width:100%; height:403px;}

#main_content .main_box_movie11{height: 403px;}
#main_content .main_box_movie11 .main_video11 {width:100%; height:403px;}

#main_content .main_box_movie12{height: 403px;}
#main_content .main_box_movie12 .main_video12 {width:100%; height:403px;}


#main_content .main_box_movie5 .mmtxt_area5 {padding-top:150px; }
#main_content .main_box_movie4 .mmtxt_area4 {padding-top:150px; }
#main_content .main_box_movie2 .mmtxt_area2 {padding-top:150px;}
#main_content .main_box_movie6 .mmtxt_area6 {padding-top:150px; }
#main_content .main_box_movie7 .mmtxt_area7 {padding-top:150px; }
#main_content .main_box_movie8 .mmtxt_area8 {padding-top:150px; }
#main_content .main_box_movie9 .mmtxt_area9 {padding-top:100px; }
#main_content .main_box_movie10 .mmtxt_area10 {padding-top:100px; }
#main_content .main_box_movie11 .mmtxt_area11 {padding-top:100px; }
#main_content .main_box_movie12 .mmtxt_area12 {padding-top:100px; }

#main_content .main_box_movie2 .mmtxt_area2 p{font-size: 30px; width:100%}
#main_content .main_box_movie4 .mmtxt_area4 p{font-size: 30px; width:100%}
#main_content .main_box_movie5 .mmtxt_area5 p{font-size: 30px; width:100%}
#main_content .main_box_movie6 .mmtxt_area6 p{font-size: 30px; width:100%}
#main_content .main_box_movie7 .mmtxt_area7 p{font-size: 30px; width:100%}
#main_content .main_box_movie8 .mmtxt_area8 p{font-size: 30px; width:100%}
#main_content .main_box_movie9 .mmtxt_area9 p{font-size: 30px; width:100%}
#main_content .main_box_movie10 .mmtxt_area10 p{font-size: 30px; width:100%}
#main_content .main_box_movie11 .mmtxt_area11 p{font-size: 30px; width:100%}
#main_content .main_box_movie12 .mmtxt_area12 p{font-size: 30px; width:100%}




/*** footer ***/
#footer{padding: 0;}
#footer .ft_top{position: relative;}
#footer .ft_top .ft_newletter{padding: 0 0 37px 0; }
#footer .ft_top .fnb_menu div span{ text-align:center;}
#footer .ft_top .fnb_menu div span:first-child{margin-right: 0px;}
#footer .ft_top .fnb_menu{box-sizing: border-box; padding: 0 20px 18px 20px;}
#footer .ft_top .fnb_menu .lft_fnb{width: 45%; font-size: 0;}
#footer .ft_top .fnb_menu .lft_fnb span{display: inline-block; width: 33%;}
#footer .ft_top .fnb_menu .rgh_fnb{width: 55%; font-size: 0;}
#footer .ft_top .fnb_menu .rgh_fnb span{display: inline-block; width: 33%;}
#footer .ft_top .fnb_menu div span:first-child{margin-right: 0;}
#footer .ft_top .fnb_menu .rgh_fnb span:nth-child(2){margin-right: 0;}
#footer .ft_top .fnb_menu .lft_fnb span:nth-child(2){margin-right: 0;}
#footer .ft_btm{height: 130px;}
#footer .ft_btm .ft_4dx{top: 27px; left: 35%;}
#footer .ft_btm .ft_copy{top: 85px;}
#footer .ft_btm .ft_cj{top: 27px; right: 35%; }

/*** footer ***/
#footer .ft_top .ft_newletter input[type=text]{padding-left: 60px;}
#footer .ft_top .ft_newletter .ipt_wrap{width: 70%;}
.dim_area2 nav{margin: -360px 0 0 -45%; width: 90%; }
.dim_effect nav{margin: -177px 0 0 -320px; width: 640px; height: 354px; }
.effect_wrap iframe {height:330px;}
}

/* Mobile - orientation: landscape */
@media all and (max-width:640px) {

#main_content .main_box33 .main_facebook {display:block; float: left; max-width: 480px; width:100%; padding:20px 0; margin:auto; border:none;}
#main_content .main_box33 .main_news2 .ofs_box li h2{font-size: 16px;}
#main_content .main_box2 .txt_area{padding-top: 10%;}

#main_content .main_box_movie{height: 380px;}
#main_content .main_box_movie .main_video {width:100%; height:380px;}

#main_content .main_box_movie2{height: 380px;}
#main_content .main_box_movie2 .main_video2 {width:100%; height:380px;}

#main_content .main_box_movie3{height: 380px;}
#main_content .main_box_movie3 .main_video3 {width:100%; height:380px;}

#main_content .main_box_movie3 .mmtxt_area3 p{width:80%}

.btn_eye{top: 63.5%; }

#main_content .main_box_movie5{height: 380px;}
#main_content .main_box_movie5 .main_video5 {width:100%; height:380px;}

#main_content .main_box_movie6{height: 380px;}
#main_content .main_box_movie6 .main_video6 {width:100%; height:380px;}
.play_movie6{bottom: 20%; }

#main_content .main_box_movie7{height: 380px;}
#main_content .main_box_movie7 .main_video7 {width:100%; height:380px;}

#main_content .main_box_movie8{height: 380px;}
#main_content .main_box_movie8 .main_video8 {width:100%; height:380px;}
.play_movie8{bottom: 20%; }

#main_content .main_box_movie9{height: 380px;}
#main_content .main_box_movie9 .main_video9 {width:100%; height:380px;}
.play_movie9{bottom: 20%; }

#main_content .main_box_movie10{height: 380px;}
#main_content .main_box_movie10 .main_video10 {width:100%; height:380px;}
.play_movie10{bottom: 20%; }

#main_content .main_box_movie11{height: 380px;}
#main_content .main_box_movie11 .main_video11 {width:100%; height:380px;}
.play_movie9{bottom: 20%; }

#main_content .main_box_movie12{height: 380px;}
#main_content .main_box_movie12 .main_video12 {width:100%; height:380px;}
.play_movie9{bottom: 20%; }

/* dim */
.dim_area nav .close_dim{margin-bottom: 10px; width: 22px; height: 22px;}
.dim_area nav .dl_nav:nth-of-type(1) dt{margin-top: 0px;}
.dim_area nav .dl_nav dt{font-size: 34px; margin-top: 15px;}

.dim_area2{ overflow-y: scroll;}
.dim_area2 nav{margin: -380px 0 0 -47%; width: 94%; }
.dim_area2 nav .dim2_wrap{ padding:0 20px 30px 20px;}
.dim_area2 nav .dim2_wrap p{font-size:13px; padding-bottom:10px;}
.dim_area2 nav .dim2_wrap h2{font-size: 24px;}
.dim_area2 nav .dim2_wrap ul li {padding-left:12px; color:#999; font-size:12px; margin-top:3px; letter-spacing:-0.5px;}

.dim_effect nav{margin: -154px 0 0 -280px; width: 560px; height: 309px; }
.effect_wrap iframe {height:280px;}

/*** header ***/
#header{}
#header a.logo{top: 16px; left: 50%; margin-left: -48.5px; width: 75px;}
#header a.logo img{width: 100%;}
#side_menu{top: 18px; right: 11px;}
#side_menu button:nth-child(1){margin-right: 11px; width: 25px;}
#side_menu button:nth-child(2){margin-right: 11px; width: 25px;}
#side_menu button:last-child{width: 22px;}
#side_menu button img{width: 100%;}

#nav{width: 100%; top: 76px; text-align: center; left: 0; margin-left: 0;}
#nav > ul{display: inline-block; text-align: left;}
#nav > ul > li {margin-left: 30px;}
#nav > ul > li > a{font-size: 16px; }

#search_bar {height:40px;}
#search_bar .search_btn input[type=submit]{width:100px; height:40px; font-size: 16px;  }
#search_bar .search_in input[type=text]{position: absolute; right: 110px; height: 40px; }

/* Content Box */
#main_content .main_box3 .main_news{padding: 20px 15px 0;}
#main_content .main_box3 .main_news .ofs_box{height: 350px;}
#main_content .main_box33 .main_news2 .ofs_box{height: 350px;}

#main_content .main_box3 .main_news2{padding: 20px 15px 0;}
#main_content .main_box3 .main_news2 .ofs_box{height: 350px;}

#main_content .main_box33 .main_facebook  h2{position: relative; left: 0px; bottom: 0; font-size: 48px; }
#main_content .main_box33 .main_facebook .fb-page {margin-top:20px;}
/*** footer ***/
#footer .ft_top .ft_newletter .ipt_wrap{width: 80%;}
#footer .ft_top .fnb_menu .lft_fnb{width: 100%; float: none; margin-bottom: 9px;}
#footer .ft_top .fnb_menu .rgh_fnb{width: 100%; float: none; margin-bottom: 18px;}
}

@media all and (max-width:580px) {
.dim_effect nav{margin: -132px 0 0 -240px; width: 480px; height: 265px; }
.effect_wrap iframe {height:235px;}
}

/* Mobile - orientation: portrait */
@media all and (max-width:480px) {
/* dim */
.dim_area nav{top: 0; margin: 0 0 0 -45%; width: 90%; height: 640px;}
.dim_area nav .dl_nav dt{font-size: 24px;}

.dim_area2 nav{top: 0; margin: 0 0 0 -50%; width: 100%; height: 640px;}
.dim_area2 nav .dim2_wrap{ padding:0 10px 30px 10px;}
.dim_area2 nav .dim2_wrap p{font-size:11px; padding-bottom:5px;}
.dim_area2 nav .dim2_wrap h2{font-size: 16px;}
.dim_area2 nav .dim2_wrap ul li {padding-left:10px; color:#999; font-size:10px; margin-top:2px; letter-spacing:-0.5px;}


/* Main Visual */
.full_visual .fv_box .fv_txt h2{font-size: 24px;} 
.full_visual .fv_box .fv_img h2{font-size: 24px; padding:0 20px;}
.full_visual .fv_box .fv_img h1{ padding:0 20px;}

/* Content Box */
#main_content .main_box1{height: 320px;}
#main_content .main_box1 .txt_area{/*padding-top: 15%;*/padding-top: 10%; width: 85%; line-height: 1.5;} /* 181005 수정 */
#main_content .main_box1 .txt_area p{font-size: 24px;}  
#main_content .main_box1 .txt_area .btn_whbd{/*margin-top: 45px;*/margin-top: 35px; width: 70%; font-size: 16px;} /* 181005 수정 */
#main_content .main_box1 .txt_area .btn-newsletter { width:100%; margin-top:10px; font-size: 16px; }

#main_content .main_box_k3 .mmtxt_area3{padding-top:10%;}
#main_content .main_box_k3 .mmtxt_area3 p{font-size: 24px;} 


#main_content .main_box_k1 .txt_area{width: 85%; line-height: 1.5; left:7.5%;}
#main_content .main_box_k1 .txt_area .btn_whbd{/*margin-top: 45px;*/margin-top: 35px; width: 70%; font-size: 16px;}  
#main_content .main_box_k2 a.readmore{/*margin-top: 45px;*/margin-top: 35px; width: 50%; font-size: 14px; line-height:25px; bottom: 15%;}  

#main_content .main_box_k2{height:200px;}
#main_content .main_box_k4{height:300px;}
#main_content .main_box_k4 .txt_area{width: 85%; line-height: 1.5; left:7.5%;}
#main_content .main_box_k4 .txt_area .btn_whbd{/*margin-top: 45px;*/margin-top: 35px; width: 70%; font-size: 16px;}  


#main_content .main_box2{height: 277px;}
#main_content .main_box2 .txt_area{width: 75%;}
#main_content .main_box2 .txt_area p{font-size: 30px;}
#main_content .main_box2 .txt_area p em{}
#main_content .main_box2 .txt_area p em sup{font-size: 16px;}
#main_content .main_box2 .txt_area .btn_grad{margin-top: 55px;}
#main_content .main_box3{padding: 18px 16px;}
#main_content .main_box3 h1{font-size: 30px;}

#main_content .main_box_movie .mmtxt_area p{font-size: 18px;}

#main_content .main_box_movie{height: 320px;}
#main_content .main_box_movie .main_video {width:100%; height:320px;}

#main_content .main_box_movie2{height: 320px;}
#main_content .main_box_movie2 .main_video2 {width:100%; height:320px;}


#main_content .main_box_movie3 .mmtxt_area3 p{font-size: 27px;}
.play_movie2{position: absolute; top: 60%; }
 


#main_content .main_box_movie3{height: 320px;}
#main_content .main_box_movie3 .main_video3 {width:100%; height:320px;}

#main_content .main_box_movie4{height: 320px;}
#main_content .main_box_movie4 .main_video4 {width:100%; height:320px;}

#main_content .main_box_movie5{height: 320px;}
#main_content .main_box_movie5 .main_video5 {width:100%; height:320px;}

#main_content .main_box_movie6{height: 320px;}
#main_content .main_box_movie6 .main_video6 {width:100%; height:320px;}

#main_content .main_box_movie7{height: 320px;}
#main_content .main_box_movie7 .main_video7 {width:100%; height:320px;}

#main_content .main_box_movie8{height: 320px;}
#main_content .main_box_movie8 .main_video8 {width:100%; height:320px;}

#main_content .main_box_movie9{height: 320px;}
#main_content .main_box_movie9 .main_video9 {width:100%; height:320px;}

#main_content .main_box_movie10{height: 320px;}
#main_content .main_box_movie10 .main_video10 {width:100%; height:320px;}

#main_content .main_box_movie11{height: 320px;}
#main_content .main_box_movie11 .main_video11 {width:100%; height:320px;}

#main_content .main_box_movie12{height: 320px;}
#main_content .main_box_movie12 .main_video12 {width:100%; height:320px;}

#main_content .main_box_movie5 .mmtxt_area5 {padding-top:100px; }
#main_content .main_box_movie4 .mmtxt_area4 {padding-top:100px; }
#main_content .main_box_movie2 .mmtxt_area2 {padding-top:100px;}
#main_content .main_box_movie6 .mmtxt_area6 {padding-top:100px;}
#main_content .main_box_movie7 .mmtxt_area7 {padding-top:100px;}
#main_content .main_box_movie8 .mmtxt_area8 {padding-top:100px;}
#main_content .main_box_movie9 .mmtxt_area9 {padding-top:100px;}
#main_content .main_box_movie10 .mmtxt_area10 {padding-top:100px;}
#main_content .main_box_movie11 .mmtxt_area11 {padding-top:100px;}
#main_content .main_box_movie12 .mmtxt_area12 {padding-top:100px;}

#main_content .main_box_movie2 .mmtxt_area2 p{font-size: 24px; width:100%}
#main_content .main_box_movie4 .mmtxt_area4 p{font-size: 24px; width:100%}
#main_content .main_box_movie5 .mmtxt_area5 p{font-size: 24px; width:100%}
#main_content .main_box_movie6 .mmtxt_area6 p{font-size: 24px; width:95%}
#main_content .main_box_movie7 .mmtxt_area7 p{font-size: 24px; width:95%}
#main_content .main_box_movie8 .mmtxt_area8 p{font-size: 24px; width:95%}
#main_content .main_box_movie9 .mmtxt_area9 p{font-size: 24px; width:95%}
#main_content .main_box_movie11 .mmtxt_area11 p{font-size: 24px; width:95%}
#main_content .main_box_movie12 .mmtxt_area12 p{font-size: 24px; width:95%}
#main_content .main_box_movie10 .mmtxt_area10 p{font-size: 24px; width:95%}

/*** footer ***/ 
#footer{padding: 0;}
#footer .ft_top .fnb_menu{padding: 0;}
#footer .ft_top .ft_newletter{padding: 0 18px 24px 18px;}
#footer .ft_top .ft_newletter .ipt_wrap{width: 100%;}
#footer .ft_top .ft_newletter input[type=text]{padding-left: 30px; font-size: 14px; background-position-x: 5px; background-size: 8%;}

#footer .ft_btm .ft_4dx{left: 20%;}
#footer .ft_btm .ft_cj{right: 20%;}

.dim_effect nav{margin: -122px 0 0 -220px; width: 440px; height: 243px; }
.effect_wrap iframe {height:210px;}

} 

/* agree */ 
.agreement_wr{display:none; width:40%; background:#000; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:9999999; padding:40px; text-align:left;}
.agreement_wr p{color:#fff;}
.agreement_wr p.tit{font-size:20px; margin-bottom:20px;}
.agreement_wr p.txt{font-size:14px;  line-height:1.4;}
.agreement_wr p.txt span.blue{color:#00b5ff;}
.agreement_wr .line{display:block; width:100%; height:2px; background:#aaa; margin:30px auto 15px;} 
#footer .ft_top .ft_newletter .agreement_wr button.agree_close{position:absolute; top:10px; right:10px; cursor:pointer; padding:0; background:0;} 
.agreement_wr input[type='checkbox']{ height: 0; width: 0; }
.agreement_wr input[type='checkbox'] + label{
  position: relative;
  display: flex;
  margin:  0;
  align-items: center;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(.4,.0,.23,1);
}
.agreement_wr input[type='checkbox'] + label > ins{ 
  display: block; 
  line-height: 3em;
  font-size:16px;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  transition: height 300ms cubic-bezier(.4,.0,.23,1);
  color: #fff;
} 
.agreement_wr input[type='checkbox'] + label > span{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 3em;
  height: 3em;
  background: transparent;
  border: 1px solid red; 
  cursor: pointer;  
  transition: all 250ms cubic-bezier(.4,.0,.23,1);
} 
.agreement_wr input[type='checkbox'] + label:hover > span, input[type='checkbox']:focus + label > span{
  background: rgba(255,255,255,.1);
}
.agreement_wr input[type='checkbox']:checked + label > ins{ height: 100%; }

.agreement_wr input[type='checkbox']:checked + label > span{
  border: 1.5em solid #FFEB3B; 
  box-sizing:border-box;
}
.agreement_wr input[type='checkbox']:checked + label > span:before{
	content: "";
    position: absolute;
    top: 1em;
    left: 0.5em;
	font-size:20px;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: .2em;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: .2em;
    height: .5em;    
    border-color: #212121;
    transform: translate3d(0,-.5em,0) rotate(45deg);
  }
}
 

@media (max-width:960px){
	.agreement_wr{width:60%;}
} 
@media (max-width:640px){
	.agreement_wr{width:80%; padding:30px;}
	.agreement_wr p.tit{font-size:16px;}
	.agreement_wr input[type='checkbox'] + label > ins,
	.agreement_wr p.txt{font-size:12px;}
} 
@media all and (max-width:400px) {
.dim_effect nav{margin: -88px 0 0 -160px; width: 320px; height: 177px; }
.effect_wrap iframe {height:150px;}

#main_content .main_box_movie .mmtxt_area p{font-size: 18px;}

#main_content .main_box_movie{height: 320px;}
#main_content .main_box_movie .main_video {width:100%; height:320px;}

}

/* iPhone 5, 5S, SE*/
@media all and (max-width:320px) {

	#main_content .main_box_k3{height: 150px;}
	#main_content .main_box_k3 .youtubemovie1 iframe{height:150px !important;} 
	#main_content .main_box_k3 .youtubemovie2 iframe{height:150px !important;} 
	.main_box_k3 .movie_bg4 iframe{height:150px !important;}
	#main_content .main_box_k3 .main_movie4 iframe{height:150px !important;}   


}
/* media size setting end */