@charset "utf-8";

/* LAYOUT */
body{background-color:#0a26c2}
body.bg-light{background-color:#f5f5f5}
#container{padding:90px 0 60px}
.all-menu-btn,
#slidemenu{display:none;}

/* HEADER */
/*#header{position:relative;position:fixed;top:0;left:0;right:0;z-index:10000;height:90px;background-color:#0a26c2}
#header h1{position:absolute;top:25px;left:0}
#header .gnb-common{position:absolute;top:25px;right:0}*/

#header .float-group{position:fixed;right:20px;bottom:20px;z-index:10;text-align:center;}
#header .float-group a{display:block;width:100px;height:100px;border-radius:50%;font-size:24px;font-weight:600;line-height:100px;color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.45);-moz-box-shadow:0 5px 10px rgba(0,0,0,.45);box-shadow:0 5px 10px rgba(0,0,0,.45);}
#header .float-group a + a{margin-top:20px;}
#header .float-group .contact-btn{background:url(../img/main/btn-contact.png) no-repeat center center;background-size:101%}
#header .float-group .chatnow-btn{background:url(../img/main/btn-telegram.png) no-repeat center center;background-size:101%}
#header .float-group .top-btn{overflow:hidden;margin-bottom:-120px;background:rgba(69,45,130,.7) url(../img/common/btn-top.png) no-repeat center center;text-indent:-5000em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;}
#header .float-group .top-btn.on{margin-bottom:0;}
#header .float-group span{display:inline-block;line-height:27px;vertical-align:middle;}
#header .all-menu-btn{display:none;position:fixed;right:20px;top:20px;z-index:20;}
#header .all-menu-btn.fixed{top:20px}
#header .all-menu-btn a{display:inline-block;position:relative;z-index:20;width:70px;height:70px;background-color:#111;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
#header .all-menu-btn a:hover{background-color:#202020;}
#header .all-menu-btn.on a{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0;}
#header .all-menu-btn span{position:absolute;left:18px;right:0;width:35px;height:4px;background-color:#fff;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#header .all-menu-btn span.bar1{top:21px;}
#header .all-menu-btn span.bar2{top:47%;}
#header .all-menu-btn span.bar3{top:45px;}
#header .all-menu-btn.on span{top:47% !important;}
#header .all-menu-btn.on span.bar1{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#header .all-menu-btn.on span.bar2{opacity:0;}
#header .all-menu-btn.on span.bar3{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/* COMMON */
.hTit1{padding:53px 0 13px;font-size:45px;font-weight:600;color:#fff}
.hTit1.dark{color:#111}
.hTit2{margin-bottom:36px;font-size:40px;font-weight:500;color:#fff;}
.hTit2.first{margin-top:0;}
.hTit3{font-size:30px;font-weight:600;color:#222;}
.con-box + .con-box{margin-top:79px;}

/* BTN */
.btn-wrap{margin-top:30px;}

/* TABLE */
.table-area{position:relative;}
.table-area table th,
.table-area table td{font-size:15px;line-height:1.4}
.table-area table th.al,
.table-area table td.al{padding-left:15px !important}
.table-area table th.ar,
.table-area table td.ar{padding-right:15px !important}
.table-area table th.ac,
.table-area table td.ac{padding-right:0 !important;padding-left:0 !important}
.table-area table input,
.table-area table textarea,
.table-area table select,
.table-area table label,
.table-area table img{vertical-align:middle}
.table-area table input[type="radio"],
.table-area table input[type="checkbox"]{margin-top:-2px}
.table-area table label{line-height:1.3}
.table-area table .no-data{border-right:none !important;color:#999 !important}

div[class*="tb-list"]{position:relative}
.tb-list1{overflow:hidden;}
.tb-list1 > table > thead > tr > th{padding:10px 0 9px;border-bottom:1px solid #2f1d57;background-color:#3c266f;color:#fff;}
.tb-list1 > table > tbody > tr > th,
.tb-list1 > table > tbody > tr > td{padding:7px 0 6px;border-bottom:1px solid #2f1d57;background-color:#422b7b;}
.note-txt + div[class*="tb-list"]{margin-top:14px;}

.lang-wrap .inner{position:absolute;right:0;top:62px;z-index:2;}
.lang-wrap .inner p{float:left;}
.lang-wrap .inner a,
.lang-wrap .inner span{display:block;height:30px;padding:0 10px;font-size:15px;line-height:30px;}
.lang-wrap .inner a{color:#000;}
.lang-wrap .inner span{background-color:#110b1e;color:#fff;}

/* BOUNTY WITH BOUNS */
.bounty-wrap{color:#fff;}
.bounty-wrap .guide-txt{font-size:35px;line-height:1.2;color:#cfccdc;}
.bounty-wrap .guide-txt em{font-weight:600;color:#ffbd2b;}
.bounty-wrap .con-box{display:table;width:100%;margin-top:22px;padding:47px 0;border:solid #2f205b;border-width:1px 0;}
.bounty-wrap .con-box > div{display:table-cell;}
.bounty-wrap .con-box .left{width:62%;}
.bounty-wrap .con-box .right{width:38%;padding:0 0 17px 50px;vertical-align:bottom;}
.bounty-wrap .con-box li{position:relative;display:table;width:100%;padding:14px 0;}
.bounty-wrap .con-box li:first-child{border-top:0;}
.bounty-wrap .con-box li .tit{display:table-cell;width:220px;font-size:24px;font-weight:600;vertical-align:top;}
.bounty-wrap .con-box li .tit img{position:absolute;top:-35px;left:-52px;}
.bounty-wrap .con-box li .txt{font-size:15px;line-height:1.4;color:#cfccdc;}
.bounty-wrap .con-box li .txt a{font-weight:500;color:#fff;}
.bounty-wrap .con-box li .txt em{font-size:18px;font-weight:600;color:#ffbd2b;}
.bounty-wrap .con-box li .txt i{color:#ffd478}
.bounty-wrap .con-box li .txt .box{margin-top:10px;padding:8px 14px;border-radius:3px;background-color:#fff;font-weight:500;color:#222;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.25);-moz-box-shadow:0 3px 5px rgba(0,0,0,.25);box-shadow:0 3px 5px rgba(0,0,0,.25);}
.bounty-wrap .con-box li .txt dl{overflow:hidden;padding-top:10px;}
.bounty-wrap .con-box li .txt dt,
.bounty-wrap .con-box li .txt dd{margin-top:5px;}
.bounty-wrap .con-box li .txt dt{float:left;position:relative;margin-right:5px;padding-left:8px;font-weight:600;}
.bounty-wrap .con-box li .txt dt:before{content:'';position:absolute;left:0;top:10px;width:4px;height:1px;background-color:#fff;}
.bounty-wrap .con-box li .txt dd{overflow:hidden;}
.bounty-wrap .con-box li .img{position:absolute;top:-31px;right:-463px;}

/* MCC TOKEN SALE */
.sale-wrap{color:#fff;}
.sale-wrap .guide-txt p{font-size:18px;line-height:1.3;}
.sale-wrap .guide-txt p + p{margin-top:8px;}
.sale-wrap .guide-txt p a{font-weight:500;color:#ffbc2b;}
.sale-wrap .con-box{margin-top:25px;padding:10px 0 60px;border:solid #2f205b;border-width:1px 0;}
.sale-wrap .con-box .inner{margin:0 -16px;}
.sale-wrap .con-box .inner:after{content:'';display:block;clear:both;}
.sale-wrap .con-box .sale-list{float:left;position:relative;width:50%;margin-top:50px;padding:0 16px;border-radius:3px;}
.sale-wrap .con-box .sale-list .num{position:absolute;left:30px;top:-10px;z-index:2;font-size:24px;font-weight:600;color:#fff;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.25);-moz-box-shadow:10px 10px 10px rgba(0,0,0,.25);box-shadow:10px 10px 10px rgba(0,0,0,.25);color:#000;}
.sale-wrap .con-box .sale-list .num span{display:block;position:relative;z-index:2;height:44px;padding:0 18px;background-color:#ffbc2b;line-height:44px;}
.sale-wrap .con-box .sale-list button{width:100%;position:relative;text-align:left;}
.sale-wrap .con-box .sale-list button:before{content:'';position:absolute;right:45px;top:50%;width:46px;height:46px;margin-top:-22px;border-style:solid;border-width:2px;border-color:transparent #6b6579 #6b6579 transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.sale-wrap .con-box .sale-list .con{padding:55px 28px;border-radius:3px;background-color:#b5abcd;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;}
.sale-wrap .con-box .sale-list button:hover .con{-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.25);-moz-box-shadow:10px 10px 10px rgba(0,0,0,.25);box-shadow:10px 10px 10px rgba(0,0,0,.25);}
.sale-wrap .con-box .sale-list button[disabled]{filter:alpha(opacity=20);opacity:0.2;cursor:auto;}
.sale-wrap .con-box .sale-list button[disabled] .con{-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.0);-moz-box-shadow:10px 10px 10px rgba(0,0,0,.0);box-shadow:10px 10px 10px rgba(0,0,0,.0);}
.sale-wrap .con-box .sale-list .con .tit{display:block;font-size:35px;font-weight:600;color:#160a34;}
.sale-wrap .con-box .sale-list .con ul{overflow:hidden;padding-top:10px;}
.sale-wrap .con-box .sale-list .con li{float:left;width:46%;margin-top:11px;font-size:18px;}
.sale-wrap .con-box .sale-list .con li:nth-child(3){clear:both;}
.sale-wrap .con-box .sale-list .con li em{float:left;margin-right:5px;font-weight:500;color:#333;}
.sale-wrap .con-box .sale-list .con li p{float:left;color:#333;}

/* MCC PRESS NOW */
.press-wrap{margin-top:20px;}
.press-wrap .guide-txt{font-size:24px;font-weight:500;line-height:1.2;color:#333;}
.press-wrap .con-box{min-height:618px;padding:50px;background-color:#fff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.45);-moz-box-shadow:0 5px 8px rgba(0,0,0,.45);box-shadow:0 5px 8px rgba(0,0,0,.45);}
.press-wrap .press-list ul{display:table;margin:0 -10px 0;font-size:0;}
.press-wrap .press-list li{display:inline-table;position:relative;width:25%;margin-top:20px;padding:0 10px;vertical-align:top;}
.press-wrap .press-list li a{display:block;position:relative;}
.press-wrap .press-list li .mark{position:absolute;left:13px;top:10px;z-index:2;}
.press-wrap .press-list li .img{overflow:hidden;border-radius:3px;transition:-webkit-transform .6s cubic-bezier(.07,.18,.06,.99)!important;transition:transform .6s cubic-bezier(.07,.18,.06,.99)!important;transition:transform .6s cubic-bezier(.07,.18,.06,.99), -webkit-transform .6s cubic-bezier(.07,.18,.06,.99)!important;}
.press-wrap .press-list li .img:hover{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
.press-wrap .press-list li .img img{width:100%;}
.press-wrap .press-list li .txt{margin-top:9px;padding:0 8px;font-size:15px;font-weight:400;line-height:22px;color:#333;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.press-wrap .press-list li .vn{position:absolute;left:43px;top:10px;z-index:2;}

/* FAQ */
.faq-wrap{margin-top:20px;}
.faq-wrap .con-box > ul > li{margin-top:2px;background-color:#dad5e6;}
.faq-wrap .con-box > ul > li.on{background-color:#fff;}
.faq-wrap .con-box > ul > li:first-child{margin-top:0;}
.faq-wrap .con-box > ul > li .q span{content:'';position:absolute;left:30px;top:20px;width:35px;height:35px;border-radius:100%;background-color:#ffbc2b;font-size:24px;font-weight:600;line-height:35px;color:#333;text-align:center;}
.faq-wrap .con-box > ul > li .q a{display:block;position:relative;padding:23px 50px 21px 78px;font-size:24px;font-weight:500;line-height:1.3;color:#333;}
.faq-wrap .con-box > ul > li .q a:after{content:'';position:absolute;right:30px;top:33px;width:25px;height:14px;background:url(../img/content/bg_faq_arrow.png) no-repeat 0 0;background-size:100% auto;}
.faq-wrap .con-box > ul > li.on .q a:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.faq-wrap .con-box > ul > li .a{display:none;margin:0 30px;padding:30px 0;border-top:1px solid #b2b2b2;}
.faq-wrap .con-box > ul > li .a p{font-size:15px;line-height:1.4;color:#333;}
.faq-wrap .con-box > ul > li .a p + p{margin-top:10px;}
.faq-wrap .con-box > ul > li .tab-menu{font-size:18px;color:#999;}
.faq-wrap .con-box > ul > li .tab-menu a{position:relative;margin-right:25px;font-weight:500;}
.faq-wrap .con-box > ul > li .tab-menu a.on{color:#452d82;}
.faq-wrap .con-box > ul > li .tab-menu a.on:before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#452d82;}
.faq-wrap .con-box > ul > li .tab-menu a:active{text-decoration:none;}
.faq-wrap .con-box > ul > li .tab-con{margin-top:15px;}
.faq-wrap .con-box > ul > li .tab-con .list{display:none;}
.faq-wrap .con-box > ul > li .tab-con .list:first-child{display:block;}

/* NOTICE & EVENT */
.notice-wrap{margin-top:20px;}
.notice-wrap .con-box{min-height:618px;padding:50px;background-color:#fff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.45);-moz-box-shadow:0 5px 8px rgba(0,0,0,.45);box-shadow:0 5px 8px rgba(0,0,0,.45);}
.notice-wrap .board-list ul{border:solid #333;border-width:3px 0 1px;}
.notice-wrap .board-list li{min-height:49px;border-top:1px solid #999;}
.notice-wrap .board-list li:first-child{border-top:0;}
.notice-wrap .board-list li a{display:block;overflow:hidden;position:relative;padding:15px 37px 17px 21px;}
.notice-wrap .board-list li a:hover{background-color:#f4efff;}
.notice-wrap .board-list li a:before{content:'';position:absolute;right:21px;top:20px;width:7px;height:11px;background:url(../img/common/bg_board_arrow.png) no-repeat 0 0;background-size:100% auto;}
.notice-wrap .board-list li .tit{position:relative;padding-left:16px;font-size:18px;color:#333;}
.notice-wrap .board-list li .tit:before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;background-color:#333;}
.notice-wrap .board-list li .tit p{display:inline-block;overflow:hidden;max-width:80%;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.notice-wrap .board-list li .tit .new{display:inline-block;margin-left:5px;padding:3px 6px;background-color:#ed7500;font-size:13px;font-weight:600;line-height:1;color:#fff;vertical-align:middle;}
.notice-wrap .board-list li .date{position:absolute;right:38px;top:19px;font-size:15px;}
.notice-wrap .board-view .top{position:relative;padding:0 100px 20px 0;border-bottom:1px solid #999;}
.notice-wrap .board-view .top .tit{font-size:18px;font-weight:500;line-height:1.3;color:#333;}
.notice-wrap .board-view .top .date{position:absolute;right:0;top:5px;font-size:15px;}
.notice-wrap .board-view .con{overflow-y:auto;min-height:428px;max-height:428px;padding:20px;font-size:15px;line-height:1.4;color:#333;}
.notice-wrap .board-view .con a{display:inline-block;position:relative;font-size:15px;color:#452d82;text-decoration:underline;}
.notice-wrap .board-view .btn{position:relative;padding-top:20px;border-top:1px solid #999;}
.notice-wrap .board-view .btn a{height:30px;font-size:15px;font-weight:400;line-height:30px;}
.notice-wrap .board-view .btn .paging{position:absolute;right:-6px;top:20px;}

/* ERROR */
.error-wrap{position:absolute;top:0;z-index:10000;width:100%;height:100%;background-color:#452d82;}
.error-wrap > .inner{display:table;height:100%;margin:0 auto;}
.error-wrap .message-box{display:table-cell;text-align:center;letter-spacing:-0.05em;vertical-align:middle;}
.error-wrap .message-box .logo{filter:alpha(opacity=50);opacity:0.5;}
.error-wrap .message-box .error{position:relative;margin-top:45px;padding:0 160px;}
.error-wrap .message-box .error:before{content:'';position:absolute;left:0;right:0;top:0;height:148px;border-bottom:2px solid #695699;background:url(../img/content/bg-error-shadow.png) no-repeat center top;background-size:100% auto;}
.error-wrap .message-box .error p{position:relative;z-index:2;font-size:170px;font-weight:600;line-height:1;color:#d3d0de;}
.error-wrap .message-box .error span{display:inline-block;overflow:hidden;width:144px;margin:0 19px 0 27px;vertical-align:middle;}
.error-wrap .message-box .txt{margin-top:28px;font-size:24px;font-weight:500;line-height:1.3;color:#fff;}
.error-wrap .message-box .btn{margin-top:21px;}
.error-wrap .message-box .btn a{position:relative;font-size:24px;font-weight:500;color:#ffbc2b;text-decoration:none;}
.error-wrap .message-box .btn a:before{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background-color:#ffbc2b;}

/* MY CREDITCHAIN */
.my-wrap .con-box{margin-top:20px;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.45);-moz-box-shadow:0 5px 8px rgba(0,0,0,.45);box-shadow:0 5px 8px rgba(0,0,0,.45);}
.my-wrap .con-box .my-con-top{padding:30px 30px;background-color:#fff;}
.my-wrap .con-box .my-con-mid{padding:30px 30px;background-color:#fff;border-top:1px solid #ccc}
.my-wrap .con-box .my-con-mid p{font-size:18px;line-height:1.3}
.my-wrap .con-box .my-con-mid p span{display:block;}
.my-wrap .con-box .my-con-mid p .tit{color:#333;}
.my-wrap .con-box .my-con-btm{padding:60px 30px;border-top:1px solid #ccc;background-color:#f4f4f4;text-align:center;}
.my-wrap .con-box .my-con-btm a{min-width:300px;height:60px;font-size:24px;line-height:60px;}
.my-wrap .con-box .my-con-btm .sel-txt .txt{margin-top:19px;font-size:15px;}
.my-wrap .step-area ul{display:table;width:100%;table-layout:fixed;}
.my-wrap .step-area li{display:table-cell;position:relative;}
.my-wrap .step-area li.col1{z-index:4;}
.my-wrap .step-area li.col2{z-index:3;}
.my-wrap .step-area li.col3{z-index:2;}
.my-wrap .step-area li.col4{z-index:1;}
.my-wrap .step-area li.on{-webkit-box-shadow:1px 3px 8px rgba(0,0,0,.45);-moz-box-shadow:1px 3px 8px rgba(0,0,0,.45);box-shadow:1px 3px 8px rgba(0,0,0,.45);}
.my-wrap .step-area li.on:before{content:'';position:absolute;right:-21px;top:9px;z-index:4;width:42px;height:42px;background-color:#ffbc2b;-webkit-box-shadow:3px 0 8px rgba(0,0,0,.45);-moz-box-shadow:3px 0 8px rgba(0,0,0,.45);box-shadow:3px 0 8px rgba(0,0,0,.45);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.my-wrap .step-area li.on:after{content:'';position:absolute;right:0;top:0;z-index:5;width:60px;height:60px;background-color:#ffbc2b;}
.my-wrap .step-area li.col4.on:before,
.my-wrap .step-area li:last-child div:after{display:none;}
.my-wrap .step-area li div{display:block;padding-left:30px;border:solid #fff;border-width:5px 0;background-color:#f3f3f3;font-size:15px;line-height:50px;text-align:center;}
.my-wrap .step-area li.col1 div{padding:0;}
.my-wrap .step-area li.on div{position:relative;z-index:6;border:0;background-color:#ffbc2b;font-weight:500;line-height:60px;color:#333;}
.my-wrap .step-area li div:before{content:'';display:inline-block;width:35px;height:35px;margin:-5px 10px 0 0;background:url(../img/content/bg-step-con.png) no-repeat;background-size:200% auto;vertical-align:middle;}
.my-wrap .step-area li div:after{content:'';position:absolute;right:-19px;top:12px;z-index:2;width:35px;height:35px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.my-wrap .step-area li.on div:after{display:none;}
.my-wrap .step-area li.col1 div:before{background-position:0 0;}
.my-wrap .step-area li.col2 div:before{background-position:0 -50px;}
.my-wrap .step-area li.col3 div:before{background-position:0 -100px;}
.my-wrap .step-area li.col4 div:before{background-position:0 -150px;}
.my-wrap .step-area li.col1.on div:before{background-position:100% 0;}
.my-wrap .step-area li.col2.on div:before{background-position:100% -50px;}
.my-wrap .step-area li.col3.on div:before{background-position:100% -100px;}
.my-wrap .step-area li.col4.on div:before{background-position:100% -150px;}
.my-wrap .step-area li span{position:relative;z-index:2;}
.my-wrap .my-list{overflow:hidden;margin:40px -20px 0;}
.my-wrap .my-list .list{float:left;width:45%;padding:0 20px;}
.my-wrap .my-list .list + .list{width:55%;}
.my-wrap .my-list dl{overflow:hidden;}
.my-wrap .my-list dt,
.my-wrap .my-list dd{/*margin-top:20px;*/line-height:45px;}
.my-wrap .my-list dt{/*float:left;width:110px;*/font-size:14px;font-weight:500;color:#333;line-height:20px}
.my-wrap .my-list dt a{position:relative;top:-1px;display:inline-block;width:15px;height:15px;line-height:1.2;background:#9a9a9a;border:1px solid #7d7d7d;border-radius:50%;color:#fff;font-size:11px;text-align:center;cursor:pointer}
/*.my-wrap .my-list dd{overflow:hidden;}*/
.my-wrap .my-list dd p{/*padding-left:10px;*/border-bottom:1px solid #aaa;word-wrap:break-word;}
.my-wrap .my-list dd p.etc{margin-top:10px;border-bottom:0;line-height:initial;}
.my-wrap .my-list dd em,
.my-wrap .my-list dd i,
.my-wrap .my-list dd span{font-size:14px;}
.my-wrap .my-list dd em{font-weight:600;color:#0a26c2;}
.my-wrap .my-list dd i{color:#ec2b2b;}
.my-wrap .my-list dd i.follow{color:#333;}
.my-wrap .my-list dd span{color:#333;}
.my-wrap .my-list dd span.cloudy{color:#999;}
.my-wrap .my-list dd + dt{clear:both;margin-top:30px;}
.my-wrap .my-list dd .btn-bg{float:right;margin-top:7px;height:30px;padding:0 15px;font-size:15px;font-weight:400;line-height:30px;cursor:pointer;}
.my-wrap .my-list dd .btn-bg.black{background-color:#666;}
.my-wrap .my-list dd .btn-bg.yellow{padding:0 10px;}
.my-wrap .my-list dd .link{margin-left:20px;font-size:15px;font-weight:500;color:#452d82;text-decoration:underline;}
.my-wrap .signup-area{text-align:left;}
.my-wrap .signup-area .code-box{overflow:hidden;padding-top:28px;}
.my-wrap .signup-area .code-box .left{float:left;margin-right:30px;}
.my-wrap .signup-area .code-box .left .qr{width:128px;height:128px;border:1px solid #ccc;}
.my-wrap .signup-area .code-box .right{overflow:hidden;position:relative;}
.my-wrap .signup-area .code-box .right .tit{font-size:15px;font-weight:500;color:#333;}
.my-wrap .signup-area .code-box .right .txt{overflow:hidden;margin-top:15px;padding-bottom:6px;border-bottom:1px solid #aaa;}
.my-wrap .signup-area .code-box .right .txt p{float:left;width:635px;height:22px;margin-top:3px;background:url(../img/content/bg_code_off.png) repeat-x 0 5px;font-size:22px;color:#452d82;}
.my-wrap .signup-area .code-box.on .right .txt p{background:transparent;}
.my-wrap .signup-area .code-box .right .txt .btn-bg.black{float:right;height:30px;background-color:#666;font-size:15px;font-weight:400;line-height:30px;}
.my-wrap .signup-area .code-box .right .btns{margin-top:15px;}
.my-wrap .signup-area .code-box .right .btns a{min-width:auto;height:45px;font-size:18px;line-height:45px;}
.my-wrap .signup-area .code-list dl{display:table;width:100%;padding-top:20px;}
.my-wrap .signup-area .code-list dt,
.my-wrap .signup-area .code-list dd{display:inline-table;margin-top:10px;vertical-align:middle;}
.my-wrap .signup-area .code-list dt{width:10%;font-size:15px;font-weight:500;color:#333;}
.my-wrap .signup-area .code-list dt.gap{width:13%;padding-left:40px;}
.my-wrap .signup-area .code-list dt.clear{clear:both;}
.my-wrap .signup-area .code-list dd{width:40%;font-size:18px;font-weight:500;color:#222;}
.my-wrap .signup-area .code-list dt.gap + dd{width:37%;}
.my-wrap .signup-area .code-list dt.clear + dd{width:90%;}
.my-wrap .signup-area .code-list dd span{display:block;padding:14px 10px;background-color:#fad88f;line-height:1.2;}

/* LOGIN */
#login #wrap{min-width:auto;}
.login-wrap{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../img/content/bg-login.png) no-repeat center center;text-align:center;}
.login-wrap .holder{display:table;height:100%;padding:20px 0;}
.login-wrap .home{display:table-cell;width:490px;vertical-align:middle;}
.login-wrap .home a{display:inline-block;overflow:hidden;width:60px;height:60px;margin:0 auto 20px;border-radius:100%;background:#06154b url(../img/content/bg_home.png) no-repeat center center;background-size:24px auto;text-indent:-5000em;}
.login-wrap .login{display:table-cell;width:490px;vertical-align:middle;}
.login-wrap .login .inner{padding:60px 40px;border-radius:10px;background-color:#f5f5f5;text-align:center;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.45);-moz-box-shadow:0 5px 15px rgba(0,0,0,.45);box-shadow:0 5px 15px rgba(0,0,0,.45);}
.login-wrap .login .logo{margin-bottom:18px;}
.login-wrap .login .logo a{display:block;}
.login-wrap .login .tit-con h1{font-size:36px;font-weight:600;color:#333;}
.login-wrap .login .tit-con .txt{margin-top:28px;font-size:15px;line-height:1.3;color:#333;}
.login-wrap .login .btns{overflow:hidden;margin:0 -5px;table-layout:fixed;}
.login-wrap .login .btns p{padding:0 5px;}
.login-wrap .login .btns.col2 p{float:left;width:50%;}
.login-wrap .login .btns [class*="btn-"]{font-size:24px;}
.login-wrap .login .btns .btn-line.gray{background-color:#fff;}
.login-wrap .login .btns button{width:100%;height:80px;line-height:80px;}
.login-wrap .login .login-con{margin-top:55px;}
.login-wrap .login .login-con .btns,
.login-wrap .login .login-con .btns p{display:block;}
.login-wrap .login .login-con .btns p + p{margin-top:10px;}
.login-wrap .login .sign-con{margin-top:40px;text-align:left;}
.login-wrap .login .sign-con .link{font-size:18px;font-weight:500;color:#452d82;text-decoration:underline;}
.login-wrap .login .sign-con .btns{margin-top:45px;}
.login-wrap .login .sign-con .btns button{height:70px;padding:0;line-height:70px;}
.login-wrap .login .sign-con .info-link .txt{display:inline-block;margin-top:20px;font-size:18px;color:#333;}
.login-wrap .login .sign-con .info-link .link{margin-left:20px;}
.login-wrap .login .sign-con .ele-input button{position:absolute;right:0;bottom:4px;height:30px;padding:0 19px;font-size:15px;font-weight:400;line-height:30px;}
.login-wrap .login .sign-con .robot-box,
.login-wrap .login .sign-con .check-box{margin-top:20px;}
.login-wrap .login .sign-con .check-box p{display:inline-block;}
.login-wrap .login .sign-con .check-box input{width:30px;height:30px;}
.login-wrap .login .sign-con .check-box label{margin:5px 0 0 10px;font-size:18px;color:#333;vertical-align:top;}
.login-wrap .login .sign-con .check-box .link{float:right;margin-top:5px;}

.login-wrap .login .guide-con .tit{font-size:26px;font-weight:600;color:#333;line-height:1}
.login-wrap .login .guide-con .txt{font-size:16px;line-height:1.5;margin:7px 0}
.login-wrap .login .guide-con .txt.last{margin-bottom:20px}
.login-wrap .login .guide-con .txt a{color:#617b87;text-decoration:underline;}
.login-wrap .login .guide-con .btns.col2 p a{width:100%;}
.login-wrap .login .guide-con .btns [class*="btn-"]{font-size:18px;font-weight:500;}
.login-wrap .login .guide-con + .guide-con{margin-top:40px;padding-top:38px;border-top:1px solid #aaa;}

.login-wrap .slogan-txt{margin-top:30px;font-size:48px;font-weight:600;color:#fff;}

/* SUPPORT APPLY */
.support-apply .txt{margin-left:30px;line-height:1.2}
.support-apply .txt p{margin:10px 0;line-height:1.2}
.support-apply .txt p:before{display:inline-block;margin:0 7px 0 -19px}
.support-apply .txt p:nth-child(1):before{content:'1.'}
.support-apply .txt p:nth-child(2):before{content:'2.'}
.support-apply .txt p:nth-child(3):before{content:'3.'}
.support-apply .txt p:nth-child(4):before{content:'4.'}
.support-apply .con{margin-top:30px;text-align:left;}
.support-apply .con .ele-input input[type='text']{background:#fad88f;border-bottom:none;border-radius:4px;color:#333;}
.support-apply .con .ele-input input[type='text']::placeholder{color:#7a766b}
.support-apply .con .ele-input input[type='text']:disabled{background:#ececec;color:#666;}
.support-apply .con .ele-input select{width:100%;height:45px;padding:0 19px;background:url(../img/content/bg_select_arr.png)no-repeat 96% 50%;font-size:15px;font-weight:400;line-height:45px;}
.support-apply .con .ele-input select:focus{outline:none}
.support-apply .con .check-box{display:block;margin-top:20px;}
.support-apply .con .check-box p{display:inline-block;width:100%;}
.support-apply .con .check-box input{width:30px;height:30px;margin-right:6px;}
.support-apply .con .check-box label{margin-top:7px;width:calc(100% - 50px);color:#333;vertical-align:top;}
.support-apply .btns{overflow:hidden;margin:0 -5px;margin-top:30px;table-layout:fixed;}
.support-apply .btns p{padding:0 5px;}
.support-apply .btns.col2 p{float:left;width:50%;}
.support-apply .btns [class*="btn-"]{font-size:24px;}
.support-apply .btns .btn-line.gray{background-color:#fff;}
.support-apply .btns button{width:100%;height:70px;padding:0;line-height:70px;}

/* FOLLOW */
.follow dt{color:#333;font-weight:500}
.follow .ele-input{margin-top:20px}
.follow .ele-input input[type='text']{background:#fad88f;border-bottom:none;border-radius:4px;color:#333;}
.follow .ele-input input[type='text']::placeholder{color:#7a766b}
.follow .btns{overflow:hidden;margin:0 -5px;margin-top:30px;table-layout:fixed;}
.follow .btns p{padding:0 5px;}
.follow .btns [class*="btn-"]{font-size:24px;}
.follow .btns button{width:100%;height:70px;padding:0;line-height:70px;}

/*ICON*/
.ic-text{position:relative;padding-left:30px;}
.ic{position:absolute;top:2px;left:4px;display:block;width:18px;height:18px;background:no-repeat;background-size:100%}
.ic.white{background-position:0 0}
.ic.gray{background-position:0 -18px}
.ic.violet{background-position:0 -36px}
.ic-notice{background-image:url(../img/content/bg_notice.png)}
.ic-bullet{background-image:url(../img/content/bg_bullet.png)}

/* CONTRAL CSS */
@media all and (max-width:1300px){
	.lang-wrap .inner{padding:0 20px;}
}

@media all and (max-width:1024px){
	.isMobile #wrap{min-width:auto;}
	.isMobile #header h1{padding-left:3vw;}
	.isMobile .all-menu-btn,
	.isMobile #slidemenu{display:block;}
	.isMobile .gnb-wrap,
	.isMobile .lang-wrap{display:none;}

	.isMobile .bounty-wrap .con-box > div{display:block;}
	.isMobile .bounty-wrap .con-box .left,
	.isMobile .bounty-wrap .con-box .right{float:none;width:100%;}
	.isMobile .bounty-wrap .con-box .right{margin-top:20px;padding:0;}
	.isMobile .bounty-wrap .con-box li .tit{display:block;width:100%;}
	.isMobile .bounty-wrap .con-box li .tit img{top:-17px;left:inherit;right:0;}
	.isMobile .bounty-wrap .con-box li .txt{margin-top:10px;}
	.isMobile .bounty-wrap .con-box li .img{position:inherit;top:inherit;right:inherit;}

	.isMobile .sale-wrap .info-con dt{float:none;}
	.isMobile .sale-wrap .info-con dt br{display:none;}
	.isMobile .sale-wrap .info-con dd{margin-top:20px;}
	.isMobile .sale-wrap .con-box .sale-list{float:none;width:100%;}
	.isMobile .sale-wrap .con-box .sale-list .con li{overflow:hidden;float:none;width:100%;}

	.isMobile .press-wrap .press-list li{width:50%;}

	.isMobile .my-wrap .step-area li div:before{width:20px;height:20px;margin-right:5px;}
	.isMobile .my-wrap .step-area li.col1 div:before{background-position:0 0;}
	.isMobile .my-wrap .step-area li.col2 div:before{background-position:0 -29px;}
	.isMobile .my-wrap .step-area li.col3 div:before{background-position:0 -57px;}
	.isMobile .my-wrap .step-area li.col4 div:before{background-position:0 -85px;}
	.isMobile .my-wrap .step-area li.col1.on div:before{background-position:100% 0;}
	.isMobile .my-wrap .step-area li.col2.on div:before{background-position:100% -29px;}
	.isMobile .my-wrap .step-area li.col3.on div:before{background-position:100% -57px;}
	.isMobile .my-wrap .step-area li.col4.on div:before{background-position:100% -85px;}
	.isMobile .my-wrap .my-list .list{float:none;width:100%;}
	.isMobile .my-wrap .my-list .list + .list{margin-top:30px;}
	.isMobile .my-wrap .my-list dt{float:none;width:100%;line-height:1.5;}
	.isMobile .my-wrap .my-list .list:first-child dt:first-child{margin-top:0;}
	.isMobile .my-wrap .my-list dd{overflow:initial;position:relative;margin-top:0;}
	.isMobile .my-wrap .my-list dd p{padding:10px 0;line-height:1.4;}
	.isMobile .my-wrap .my-list dd p.etc{margin-top:0;}
	.isMobile .my-wrap .my-list dd .btn-bg{position:absolute;right:0;top:-25px;margin:0;}
	.isMobile .my-wrap .con-box .my-con-top,
	.isMobile .my-wrap .con-box .my-con-mid,
	.isMobile .my-wrap .con-box .my-con-btm{padding:30px;}
	.isMobile .my-wrap .con-box .my-con-mid .ic{width:18px;height:18px;}
	.isMobile .my-wrap .con-box .my-con-mid .ic-text{padding-left:32px;}
	.isMobile .my-wrap .con-box .my-con-mid .ic-text.kr{font-weight:500}
	.isMobile .my-wrap .con-box .my-con-mid p .tit{margin-bottom:8px}
	.isMobile .my-wrap .signup-area .code-box .right{overflow:initial;}
	.isMobile .my-wrap .signup-area .code-box .right .txt .btn-bg.black{position:absolute;right:0;top:-8px;}
	.isMobile .my-wrap .signup-area .code-list dt,
	.isMobile .my-wrap .signup-area .code-list dd{margin-top:20px;}
	.isMobile .my-wrap .signup-area .code-list dt{float:none;width:100%;padding:0;}
	.isMobile .my-wrap .signup-area .code-list dt:first-child{margin-top:0;}
	.isMobile .my-wrap .signup-area .code-list dd,
	.isMobile .my-wrap .signup-area .code-list dt.gap + dd,
	.isMobile .my-wrap .signup-area .code-list dt.clear + dd{width:100%;}
}

@media all and (max-width:767px){
	.isMobile #container{padding:0 0 60px;}
	.isMobile #header{height:90px;}
	.isMobile #header h1{top:24px;padding-left:5vw;}
	.isMobile .lang-wrap .inner{top:10px;}
	.isMobile .hTit1{padding:30px 0 0;font-size:34px;}
	.isMobile .guide-txt{margin-top:13px;font-size:20px;}
	.isMobile .btn-line{width:100%;}

	.isMobile .bounty-wrap .con-box li .txt dt{float:none;}
	.isMobile .bounty-wrap .con-box li .txt dd + dt{margin-top:10px;}

	.isMobile .sale-wrap .con-box .sale-list button:before{display:none;}

	.isMobile .press-wrap .con-box{padding:20px;}
	.isMobile .press-wrap .press-list li{width:100%;margin-top:20px;}
	.isMobile .press-wrap .press-list li:nth-child(3),
	.isMobile .press-wrap .press-list li:nth-child(4){margin-top:20px;}
	.isMobile .press-wrap .press-list li .txt{font-size:15px;}

	.isMobile .faq-wrap .con-box > ul > li .tab-menu a{display:inline-block;margin:4px 15px 4px 0;}
	.isMobile .faq-wrap .con-box > ul > li .q span{left:20px;width:30px;height:30px;font-size:18px;line-height:30px;}
	.isMobile .faq-wrap .con-box > ul > li .q a{padding:23px 40px 21px 59px;font-size:18px;}
	.isMobile .faq-wrap .con-box > ul > li .q a:after{right:20px;top:31px;width:15px;height:8px;}
	.isMobile .faq-wrap .con-box > ul > li .a{margin:0 20px;padding:20px 0;}

	.isMobile .notice-wrap .con-box{padding:20px;}
	.isMobile .notice-wrap .board-list li a{padding:15px 0 17px;}
	.isMobile .notice-wrap .board-list li a:before{display:none;}
	.isMobile .notice-wrap .board-list li .tit{padding:0;}
	.isMobile .notice-wrap .board-list li .tit:before{display:none;}
	.isMobile .notice-wrap .board-list li .tit p{display:inline;max-width:inherit;white-space:normal;}
	.isMobile .notice-wrap .board-list li .date{position:static;margin-top:5px;}
	.isMobile .notice-wrap .board-view .top{padding: 0 0 20px;}
	.isMobile .notice-wrap .board-view .top .date{display:block;position:static;margin-top:10px;}
	.isMobile .notice-wrap .board-view .con{overflow:hidden;min-height:auto;max-height:inherit;padding:20px 0;}

	.isMobile .error-wrap .message-box .error{padding:0 30px;}
	.isMobile .error-wrap .message-box .error:before{height:87px;}
	.isMobile .error-wrap .message-box .error p{font-size:100px;}
	.isMobile .error-wrap .message-box .error span{width:88px;margin:0 8px 0 12px;}

	.isMobile .my-wrap .step-area li{display:block;}
	.isMobile .my-wrap .step-area li.on:before{right:50%;top:auto;bottom:-5px;width:10px;height:10px;background-color:#ffbc2b;margin-right:-13px;-webkit-box-shadow:3px 2px 4px rgba(0,0,0,.25);-moz-box-shadow:3px 2px 4px rgba(0,0,0,.25);box-shadow:3px 2px 4px rgba(0,0,0,.25);}
	.isMobile .my-wrap .step-area li:after,
	.isMobile .my-wrap .step-area li div:after{display:none;}
	.isMobile .my-wrap .step-area li div{border-width:1px 0;padding-left:30px;line-height:58px;text-align:left;}
	.isMobile .my-wrap .step-area li div:before{margin-left:12vw;}
	.isMobile .my-wrap .step-area li.on div{line-height:60px;}
	.isMobile .my-wrap .con-box .my-con-top{padding:30px 20px;}
	.isMobile .my-wrap .con-box .my-con-mid{padding:30px 20px;}
	.my-wrap .con-box .my-con-mid p{font-size:14px}
	.isMobile .my-wrap .con-box .my-con-btm{padding:30px 20px;}
	.isMobile .my-wrap .con-box .my-con-btm a{display:block;min-width:auto;}
	.isMobile .my-wrap .con-box .my-con-btm .sel-txt .txt{text-align:left;}
	.isMobile .my-wrap .signup-area .code-box .left{float:none;margin:0;text-align:center;}
	.isMobile .my-wrap .signup-area .code-box .left .qr{display:inline-block;float:none;}
	.isMobile .my-wrap .signup-area .code-box .right{margin-top:30px;}
	.isMobile .my-wrap .signup-area .code-box .right .txt{overflow:initial;}
	.isMobile .my-wrap .signup-area .code-box .right .txt p{float:none;}

	.isMobile .login-wrap{padding:0;}
	.isMobile .login-wrap .holder{padding:20px 15px;}
	.isMobile .login-wrap .login .inner{padding:30px 20px;}
	.isMobile .login-wrap .login .sign-con .check-box p{margin-right:10px;}
	.isMobile .login-wrap .login .sign-con .check-box .link{display:inline-block;float:none;vertical-align:top;}
	.isMobile .login-wrap .login .sign-con .robot-box > div{width:auto !important;}

	/*.isMobile .support-apply .con .check-box label{margin:-32px 0 0 42px}*/
}
