/*
 * [[ SuperRace - USER WEB ]]
 * 2017-03-21 오후17:35:46 
 * 큐브에이 & 이창호
 * goldlch@cubea.co.kr
*/

@charset "utf-8";

body,hr,img,fieldset,form,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,q,blockquote,caption,legend,address,a,input,select,textarea,button{margin:0;padding:0}
hr{display:none}
img,input,button,textarea,fieldset,form,legend,hr{border:0 none}
dl,ul,ol,li{list-style:none}
body,h1,h2,h3,h4,h5,h6,big,small,input,select,textarea,button{font-size:1em;line-height:1.4em}
q,blockquote{quotes:none}
q:before,q:after{content:''}
caption,legend{height:1px;overflow:hidden;margin:-1px 0 0 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;font:0/0 serif}
a,a:hover,a:visited,a:focus,a:active{text-decoration:none}
a{text-decoration:none}
dfn,em,cite,address,sup,sub{font-style:normal;font-variant:normal;text-transform:none}
button{outline:none;background-color:transparent;cursor:pointer}
table,tr,td{margin:0;padding:0;border-width:0;border-collapse:collapse}
img,input,select,textarea,button{vertical-align:middle}
a,input,button,select{outline:none}
table{width:100%;margin:0;padding:0;border-width:0;border-collapse:collapse}
button,input[type="radio"],input[type="checkbox"]{cursor:pointer}
input[type="password"],input[type="text"]{background-color:transparent}
body{font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all}
body,input,textarea,a,select,button{
	letter-spacing:-0.05em;
	color:#fff;
	font-style:normal;
	font-family:'Noto Sans CJK KR','NotoSansKR','NotoSansKR-Medium','applegothic',sans-serif;
	font-weight:400;
}
/* body.fixe {overflow: hidden;} */
textarea{resize:none}
textarea:focus{outline:none}

.eng{font-family:"Stratum2","NotoSansKR" !important}
.kor{font-family:"NotoSansKR" !important}

input[type="text"]::-ms-clear{display:none}

.print{display:none !important}

.hidden {width: 1px;height: 1px;margin: -1px;position: absolute;top: 0;left: 0;overflow: hidden;border: none;clip: rect(0,0,0,0);}

