@charset "utf-8";

/*  ------ font -----  */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* webcss */
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;background-color:#EEEEEE;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}/
/* Accessibility */
.accessibility, .skip, hr, legend, caption{position:absolute;text-indent:-1000em}
/* Reset */
html{/* overflow-y:scroll */}
html,body{width:100%;/* height:100% */}
body{font-size:12px;line-height:18px;font-family: 'Nanum Square';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
hr{display:none}
a{color:inherit}
a,a:link{color:#000;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
a:visited{color:#000}
a:hover,a:active{color:#000;text-decoration:none}
input,select{vertical-align:middle}
img{vertical-align:top;}

/* Reset Style 
.reset{float:none !important;clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:20px;border:none;background:none;color:#000;font:11px Dotum;padding:2px 0 0 4px}
*/
/* [S] Common html */
.dim {position:fixed;z-index:50;background:url(../images/bg_dim.png) repeat 0 0;top:0;left:0;right:0;bottom:0;z-index:100;display:none;}

.file_ui{display:block;padding-right:180px;position:relative}
.file_ui .file_name{display:block;box-sizing:border-box;width:100%;height:60px;padding:7px 29px;margin-right:5px;font-size:24px;color:#666;line-height:1;border:1px solid #d8d8d8;vertical-align:middle;border-radius:6px;}
.file_ui .btn_file{display:block;position:absolute;right:0;top:0;background:#d8d8d8;width:170px;height:60px;border-radius:6px;font-size:22px;line-height:60px;text-align:center;color:#fff;}
.file_ui input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.file_ui .file_name::-webkit-input-placeholder{color:#ccc}
.file_ui .file_name:-ms-input-placeholder{color:#ccc}
.file_ui .file_name::-moz-placeholder{color:#ccc}
.file_ui .file_name:-moz-placeholder{color:#ccc}

.select{-webkit-appearance:none;display:block;position:relative;box-sizing:border-box;display:block;width:100%;border:1px solid #d8d8d8;background:#fff;border-radius:6px;padding:0 29px;font-size:24px;color:#666;line-height:58px;background:url(../images/bg_select.png) no-repeat right 25px;}

.inp_txt{width:100%;height:60px;box-sizing:border-box;border:1px solid #d8d8d8;background:#fff;border-radius:6px;padding:8px 29px;font-size:24px;line-height:1;color:#555}
.inp_txt::-webkit-input-placeholder{color:#ccc}
.inp_txt:-ms-input-placeholder{color:#ccc}
.inp_txt::-moz-placeholder{color:#ccc}
.inp_txt:-moz-placeholder{color:#ccc}
.textarea{width:100%;height:150px;box-sizing:border-box;border:1px solid #d8d8d8;background:#fff;border-radius:6px;padding:10px 29px;font-size:24px;line-height:1.25em;vertical-align:top;color:#555}
/* [E] Common html */

/* [S] Guide */
#wrap{width:640px;overflow:hidden}
#wrap section{}
#wrap section .inner{position:relative}
#wrap section .inner .item{position:absolute}
#header{position:fixed;width:100%;z-index:50;}
#header .logo{text-align:center;padding:37px 0 38px;transition:all .3s}
#header .btn_menu{display:block;position:absolute;width:60px;height:32px;left:0;top:45px;overflow:hidden;text-indent:-9999em}
#header .btn_menu i{display:block;position:absolute;width:100%;height:4px;left:0;background:#fff}
#header .btn_menu i.l1{top:0;}
#header .btn_menu i.l2{top:14px;}
#header .btn_menu i.l3{top:28px;}
#header.on .logo{background:#fff;}
#header.open{background:#fff;}
#header.on .btn_menu i{background:#f6891f;}
#header.open .btn_menu i{background:#f6891f;}
#header nav{height:0;overflow:hidden;background:#fff;transition:all .5s}
#header.open nav{height:720px;}
#header nav ul{}
#header nav ul li{font-size:28px;text-align:center;letter-spacing:-0.1em}
#header nav ul li a{display:block}
#header nav .gnb{border-bottom:1px solid #ddd;}
#header nav .gnb li{border-top:1px solid #ddd;line-height:109px;}
#header nav .gnb li a{color:#666}
#header nav .gnb li.on a{color:#000}
#header nav .sns:after{content:'';display:block;clear:both;}
#header nav .sns li{float:left;height:169px;line-height:169px;background:#f6891f;box-sizing:border-box;width:50%;border-left:1px solid #fff;}
#header nav .sns li a{color:#fff;}
#header nav .sns li a img{vertical-align:middle;margin-right:30px;}
#header nav .sns li:first-childe{border-left:none;border-right:1px solid #fff;}
#footer{height:120px;text-align:center;background:#f6891f;font-size:16px;line-height:26px;}
#footer p{padding:35px 0 0}

.main{position:relative;}
.main .bg_video{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;}
.main .inner{height:840px;text-align:right;}
.main p{color:#000000;position:absolute}
.main .txt01{font-size:26px;line-height:1em;letter-spacing:-0.1em;right:60px;top:245px;}
.main .txt02{font-size:60px;line-height:70px;font-weight:700;letter-spacing:-0.1em;right:60px;top:288px;}
.main .txt03{font-size:22px;line-height:32px;letter-spacing:-0.04em;right:60px;top:512px}
.main .btn_area{position:absolute;width:100%;font-size:0;left:0;top:665px;text-align:center;}
.main .btn_area a{display:inline-block;border-radius:8px;box-shadow: 30px 52px 50px 0px rgba(0, 0, 0, 0.2);margin-left:20px;}
.main .btn_area a:first-child{margin:0}

.about_moviepre{background:#151515;overflow:hidden;}
.about_moviepre .inner{height:827px;}
.about_moviepre .slider_type_01{background:url(../images/bg_about_phone.png) no-repeat 0 bottom;}
.about_moviepre .slider_type_01 .slider{height:827px;width:100%;overflow:hidden;position:relative;}
.about_moviepre .slider_type_01 .slider li{position:absolute;height:100%;width:100%;left:0;}
.about_moviepre .slider_type_01 .slider li .app_img{position:absolute;width:331px;height:586px;left:155px;top:441px;border-radius:6px;overflow:hidden;}
.about_moviepre .slider_type_01 .slider li .txt_area{font-size:20px;}
.about_moviepre .slider_type_01 .slider li .txt_area p{position:absolute;left:0;text-align:center;width:100%}
.about_moviepre .slider_type_01 .slider li .txt_area .txt00{top:38px;font-size:80px;font-weight:700;color:#d3d3d1;letter-spacing:-1px;line-height:1em}
.about_moviepre .slider_type_01 .slider li .txt_area .txt01{top:152px;color:#f6891f;}
.about_moviepre .slider_type_01 .slider li .txt_area .txt02{top:192px;font-size:42px;line-height:42px;color:#ffffff}
.about_moviepre .slider_type_01 .slider li .txt_area .txt03{top:291px;line-height:26px;color:#ffffff}
.about_moviepre .slider_type_01 .btn{position:absolute;top:476px;}
.about_moviepre .slider_type_01 .btn_lft{left:30px;}
.about_moviepre .slider_type_01 .btn_rgt{right:30px;}

.insert{background:#2a2a2a;}
.insert .inner{height:400px;text-align:center;}
.insert .inner p{position:absolute;width:100%;}
.insert .inner .txt01{top:81px;}
.insert .inner .txt02{top:218px;font-size:24px;line-height:31px;color:#9c9c9c;letter-spacing:-0.095em}
.insert .inner .txt03{top:298px;font-size:38px;line-height:1em;color:#dbdbdb;letter-spacing:-0.07em}

.advertisement{background:#f6891f url(../images/bg_ad_rp.gif) repeat-x 0 bottom}
.advertisement .inner{height:736px;text-align:center}
.advertisement h1{position:absolute;width:100%;left:0;top:60px;}
.advertisement p{position:absolute;width:100%;left:0;z-index:3}
.advertisement .txt01{top:165px;font-size:42px;line-height:1em;color:#010101;}
.advertisement .txt02{top:230px;font-size:20px;line-height:26px;color:#fff;}
.advertisement .btn_area{position:absolute;width:100%;left:0;top:322px;font-size:0;z-index:3}
.advertisement .btn_area a{display:inline-block;width:282px;height:80px;margin:0 10px;border-radius:6px;background:#8d8d8d;font-size:32px;line-height:80px;color:#fff;text-align:center;box-shadow: 30px 52px 50px 0px rgba(0, 0, 0, 0.2);}
.advertisement .phone01{bottom:0;left:-173px;z-index:1}
.advertisement .phone02{bottom:0;left:285px;z-index:2}

.join_now{height:736px;text-align:center;}
.join_now .inner{height:237px;}
.join_now h2{position:absolute;width:100%;font-size:42px;line-height:50px;top:55px;}
.join_now .txt_since{position:absolute;width:100%;font-size:26px;line-height:1em;top:178px;}
.join_now .slider_type_02{position:relative;margin-left:164px}
.join_now .slider_type_02 ul{}
.join_now .slider_type_02 ul li{position:absolute;width:320px;height:458px;left:0;top:0;overflow:hidden;box-shadow:15px 26px 30px 0px rgba(0, 0, 0, 0.15);}
.join_now .slider_type_02 ul li a{display:block;}
.join_now .slider_type_02 ul li .txt_area{position:absolute;bottom:-165px;width:100%;background:url(../images/bg_join_txt.png) repeat 0 0;transition:all 0.5s}
.join_now .slider_type_02 ul li .txt_area dl{padding:40px 0 24px;}
.join_now .slider_type_02 ul li .txt_area dt{margin-bottom:17px;font-size:28px;line-height:1em;color:#fff;font-weight:700}
.join_now .slider_type_02 ul li .txt_area dd{font-size:18px;line-height:26px;color:#b9b9b9;}
.join_now .slider_type_02 ul li .cover{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/bg_join_cover.png) repeat 0 0;transition:all 0.5s}
.join_now .slider_type_02 ul li a:hover .txt_area{bottom:0;}
.join_now .slider_type_02 ul li a:hover .cover{opacity:0}
.join_now .slider_type_02 ul li.on .txt_area{bottom:0;}
.join_now .slider_type_02 ul li.on a .cover{opacity:0}
.join_now .slider_type_02 .btn{position:absolute;top:0px;/*top:187px;*/}
.join_now .slider_type_02 .btn_lft{left:-164px;width:120px;height:271px;padding-top:187px;}
.join_now .slider_type_02 .btn_rgt{right:0px;width:120px;height:271px;padding-top:187px;}

.faq{background:#f0f0f0 url(../images/bg_faq_rp.gif) repeat-x 0 0}
.faq .inner{padding:60px 30px 40px}
.faq h2{text-align:center;}
.faq .list{border-top:1px solid #b8b8b8;margin:30px 0 0}
.faq .list li{border-bottom:1px solid #b8b8b8;padding:0 20px;font-size:22px;color:#666;letter-spacing:-0.07em}
.faq .list li a{display:block;padding:27px 0;color:#666;line-height:1em;}
.faq .list li .q{display:none;padding:20px 0 20px 35px;line-height:36px;}
.faq .list li.on a{color:#000;}
/* .faq .list li.on .q{display:block;} */
.faq .btn_more{margin:30px 0 0;text-align:center;}
.faq .btn_more a{display:block;height:60px;background:#cacaca;line-height:60px;border-radius:30px}
.faq .btn_more a img{vertical-align:middle;}

.alliance{background:url(../images/bg_alliance_visual.jpg) no-repeat center 0;text-align:center;}
.alliance .inner{height:1210px;}
.alliance h2{position:absolute;top:54px;width:100%;font-size:26px;line-height:37px;color:#fff;}
.alliance h2 strong{display:block;font-size:40px;}
.alliance .num_wrap{position:absolute;left:110px;width:420px;height:420px;background:url(../images/bg_alliance_circle.png) no-repeat 0 0;}
.alliance .num_wrap dt{position:relative;padding:100px 0 0;font-size:26px;color:#fff;line-height:1em;letter-spacing:-0.09em;}
.alliance .num_wrap dt:after{position:absolute;content:'';display:block;width:36px;height:4px;bottom:-23px;left:50%;margin-left:-18px;background:#fff;}
.alliance .num_wrap .num{margin-top:43px;font-size:60px;color:#f68a1e;line-height:1em;letter-spacing:-0.09em}
.alliance .num_wrap .txt{margin-top:30px;font-size:20px;color:#bbb;line-height:36px;letter-spacing:-0.06em}
.alliance .movie{top:170px;}
.alliance .participation{top:630px;}
.alliance .btn_area{position:absolute;top:1090px;width:100%;}
.alliance .btn_area a{display:block;margin:0 30px;height:80px;background:#f6891f;font-size:32px;color:#fff;line-height:80px;border-radius:6px;box-shadow: 30px 52px 50px 0px rgba(0, 0, 0, 0.2); }

.form_wrap{width:640px;background:#fff;display:none;}
.form_wrap .btn_close{position:absolute;right:90px;top:50px;}
.form_wrap .form_head{position:relative;height:120px;text-align:center;border-bottom:1px solid #ddd}
.form_wrap .form_head .btn_back{position:absolute;left:30px;top:39px;}
.form_wrap .form_head h1{padding:43px 0 0;font-size:36px;color:#666;line-height:1em;}
.form_wrap .form_cont{padding:32px 30px 80px;}
.form_wrap .form_cont h2{text-align:center;font-size:32px;color:#666;line-height:38px;letter-spacing:-0.05em;margin-bottom:32px;}
.form_wrap .formbox{padding:27px 0 35px;background:url(../images/bg_form_dashed.gif) repeat-x 0 0}
.form_wrap .formbox h3{font-size:24px;color:#f6891f;line-height:1em;letter-spacing:-0.05em;font-weight:700}
.form_wrap .formbox table{width:100%;margin-top:15px;}
.form_wrap .formbox table th{padding:15px 0;text-align:left;font-size:22px;color:#666;font-weight:normal;letter-spacing:-0.05em;vertical-align:top;line-height:60px;}
.form_wrap .formbox table td{padding:15px 0;font-size:22px;vertical-align:top;line-height:60px;}
.form_wrap .formbox table td .txt_placeholder{font-size:18px;color:#ccc;line-height:35px;}
.form_wrap .btn_area{text-align:center;}
.form_wrap .btn_area a{display:block;height:80px;background:#f6891f;font-size:32px;line-height:80px;color:#fff;font-weight:700;border-radius:6px;box-shadow:0px 40px 50px 0px rgba(0, 0, 0, 0.2); }
.form_wrap .btn_area button {border:0;display:block;width:100%;height:80px;background:#f6891f;font-size:32px;line-height:80px;color:#fff;font-weight:700;border-radius:6px;box-shadow:0px 40px 50px 0px rgba(0, 0, 0, 0.2); }
/* 260610 captcha_area 추가 */
.form_wrap .captcha_area {display:flex; justify-content:center; padding-bottom:40px;}

/* [E] Guide */

.bx-wrapper {box-shadow:none;border:none;}
.bx-viewport {overflow:visible!important;}