/* BG 처리 */
body{background-color:#000000;}
#backBg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:99}
#bg_box{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:1}
#bg_box .user_bg{position:relative}
#bg_box .user_bg img{display:block;width:100%;height:auto;opacity:0.4;max-width:1920px;min-width:1700px;margin:0 auto}
#bg_box .bg1,
#bg_box .bg2,
#bg_box .bg3,
#bg_box .bg4{display:block;position:absolute;left:0}
#bg_box .bg1{top:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1}
#bg_box .bg2{bottom:0;width:100%;height:105px;}
#bg_box .bg3{left:auto;right:0;bottom:0;width:1920px;height:1836px;background:url('../img/bg3.png?date=20220310') right bottom no-repeat;z-index:3}
#bg_box .bg4{bottom:0;width:100%;height:420px;background:url('../img/bg4.png') left bottom repeat-x;z-index:2}

/* LAYOUT */
#ui_wrap{position:relative;margin:0 auto;min-width:1550px;overflow:hidden}
#ui_wrap.mw{min-width:1800px}
#ui_top{position:relative;width:100%;z-index:3}
#ui_top h1{display:block;position:absolute;left:80px;top:0;width:181px;height:86px;z-index:3;transition:left 0.3s;-webkit-transition:left 0.3s}
#ui_top h1 a{display:block;width:100%;height:100%;background:url('../img/logo_h1.png?date=20220310') left center no-repeat;text-indent:-99999em;overflow:hidden}

#gnb_wrap{position:relative;width:100%;z-index:2}
#gnb_wrap *{vertical-align:top}
#gnb_wrap .one_depth{position:relative;width:100%;background-color:#000;z-index:2}
#gnb_wrap .one_depth ul{width:1120px;height:50px;padding-top:36px;margin:0 auto;z-index:2;transition:margin 0.3s;-webkit-transition:margin 0.3s;overflow:hidden}
#gnb_wrap .one_depth li{float:left;height:100%;position:relative;padding:0 28px;min-width:50px;transition:width 0.3s;-webkit-transition:width 0.3s}
#gnb_wrap .one_depth li:after{content:'';display:block;width:1px;height:12px;position:absolute;left:0;top:2px;}
#gnb_wrap .one_depth li:first-child:after{display:none}
#gnb_wrap .one_depth li a{display:block;height:100%;line-height:1em;text-align:center;font-family:"Stratum2","NotoSansKR";font-weight:500;font-size:18px;color:#fff}
#gnb_wrap .one_depth li a.on,
#gnb_wrap .one_depth li a:hover{color:#e82c35}
#gnb_wrap .one_depth li a.eng{letter-spacing:0}
#gnb_wrap .one_depth li span{display:none;position:absolute;top:-20px;left:50%;margin-left:-24px;width:48px;height:17px;background:url("../img/onair.gif") 0 0 no-repeat;font-size:0;line-height:0}
#gnb_wrap .one_depth li span.on{display:block}
#gnb_wrap .telemetry{position:absolute;top:24px;left:50%;margin-left:412px;font-size:16px;line-height:20px;color:#000;font-weight:500}
#gnb_wrap .telemetry:before{position:absolute;top:14px;left:-20px;content:'';display:block;width:1px;height:12px;background-color:#ccc}
#gnb_wrap .telemetry:after{position:absolute;top:-5px;right:-60px;content:'';width:50px;height:50px;background:url(../img/telemetry.png) no-repeat}
#ui_wrap.mw #gnb_wrap .one_depth ul{width:1236px}
#ui_wrap.mw #gnb_wrap .two_depth .sub_box{width:1240px}

#gnb_wrap .telemetry div {position:absolute;top:3px;right:-55px;width:40px;height:40px;z-index:-1;background-color:rgba(0,0,0,0);border-radius:50%}
#gnb_wrap .telemetry div span {position:absolute;top:-17px;left:-16px;display:block;width:180%;height:180%;border-radius:50%;background-color: #ff5154;opacity: 0;
-webkit-transform: scale(0); transform: scale(0);
-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
-webkit-animation: pulse 2s cubic-bezier(0.5, 0.5, 0, 1) infinite;
		animation: pulse 2s cubic-bezier(0.5, 0.5, 0, 1) infinite;
}
#gnb_wrap .telemetry div span:nth-child(2) {
background-color: #7f8cc6;
-webkit-animation: pulse 2s 0.75s cubic-bezier(0.5, 0.5, 0, 1) infinite;
		animation: pulse 2s 0.75s cubic-bezier(0.5, 0.5, 0, 1) infinite;}
#gnb_wrap .telemetry div span:nth-child(3) {
background-color: #e5f77d;
-webkit-animation: pulse 2s 1.5s cubic-bezier(0.5, 0.5, 0, 1) infinite;
		animation: pulse 2s 1.5s cubic-bezier(0.5, 0.5, 0, 1) infinite;}
@keyframes pulse {
	25% { opacity: 0.4}
	100% {-webkit-transform: scale(1);transform: scale(1)}
}

#gnb_wrap .two_depth{position:absolute;left:0;top:-129px;clear:both;width:100%;padding:40px 0 50px 0;background-color:#000000; opacity: 0.8;}
#gnb_wrap .two_depth .sub_box{overflow:hidden;width:1122px;margin:0 auto;position:relative;z-index:1}
#gnb_wrap .two_depth .sub_box ul{float:left;margin-right:-1px;width:110px;position:relative;height:129px;border:solid #11131a;border-width:0 1px}
#gnb_wrap .two_depth .sub_box ul.s1{width:146px}
#gnb_wrap .two_depth .sub_box ul.s2{width:158px}
#gnb_wrap .two_depth .sub_box ul.s3{width:125px}
#gnb_wrap .two_depth .sub_box ul.s4{width:123px}
#gnb_wrap .two_depth .sub_box ul li a{display:block;margin-top:22px;line-height:1em;color:#999;font-size:15px;font-family:"Stratum2","NotoSansKR";text-align:center}
#gnb_wrap .two_depth .sub_box ul li:first-child a{margin-top:0}
#gnb_wrap .two_depth .sub_box ul li a.on,
#gnb_wrap .two_depth .sub_box ul li a:hover{color:#fff}
#gnb_wrap .two_depth .sub_box ul.k li a{font-size:15px}
#gnb_wrap .two_depth .sub_box ul.k li a.eng{font-size:16px}
#gnb_wrap .ticket_open{position:absolute;right:0;top:0;width:438px;height:100%;background:url('../img/ticket_img.png') right center no-repeat;display:none}
#gnb_wrap .ticket_open:after{position:absolute;right:289px;top:0;content:'';display:block;width:3px;height:100%;background:url('../img/ticket_line.png') left top repeat-y}
#gnb_wrap .ticket_open:before{content:'';display:block;position:absolute;right:0;top:0;width:100%;height:100%;background:url('../img/ticket_bg.png') right top repeat-y}
#gnb_wrap .ticket_open .guide{width:292px;margin-left:146px;position:relative;z-index:1}
#gnb_wrap .ticket_open .guide .num{float:left;margin-top:44px;margin-left:40px;position:relative;padding-left:86px}
#gnb_wrap .ticket_open .guide .num strong{display:block;width:78px;color:#2e0304;text-align:right;line-height:22px;position:absolute;left:0;top:9px;font-size:24px}
#gnb_wrap .ticket_open .guide .num em{position:relative;float:left;margin-right:3px;color:#fff;font-size:76px;font-weight:700;font-family:"Stratum2";line-height:60px;letter-spacing:0;text-align:center;width:40px;height:60px}
#gnb_wrap .ticket_open .guide .num em:after{content:'';display:block;position:absolute;left:0;top:0;background-color:#3e0305;width:100%;height:100%}
#gnb_wrap .ticket_open .guide .num em span{display:block;position:relative;z-index:1;line-height:60px;width:100%;height:100%}
#gnb_wrap .hidden .guide p,
#gnb_wrap .ticket_open .guide .tk{clear:both;display:inline-block;font-size:24px;line-height:1em;font-weight:700;margin-left:48px;padding-top:8px;padding-right:36px;background:url('../img/num_tk.png') right 15px no-repeat}
#gnb_wrap .ticket_open .guide .tk{float:right;margin-right:40px}
#gnb_wrap .hidden .guide p span,
#gnb_wrap .ticket_open .guide .tk span{font-size:30px;position:relative;top:2px;margin-right:4px}
#gnb_wrap .ticket_open .guide p{display:none}
#gnb_wrap .ticket_open .tk_img{display:block;width:65px;height:100%;background:url('../img/ticket_line2.png') right bottom no-repeat;position:absolute;right:0;top:0}
#gnb_wrap .hidden{background-image:url('../img/ticket_img2.png')}
#gnb_wrap .hidden:before{background-image:url('../img/ticket_bg2.png')}
#gnb_wrap .hidden .guide .tk{display:none}
#gnb_wrap .hidden .guide p{display:block;margin:0;padding-right:0;background:none;text-align:center;color:#666;text-indent:4px}
#gnb_wrap .hidden .guide .num strong{color:#666}
#gnb_wrap .hidden .guide .num em{color:#666;background-color:#000}
#gnb_wrap .hidden .tk_img{background-image:url('../img/ticket_line3.png')}

#people_info{position:absolute;right:0;top:0;width:290px;height:86px;padding-left:60px;padding-right:24px;background:#000000; z-index:2}
#people_info .login{display:block;border-bottom:1px solid #fff;padding:0 40px 5px 0;background:url('../img/each_btns03.png') 194px top no-repeat;line-height:25px;text-align:right}
#people_info .peolple_box{position:relative;margin-top:12px;padding-left:66px}
#people_info .peolple_box .people_guide{border-bottom:1px solid #fff;padding-bottom:8px}
#people_info .pic_box{position:relative;overflow:hidden;display:block;width:150px;text-align:right}
#people_info .pic_box img{display:block;width:40px;height:40px;border-radius:100%}
#people_info .pic_box em{display:block;line-height:22px;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:20px}
#people_info .each_btns{position:absolute;right:0;top:0;text-align:right}
#people_info .each_btns span{display:inline-block;width:20px;height:21px;margin-left:8px}
#people_info .each_btns a{display:block;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;text-indent:-99999em;overflow:hidden;text-align:left}
#people_info .each_btns .e1 a{background-image:url('../img/each_btns01.png')}
#people_info .each_btns .e2 a{background-image:url('../img/each_btns02.png')}
#people_info .search_btn{text-align:center;position:relative;z-index:1;padding-left:43px}
#people_info .search_btn > button{position:absolute;left:0;top:0;width:43px;height:100%;text-indent:-99999em;overflow:hidden;opacity:0;background:url('../img/top_search-view.png') center center no-repeat; 
	-webkit-transition:opacity 0.5s cubic-bezier(0.75,0.1,0.25,1) 0.0s;
			transition:opacity 0.5s cubic-bezier(0.75,0.1,0.25,1) 0.0s;
}
#people_info .search_btn > button.on{opacity:1;z-index:1}
#people_info .search_btn > button.bt2{top:0}
#people_info .search_btn > button.bt2.on{background-image:url('../img/search_bths.png');top:0}
#people_info .search_btn ul li{display:inline-block;height:100%;position:relative}
#people_info .search_btn ul li a{display:block;font-size:14px;font-family:"Stratum2";letter-spacing:0;line-height:43px;padding:0 16px 0 11px;background:url('../img/search_arw.png') right center no-repeat;color:#d6d6d6}
#people_info .search_btn ul li:first-child a{display:inline-block;background:none;color:#d6d6d6;opacity:1;padding-right:11px}
#people_info .search_btn ul li:first-child a:first-child{padding-left:0}
#people_info .search_btn ul li:first-child em{color:#fff;opacity:0.3;font-size:13px;position:relative;top:-1px}
#people_info .search_btn ul li:first-child a.on{color:#fff}
#people_info .search_btn ul li:after{content:'';display:block;width:1px;height:12px;background-color:#646771;position:absolute;left:0;top:50%;margin-top:-6px}
#people_info .search_btn ul li:first-child:after{display:none}

#all_search{position:absolute;right:-344px;top:86px;height:50px;z-index:1;
	-webkit-transition:right 0.4s cubic-bezier(0.75,0.1,0.25,1) 0.0s;
			transition:right 0.4s cubic-bezier(0.75,0.1,0.25,1) 0.0s;
}
#all_search .search_bar{position:relative;background-color:#000;padding-right:53px;border-top:1px solid #9d0209}
#all_search .search_inp-box{background-color:#00031a}
#all_search .search_inp-box label{position:absolute;left:20px;top:13px;color:#fff;font-size:16px;font-weight:500}
#all_search .search_inp-box input{width:250px;height:50px;color:#fff;font-size:16px;padding:0 20px}
#all_search .search_bar .close{display:block;position:absolute;right:0;top:0;width:53px;height:50px;background:#9d0209 url('../img/top_search-view.png') center center no-repeat;text-indent:-99999em;overflow:hidden}
#all_search.open{right:0}

/* 퀵메뉴 */
#quickMenu{position:fixed;right:0;top:190px;width:84px;z-index:50}
#quickMenu.open_pop{position:absolute}
#quickMenu ul.quick{background:url("../img/quick_bg.png?date=20220310") 0 0 no-repeat}
#quickMenu ul.quick li{display:block;background-color:#921b1e;border-top:1px solid #a8484b}
#quickMenu ul.quick li:first-child{background:none;border-top:none}
#quickMenu ul.quick li a{display:block;height:84px;background:center bottom no-repeat;font-size:0;line-height:0}
#quickMenu ul.quick li a.q1{background-image:url("../img/quick_ico1.png")}
#quickMenu ul.quick li a.q2{background-image:url("../img/quick_ico2.png")}
#quickMenu ul.quick li a.q3{background-image:url("../img/quick_ico3.png")}
#quickMenu ul.quick li a.q4{background-image:url("../img/quick_ico4.png")}
.parking_popup{position:absolute;right:-100%;top:190px;width:860px;border-top:1px solid #e31b23;background-color:#000617;z-index:51;transition:right 0.6s;-webkit-transition:right 0.6s}
.parking_popup.open{right:0}
.parking_popup .btn_x{position:absolute;right:0;top:0;width:70px;height:70px;background:url("../img/link_close.png") center center no-repeat;font-size:0;line-height:0}
.parking_popup .pk_contents > strong{display:block;padding:25px 0;font-size:24px;text-align:center}
.parking_popup .pk_contents .ui_tab{margin-bottom:0}
.parking_popup .pk_contents .ui_tab-sub ul li a{font-weight:400;font-size:15px;line-height:24px}
.parking_popup .pk_contents .tab_conts{padding:35px 20px 30px}
.parking_popup .pk_contents .tab_conts dl dt{font-size:18px;color:#288aff}
.parking_popup .pk_contents .tab_conts dl dt em{font-weight:600}
.parking_popup .pk_contents .tab_conts dl dd{position:relative;margin:6px 0 10px;padding-right:130px;font-size:13px;line-height:1.4em}
.parking_popup .pk_contents .tab_conts dl dd p{margin:0}
.parking_popup .pk_contents .tab_conts dl dd p em{font-weight:600;color:#EFEF00}
.parking_popup .pk_contents .tab_conts dl dd a{position:absolute;display:block;right:0;bottom:0;padding:0 24px 0 15px;border:1px solid #288aff;color:#288aff;font-size:13px;line-height:21px;background:url("../img/link_go_map.png") right 11px no-repeat}
.parking_popup .pk_contents .map img{max-width:100%}

#ui_body{clear:both;position:relative;z-index:2}

#ui_contents{width:1000px;margin:0 auto;padding-top:120px;min-height:calc(100vh - 327px);box-sizing:border-box;}
#ui_contents.no_padding{padding-top:0}

#ui_foot{width:100%;background:url('../img/bg_foot.png') left bottom repeat-x;padding-top:200px}
#ui_foot .partnership{width:1280px;margin:0 auto;position:relative}
#ui_foot .partnership button{display:block;position:absolute;top:9px;width:42px;height:42px;background-position:0 0;background-repeat:no-repeat;text-indent:-99999em;overflow:hidden}
#ui_foot .partnership button.p{left:28px;background-image:url('../img/link_prev.gif')}
#ui_foot .partnership button.n{right:28px;background-image:url('../img/link_next.gif')}
#ui_foot .partnership .link{margin:0 auto}
#ui_foot .partnership .link ul{width:100%;text-align:center}
#ui_foot .partnership .link ul:after{content:"";clear:both;display:block}
#ui_foot .partnership .link li{display:inline-block;height:60px;padding:0 22px}
#ui_foot .partnership .link li a{display:block;height:100%;margin:0 auto}
#ui_foot .partnership .link li a img{display:block;height:100%;width:auto;margin:0 auto;opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
#ui_foot .partnership .link li a img.off{display:block}
#ui_foot .partnership .link li a img.on{display:none}
#ui_foot .partnership .link li a:hover img{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
#ui_foot .partnership .link li a:hover img.off{display:none}
#ui_foot .partnership .link li a:hover img.on{display:block}
#ui_foot .foot_guide{position:relative;width:1280px;margin:0 auto;padding:20px 0 40px 0;border-top:1px solid #828282;margin-top:20px}
#ui_foot .foot_guide *{font-size:12px;color:#999;vertical-align:top}
#ui_foot .foot_guide > p{clear:both;margin:0;color:#8f8f8c;letter-spacing:0;position:absolute;left:0;top:74px}
#ui_foot .foot_guide > p *{font-size:11px;font-weight:700}
#ui_foot .foot_guide > p em{font-size:12px;line-height:1.9em}
#ui_foot .foot_guide strong{clear:both;display:inline-block;font-weight:700;color:#b2b2b2;line-height:24px}
#ui_foot .foot_guide > .link{position:absolute;top:33px;right:0;display:block;margin-left:15px}
#ui_foot .foot_guide .link a{position:relative;font-weight:700;color:#ccc;padding:0 10px;line-height:24px}
#ui_foot .foot_guide .link a:after{content:'';display:block;width:1px;height:11px;background-color:#8f8f8c;position:absolute;left:0;top:50%;margin-top:-5px}
#ui_foot .foot_guide .link a:first-child{padding-left:0}
#ui_foot .foot_guide .link a:first-child:after{display:none}
#ui_foot .foot_guide .link a:last-child{padding-right:0}
#ui_foot .foot_guide .link a > strong {color:#2A82FF;}
#ui_foot .ft_box{overflow:hidden;width:1280px;line-height:18px}
#ui_foot .box_left{float:left;width:870px;padding-top:4px}
#ui_foot .box_left *{padding:0 10px;position:relative;font-weight:400}
#ui_foot .box_left > strong{display:block;padding:0;margin-bottom:6px}
#ui_foot .box_left address{float:left;padding-left:0}
#ui_foot .box_left span{float:left}
#ui_foot .box_left span:after{content:'';display:block;width:1px;height:11px;background-color:#8f8f8c;position:absolute;left:0;top:50%;margin-top:-5px}
#ui_foot .box_left .down_txt{float:left;width:100%;padding:0}
#ui_foot .box_left .down_txt span:first-child{padding-left:0}
#ui_foot .box_left .down_txt span:first-child:after{display:none}
#ui_foot .box_right{float:right;width:410px;text-align:right}
#ui_foot .box_right .sns{margin-bottom:6px}
#ui_foot .box_right .sns a{display:inline-block;vertical-align:top;width:30px;height:30px;margin-left:6px;text-indent:-99999em;overflow:hidden;background-color:#545454;background-image:url('../img/ico_sns.png');background-repeat:no-repeat;text-align:left}
#ui_foot .box_right .sns a.s1{background-position:0 0}
#ui_foot .box_right .sns a.s2{background-position:-30px 0}
#ui_foot .box_right .sns a.s3{background-position:-60px 0}
#ui_foot .box_right .sns a.s4{background-position:-90px 0}
#ui_foot .box_right a{line-height:18px}
#ui_foot .box_right .link.bs_btn a{padding-left:36px;height:24px;line-height:24px;background:10px center no-repeat}
#ui_foot .box_right .link.bs_btn a.b1{padding-left:42px;background-image:url("../img/foot_bs_ico1.png")}
#ui_foot .box_right .link.bs_btn a.b2{background-image:url("../img/foot_bs_ico2.png")}
#ui_foot .box_right .link.bs_btn a.b3{background-image:url("../img/foot_bs_ico3.png")}
#ui_foot .box_right .link.bs_btn a.b4{background-image:url("../img/foot_bs_ico4.png")}
#ui_foot .box_right .btns{margin-top:12px}
#ui_foot .box_right .btns a{font-weight:700;color:#fff;font-size:13px;background-color:#545454;text-align:center;display:inline-block;padding:8px 15px 9px 15px;line-height:1em;margin-left:3px}

/* 팝업 */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 0%);  zoom:1;}
.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:16px; line-height:1.5em; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {background:rgba(0, 0, 0, 100%); width:100%; margin:0 auto; border:1px solid #ddd; box-shadow:6px 5px 5px rgba(0, 0, 0, 50%) }
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}

/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#fff}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#fff}
.pop_wrap .pop_head {position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:700;}
.pop_wrap .pop_head .title.tc {padding-left:50px; text-align:center;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}



#loading_bar{
	position:fixed;
    left:0;
    top:0;
	width:100%;
	height:100%;
	z-index:10;
}
#loading_bar .loading_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
}
#loading_bar .sk-circle{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	width:98px;
	height:98px;
	margin:-49px 0 0 -49px;
}
#loading_bar .sk-circle .sk-child{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
#loading_bar .sk-circle .sk-child:before{
	content:'';
	display:block;
	margin:0 auto;
	width:8px;
	height:28px;
	background-color:#fff;
	border-radius:5px;
	-webkit-animation:sk-circleBounceDelay 1.05s infinite ease-in-out both;
			animation:sk-circleBounceDelay 1.05s infinite ease-in-out both;
}
#loading_bar .sk-circle .sk-circle2{
  -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
          transform:rotate(45deg); }
#loading_bar .sk-circle .sk-circle3{
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg); }
#loading_bar .sk-circle .sk-circle4{
  -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
          transform:rotate(135deg); }
#loading_bar .sk-circle .sk-circle5{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg); }
#loading_bar .sk-circle .sk-circle6{
  -webkit-transform:rotate(225deg);
      -ms-transform:rotate(225deg);
          transform:rotate(225deg); }
#loading_bar .sk-circle .sk-circle7{
  -webkit-transform:rotate(270deg);
      -ms-transform:rotate(270deg);
          transform:rotate(270deg); }
#loading_bar .sk-circle .sk-circle8{
  -webkit-transform:rotate(315deg);
      -ms-transform:rotate(315deg);
          transform:rotate(315deg); }
#loading_bar .sk-circle .sk-circle2:before{
  -webkit-animation-delay:-1.05s;
          animation-delay:-1.05s; }
#loading_bar .sk-circle .sk-circle3:before{
  -webkit-animation-delay:-0.9s;
          animation-delay:-0.9s; }
#loading_bar .sk-circle .sk-circle4:before{
  -webkit-animation-delay:-0.75s;
          animation-delay:-0.75s; }
#loading_bar .sk-circle .sk-circle5:before{
  -webkit-animation-delay:-0.6s;
          animation-delay:-0.6s; }
#loading_bar .sk-circle .sk-circle6:before{
  -webkit-animation-delay:-0.45s;
          animation-delay:-0.45s; }
#loading_bar .sk-circle .sk-circle7:before{
  -webkit-animation-delay:-0.3s;
          animation-delay:-0.3s; }
#loading_bar .sk-circle .sk-circle8:before{
  -webkit-animation-delay:-0.15s;
          animation-delay:-0.15s; }

@-webkit-keyframes sk-circleBounceDelay{
	0%, 80%, 100%{
		opacity:0;
		-webkit-transform:scale3d(0.1, 0.7, 1);
				transform:scale3d(0.1, 0.7, 1);
	} 40%{
		opacity:1;
		-webkit-transform:scale3d(1, 1, 1);
				transform:scale3d(1, 1, 1);
	}
}
@keyframes sk-circleBounceDelay{
	0%, 80%, 100%{
		opacity:0;
		-webkit-transform:scale3d(0.1, 0.7, 1);
				transform:scale3d(0.1, 0.7, 1);
	} 40%{
		opacity:1;
		-webkit-transform:scale3d(1, 1, 1);
				transform:scale3d(1, 1, 1);
	}
}

::-webkit-input-placeholder{color:#999999;font-weight:400;text-indent:10px}
::-moz-placeholder{color:#999999;font-weight:400;text-indent:10px}
:-ms-input-placeholder{color:#999999;font-weight:400;text-indent:10px}
:-moz-placeholder{color:#999999;font-weight:400;text-indent:10px}

@media screen and ( max-width:1680px ){
	#bg_box .bg4{bottom:-65px}
	#ui_wrap.mw{min-width:1740px}
	#ui_top h1{left:25px}
	#gnb_wrap .one_depth ul{margin:0 0 0 220px}
	#gnb_wrap .one_depth li{padding:0 27px}
	#gnb_wrap .two_depth .sub_box{margin:0 0 0 217px}
	#gnb_wrap .two_depth .sub_box ul{width:108px}
	#gnb_wrap .two_depth .sub_box ul.s1{width:146px}
	#gnb_wrap .two_depth .sub_box ul.s2{width:156px}
	#gnb_wrap .two_depth .sub_box ul.s3{width:122px}
	#gnb_wrap .two_depth .sub_box ul.s4{width:121px}
	#gnb_wrap .telemetry{margin-left:364px}
}

@media screen and ( max-width:1480px ){
	#ui_wrap{min-width:1490px}
	#ui_wrap.mw{min-width:1690px}
	#ui_top h1{left:10px}
	#gnb_wrap .one_depth ul{margin:0 0 0 190px}
	#gnb_wrap .one_depth li{padding:0 25px;min-width:35px}
	#gnb_wrap .two_depth .sub_box{margin:0 0 0 186px}
	#gnb_wrap .two_depth .sub_box ul.s1{width:142px}
	#gnb_wrap .two_depth .sub_box ul.s2{width:152px}
	#gnb_wrap .two_depth .sub_box ul.s3{width:120px}
	#gnb_wrap .two_depth .sub_box ul.s4{width:115px}
	#gnb_wrap .two_depth .sub_box ul.s5{width:106px}
	#gnb_wrap .two_depth .sub_box ul.s6{width:96px}
	#gnb_wrap .two_depth .sub_box ul.s7{width:130px}
	#gnb_wrap .telemetry{margin-left:322px}
}