@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Play:100,300,400,500,600,700,900'); 
@import url('https://fonts.googleapis.com/css?family=Play:100,300,400,500,600,700,900'); 
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/********************************************* font **********************************************/
@font-face {
    font-family: 'notokr-thin';
    src: url('font/notokr-thin.eot');
    src: url('font/notokr-thind41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-thin.html') format('woff2'),
         url('font/notokr-thin-2.html') format('woff'),
         url('font/notokr-thin.ttf') format('truetype'),
         url('font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-regular';
    src: url('font/notokr-regular.eot');
    src: url('font/notokr-regulard41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-regular.html') format('woff2'),
         url('font/notokr-regular-2.html') format('woff'),
         url('font/notokr-regular.ttf') format('truetype'),
         url('font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-medium';
    src: url('font/notokr-medium.eot');
    src: url('font/notokr-mediumd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-medium.html') format('woff2'),
         url('font/notokr-medium-2.html') format('woff'),
         url('font/notokr-medium.ttf') format('truetype'),
         url('font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-light';
    src: url('font/notokr-light.eot');
    src: url('font/notokr-lightd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-light.html') format('woff2'),
         url('font/notokr-light-2.html') format('woff'),
         url('font/notokr-light.ttf') format('truetype'),
         url('font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-demilight';
    src: url('font/notokr-demilight.eot');
    src: url('font/notokr-demilightd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-demilight.html') format('woff2'),
         url('font/notokr-demilight-2.html') format('woff'),
         url('font/notokr-demilight.ttf') format('truetype'),
         url('font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-bold';
    src: url('font/notokr-bold.eot');
    src: url('font/notokr-boldd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-bold.html') format('woff2'),
         url('font/notokr-bold-2.html') format('woff'),
         url('font/notokr-bold.ttf') format('truetype'),
         url('font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-black';
    src: url('font/notokr-black.eot');
    src: url('font/notokr-blackd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('font/notokr-black.html') format('woff2'),
         url('font/notokr-black-2.html') format('woff'),
         url('font/notokr-black.ttf') format('truetype'),
         url('font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}
/********************************************* font **********************************************/


#wrap {}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;  letter-spacing:-0.5pt;}
.clear {clear:both}
.font_en {font-size:1.1em}


/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
header {}
.header_wrap {background:#1e1e1e; height:70px; line-height:60px; position:fixed; left:0; top:0; width:100%;z-index:99}
.logo {float:left;margin:0 0 0 10px}
.logo img {height:40px}
.m_open {float:right; cursor:pointer;}
.m_open img {height:70px}


.ziehharmonika h3 {background: #fff;color: #000000;text-align: left;cursor: pointer;transition: 0.25s all;position: relative; line-height:50px; border-bottom:solid 1px #dedede; margin:0;  padding:0 0 0 15px}
.ziehharmonika h3 a {width:100%; height:100%; display:inline-block;}
.ziehharmonika > div {display: none;background: #f5f6f7;text-align: left;}
.ziehharmonika > div > ul > li {height:50px; line-height:50px;background: #f5f6f7;text-align: left; color:#000000;  padding:0 0 0 15px; border-bottom:solid 1px rgba(0,0,0,0.1)}
.ziehharmonika > div > ul > li a{color:#000000; width:100%; height:100%; display:inline-block}
.ziehharmonika .active .arrowDown {bottom: -13px;border-color: #525252 transparent transparent transparent;opacity: 1;}
.ziehharmonika .collapseIcon {position: absolute;right: 20px;top: 45%;font-size: 20px;font-weight: 300;-ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.menu_wrap {width:100%; height:100%; position:fixed; left:0; top:-2000px;  z-index:999; background:#fff; overflow-y:scroll}
.menu_header { background:#1e1e1e;height:70px; line-height:60px; }
.util{background:#000;}
.util li {float:left;width:50%;}
.util li:first-child {border-right:solid 1px rgba(255,255,255,0.2); }
.util_btn {width:100%; height:50px; line-height:50px; color:#fff; text-align:center; display:inline-block}
.money{background:#000;border-top:solid 1px rgba(255,255,255,0.2); line-height:50px; padding:0 15px 0 15px}
.money_left {float:left;color:#fff; }
.money_right {float:right;color:#fff; }
.menu_body {}
.m_close {float:right; cursor:pointer;}
.m_close img {height:70px}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.visual_wrap {padding:120px 20px 120px 20px; background:url("../images/visual.jpg") center top no-repeat; background-size:cover; text-align:center; margin:70px 0 0 0}
.visual01 {font-size:25px; font-weight:700; font-family: 'Poppins', sans-serif;  color:#fff; letter-spacing:0; padding:0 0 10px 0}
.visual02 {font-size:35px; font-weight:100; color:#fff; letter-spacing:-2px;font-family:'notokr-light', sans-serif; word-break:keep-all; line-height:1}
.visual02 span {font-family:'Poppins','notokr-bold', sans-serif; font-weight:700}
.visual03 {margin:30px 0 0 0; }
.visual03 span {width:100%; padding:15px 15px; background:rgba(0,0,0,0.3); font-weight:100; font-size:20px; border:solid 1px rgba(255,255,255,0.2); display:inline-block; color:#fff; word-break:keep-all}
.visual04 {margin:30px 0 0 0;}
.visual04 span {width:80%; height:50px; line-height:50px;  font-weight:100; font-size:20px; display:inline-block; color:#fff; border-radius:50px;  background:linear-gradient(to right, #d74180 0%,  #9b0a8b 100%); }
.visual04 span:hover {background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%); }
.main_box {padding:10px}
.main_box00 {}
.main_title {text-align:center; font-size:24px; text-align:center; font-weight:500; padding:30px 0 20px; font-family: 'Poppins', 'notokr-medium', sans-serif;  font-weight:500; line-height:1.3}
.box01 {background:#fff; border-radius:5px;box-shadow:1px 2px 3px rgba(0,0,0,0.1); padding:30px}
.box02 {}
.box03 {background:#fff; border-radius:5px;box-shadow:1px 2px 3px rgba(0,0,0,0.1); padding:30px 10px}
.customer_top {padding:0 0 10px 0}
.customer_mid {}


.customer_font_01 {font-size:35px;font-weight:600;padding:0 0 10px 0}
.customer_font_01 img {height:50px; position:relative; top:-2px}
.customer_table tr td {font-size:15px;  }
.customer_table tr td.td1 { width:110px; padding:0 0 5px 0; }
.customer_table tr td.td2 {text-align:left; padding:0 0 5px 8px;letter-spacing:0; font-size:18px; font-weight:600}
.customer_font_box {border-radius:3px; border:solid 1px #dedede; width:110px; height:30px; line-height:30px;display:inline-block; text-align:center; color:#606060}
.customer_font_03 {font-size:30px; font-weight:100; padding:0 0 10px 0; line-height:1; font-family:'notokr-light', sans-serif; }
.customer_font_03 img {height:50px; position:relative; top:-2px} 
.customer_font_04 {font-size:40px; font-weight:600; padding:0 0 15px 0; line-height:1}
.customer_font_04 span {font-weight:200}
.customer_font_05 {font-size:15px; color:#6b6b6b; line-height:1.5; letter-spacing:-0.5px}

.main_fx {width:100%; }
.main_fx tr th {color:#fff; padding:15px 5px; background:#283353; letter-spacing:0}
.main_fx tr td {text-align:center;letter-spacing:0 }
.main_fx tr td.td2 {background:#fff;padding:15px 5px; } 
.main_fx_more {padding:0 10px 0 10px; height:35px; line-height:35px; background:#f1f1f1; border:solid 1px #dedede; text-align:center; display:inline-block; border-radius:3px}

.box04_tit {font-size:22px; text-align:center; padding:0 0 20px 0}
.box04_list li {float:left; width:33.3333%; text-align:center}
.box04_list li img {width:100%; padding:0 20px 0 20px}
.box04_list li:nth-child(2) {border-left:solid 1px #dedede; border-right:solid 1px #dedede}
.box04_text {font-size:18px; padding:10px 0 0 0}


/* 이미지bg */
.main_box_img {padding:50px 0 50px 0; background:url("../images/main_bg.jpg") center top no-repeat; background-size:cover}
.main_font_01 {font-size:20px; font-weight:600; color:#fff; padding:0 20px 15px 20px; word-break:keep-all}
.main_font_02 {font-size:40px; font-weight:100; color:#fff; padding:0 20px 25px 20px;font-family: 'Poppins', 'notokr-light', sans-serif; font-weight:200; word-break:keep-all; line-height:1}
.main_font_02 span {font-weight:600;font-family: 'Poppins', 'notokr-bold', sans-serif;}
.main_font_03 {font-size:22px; font-family:'notokr-light', sans-serif; color:#fff; line-height:1.5; padding:0 20px 30px 20px; word-break:keep-all}
.main_img {padding:0 20px 0 20px; width:100%}

/* 특징 */
.main_icon_list li{float:left; }
.main_icon_img {text-align:center}
.main_icon_text1 {text-align:center; font-size:18px; color:#000000; padding:20px 0 5px 0}
.main_icon_text2 {text-align:center; font-size:16px; color:#757575}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap {}
.con_box00 {margin:0 0 0 0;}
.con_box10 {margin:10px 0 0 0;}
.con_box20 {margin:20px 0 0 0;}
.con_box30 {margin:30px 0 0 0;}
.con_box40 {margin:40px 0 0 0;}
.con_box50 {margin:50px 0 0 0;}
.con_box60 {margin:60px 0 0 0;}
.contents {padding:10px;}
.sub_visual {line-height:140px; font-weight:600; color:#fff; font-size:30px; text-align:center; background:url("../images/sub_visual.jpg") center top no-repeat; margin:70px 0 0 0;background-size:cover}
.sub_box_white { background:#fff; box-shadow:1px 2px 3px rgba(0,0,0,0.1); border-radius:5px;overflow:hidden }
.sub_box {}
.text_box {padding:25px 20px; line-height:1.8}
.text_1 {font-size:25px; padding:0 0 15px 0; font-family: 'Play', 'notokr-bold', sans-serif; font-weight:600; width:100%; line-height:1}
.text_2 {color:#454545; line-height:1.8;  word-break:keep-all}
.text_3 {text-align:left}
.text_4 {font-size:25px; padding:0 0 0 20px; font-weight:600; font-family: 'Play', 'notokr-bold', sans-serif; padding:20px 15px}
.board_title  { margin:0 0 10px 0; padding:15px 10px; background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden; font-size:20px; font-family: 'Play', 'notokr-bold', sans-serif; font-weight:600; position:relative;  }
.board_title_center { margin:0 0 10px 0; padding:15px 10px; background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden; font-size:20px; font-family: 'Play', 'notokr-bold', sans-serif; font-weight:600; position:relative; text-align:center  } 
.board_title_text {color:#757575; font-size:15px; font-family: 'Play', 'notokr-regular', sans-serif; font-weight:400}
.board_title_right {position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.board_title_right li {float:left; margin:0 0 0 5px; font-size:15px !important;font-family: 'Play', 'notokr-regular', sans-serif !important;font-weight:400}
.board_tit_btn_red	{background:#f53241; font-size:15px; padding:0 15px 0 15px; height:30px; line-height:30px;border-radius:3px; color:#ffffff; text-align:center; min-width:50px;text-align:center; display:inline-block;}
.board_tit_btn_blue {background:#2e69eb; font-size:15px; padding:0 15px 0 15px; height:30px; line-height:30px;border-radius:3px; color:#ffffff; text-align:center; min-width:50px;text-align:center; display:inline-block;}
.board_tit_btn_pink	{background:#a2118a; font-size:15px; height:30px; line-height:30px;border-radius:3px; color:#ffffff; text-align:center; min-width:70px;text-align:center; display:inline-block;}
.board_tit_btn_gray {background:#7d7d7d; font-size:15px; height:30px; line-height:30px;border-radius:3px; color:#ffffff; text-align:center; min-width:70px;text-align:center; display:inline-block;}
.info_table {width:100%; }
.info_table tr th {background:#f6f6f6; padding:10px 5px; font-family: 'Play', 'notokr-regular', sans-serif; line-height:1.5; font-size:14px}
.info_table tr td {background:#ffffff; padding:10px 5px; text-align:center; line-height:1.5;font-size:14px}
.total_td {background:#f6f6f6 !important; font-family: 'Play', 'notokr-regular', sans-serif;}
.board_radio_list {width:100%; text-align:center; line-height:1.8 }
.board_radio_list li {display:inline-block;  margin:0 5px 0 5px; font-size:15px !important;font-family: 'Play', 'notokr-regular', sans-serif !important;font-weight:400}

/* sub01테이블 */
.total_red	{color:#ff4141;font-weight:600;font-family: 'Play', 'notokr-bold', sans-serif; font-size:20px}
.total_blue	{color:#348aff;font-weight:600;font-family: 'Play', 'notokr-bold', sans-serif; font-size:20px}
.bet_btn01 {background:#f53241; border:solid 1px #f53241; color:#ffffff; text-align:center; display:inline-block; border-radius:3px; width:100%; height:35px; line-height:35px; letter-spacing:0}
.bet_btn02 {background:#2e69eb; border:solid 1px #2e69eb; color:#ffffff; text-align:center; display:inline-block; border-radius:3px; width:100%; height:35px; line-height:35px; letter-spacing:0}
.bet_btn03 {background:#ffffff; border:solid 1px #f53241; color:#f53241; text-align:center; display:inline-block; border-radius:3px; width:100%; height:35px; line-height:35px; letter-spacing:0}
.bet_btn04 {background:#f53241; border:solid 1px #f53241; color:#ffffff; text-align:center; display:inline-block; border-radius:3px; width:100%; height:45px; line-height:45px }
.bet_btn05 {background:#2e69eb; border:solid 1px #2e69eb; color:#ffffff; text-align:center; display:inline-block; border-radius:3px; width:100%; height:45px; line-height:45px }
.bet_btn06 {background:#ffffff; border:solid 1px #f53241; color:#f53241; text-align:center; display:inline-block; border-radius:3px; width:100%; height:45px; line-height:45px}
.bet_btn07 {background:#f53241; border:solid 1px #f53241; color:#ffffff; text-align:center; display:inline-block; border-radius:30px; width:70px; height:30px; line-height:30px }
.bet_btn08 {background:#2e69eb; border:solid 1px #2e69eb; color:#ffffff; text-align:center; display:inline-block; border-radius:30px; width:70px; height:30px; line-height:30px } 
.progress {background:#FFFF00; border:solid 1px #2e69eb; color:#ffffff; text-align:center; display:inline-block; border-radius:30px; width:70px; height:30px; line-height:30px } 
.bet_btn_wrap {padding:8px; border-bottom:solid 1px rgba(0,0,0,0.2) }
.bet_result	 { background:#f6f6f6; padding:15px 10px; line-height:1.8; font-size:14px;border-bottom:solid 1px rgba(0,0,0,0.2) }
.bet_info { padding:15px 10px;  }
.bet_info ul li {float:left; width:50%; letter-spacing:0; line-height:1.8; font-size:14px }
.bet_info ul li img {position:relative; top:-1px}
.bet_list_btn {background:linear-gradient(to right, #d74180 0%,  #9b0a8b 100%); width:180px; height:50px; line-height:50px; color:#fff;text-align:center; display:inline-block;border-radius:5px;   }


/* 시간 */
.top_title {display:table; width:100%; border-radius:5px; background:#283353;  padding:20px 0 20px 0; position:relative}
.top_row {display:table-row; }
.top_cell1 {display:table-cell; width:50%; border-right:solid 1px rgba(255,255,255,0.1); padding:15px 10px 15px 10px; }
.top_cell2 {display:table-cell; width:50%; padding:15px 10px 15px 10px; }
.top_cell_ul li{font-size:18px; color:#fff; font-size:18px; color:#fff; text-align:center }
.top_cell_ul li img {position:relative; top:-2px}  
.time {font-size:40px; color:#fff;font-weight:600; letter-spacing:0}
.top_input {border:solid 1px rgba(255,255,255,0.1); background:#364369; border-radius:5px; height:35px;color:#fff; padding:5px; width:100%}



/* 종목 GBP/AUD */
.bet_right {overflow:hidden }
.bet_right_tit {background:#283353; padding:15px 10px 15px 10px; font-size:16px; color:#fff}
.bet_right_table {height:240px; overflow-y:scroll}
.bet_right_bottom {text-align:center; padding:20px 0 20px 0; background:#f6f6f6;} 


.text_box li { width:100%; padding:0 0 50px 0; float:left; }
.text_box li .img {padding:0 0 10px 0;}
.text_box li .img img {width:100%}
.text_box li .text {padding:10px 0 0 0;}
.text_table {width:100%}
.text_table tr td {vertical-align:middle; line-height:1.8  }
.text_table .num{background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%); width:20px; height:20px; line-height:20px; border-radius:3px;text-align:center; display:inline-block; color:#ffffff}
.text_table tr td:first-child {width:30px;text-align:left;vertical-align:top; }






/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
footer {background:#dadee4; text-align:center}
.footer_1 {border-bottom:solid 1px rgba(255,255,255,0.5); padding:20px 10px}
.phone {font-size:25px; font-weight:600;letter-spacing:-0.5px; padding:0 0 10px 0}
.phone img {position:relative; top:-2px }
.footer_1 li {display:inline-block; margin:0 5px 0 5px}

.f_btn {min-width:100px; padding:0 15px 0 15px; height:40px; line-height:40px;  border:solid 1px rgba(255,255,255,0.8); border-radius:5px; text-align:center; display:inline-block; color:#757575}

.footer_2 {padding:20px 10px 50px 10px;  }
.footer_2 img {height:60px; padding:0 0 15px 0}
.footer_2 div {color:#757575;letter-spacing:-0.5px;line-height:1.6; word-break:keep-all}
.footer_2 div ul li {display:inline-block; margin:0 10px 0 10px;}



/*-- 게시판 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.list_title1  {background:#ced6e5;padding:15px 10px 15px 10px;  text-align:center; letter-spacing:0;font-family:'notokr-medium', sans-serif;line-height:1.5 }
.list_notice1 {padding:15px 5px 15px 5px; text-align:center;  background:#f6f6f6; border-bottom:solid 1px #dedede;letter-spacing:-0.5px ;line-height:1.5 }
.list_notice2 {padding:15px 5px 15px 5px;  background:#f6f6f6; border-bottom:1px solid #dedede; letter-spacing:-0.5px ;line-height:1.5 }
.list1        {border-bottom:1px solid #dedede; padding:15px 5px 15px 5px; text-align:center; letter-spacing:-0.5px; line-height:1.5 }
.list2        {border-bottom:1px solid #dedede; padding:15px 5px 15px 10px; letter-spacing:-0.5px;line-height:1.5   }
.list1 li {width:100%; margin:0 0 2px 0}
.list1 li:last-child {margin:0}
.write_title_top {border-top:solid 1px #dedede}
.write_title     {background:#f9f9f9; border-right:solid 1px #dedede;border-bottom:solid 1px #dedede;  padding:15px 20px 15px 20px;   font-weight:600; vertical-align:middle}
.write_basic     {border-bottom:solid 1px #dedede;  vertical-align:middle; padding:15px 15px 15px 20px;  }
.view1     {background:#ced6e5;  padding:15px 10px; width:100%; line-height:1.5; font-family: 'Play', 'notokr-bold', sans-serif; font-weight:600;letter-spacing:-0.2px }
.view2     { border-bottom:solid 1px #dedede; padding:15px 10px; width:100%; line-height:1.8;}




/*-- 버튼 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn_wrap { text-align:center; padding:20px }
.btn_wrap_right        {text-align:right; }
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {text-align:center; }
.btn_wrap_center ul li {display:inline;}
.btn_wrap table tr td {width:50%}
.btn_wrap table tr td:nth-child(1) {text-align:right}
.btn_wrap table tr td:nth-child(2) {text-align:left}


.btn1_1         {background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%); min-width:70px; height:35px; padding:0 10px 0 10px ;line-height:35px;  text-align:center; display:inline-block;  color:#fff; border-radius:3px} 
.btn1_1:hover   {background:linear-gradient(to right, #d74180 0%,  #9b0a8b 100%);}

.btn1_2         {background:linear-gradient(to right, #a9a9a9 0%,  #7d7d7d 100%);min-width:70px; height:35px; padding:0 10px 0 10px ;line-height:35px;  text-align:center; display:inline-block; color:#fff; font-weight:600; } 
.btn1_2:hover   {background:linear-gradient(to right, #7d7d7d 0%,  #a9a9a9 100%);}

.btn2_1         {background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%);width:180px; height:50px; line-height:50px; text-align:center; display:inline-block;  color:#ffffff; font-weight:600; border-radius:5px }
.btn2_1:hover   {background:linear-gradient(to right, #d74180 0%,  #9b0a8b 100%);}

.btn2_2         {background:linear-gradient(to right, #a9a9a9 0%,  #7d7d7d 100%); width:180px; height:50px; line-height:50px; text-align:center; display:inline-block; color:#ffffff; font-weight:600; border-radius:5px }
.btn2_2:hover   {background:linear-gradient(to right, #7d7d7d 0%,  #a9a9a9 100%);}

.btn3_1         {background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%);width:100%; height:50px; line-height:50px; text-align:center; display:inline-block; color:#fff; font-weight:600; font-size:18px; border-radius:50px }
.btn3_1:hover   {background:linear-gradient(to right, #d74180 0%,  #9b0a8b 100%);}

.btn3_2         {background:linear-gradient(to right, #a9a9a9 0%,  #7d7d7d 100%); width:100%; height:50px; line-height:50px; text-align:center; display:inline-block; color:#fff; font-weight:600;font-size:18px;  border-radius:50px }
.btn3_2:hover   {background:linear-gradient(to right, #7d7d7d 0%,  #a9a9a9 100%);}

.btn_tab      {background:#ffffff; border:solid 1px #afafaf; min-width:70px; display:inline-block; font-family:nanumgothic; padding:6px 8px 6px 8px; line-height:12px; color:#afafaf; border-radius:0px; font-weight:700; text-align:center;}
.btn_tabon    {background:#ffffff; border:solid 1px #6b411f; min-width:70px; display:inline-block; font-family:nanumgothic; padding:6px 8px 6px 8px; line-height:12px; color:#6b411f; border-radius:0px; font-weight:700; text-align:center;}




/*-- 탭   ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tab_wrap       {margin:0 0 10px 0}
.tab_wrap ul li {padding:1px; width:50%; float:left}
.tab            {background:#ffffff;  width:100%; height:45px; line-height:45px; color:#7a7a7a;  text-align:center; display:inline-block;  font-size:16px; border-radius:5px}
.tab:hover      {background:#f6f6f6;}
.tabon          {background:linear-gradient(to right, #9b0a8b 0%,  #d74180 100%);  width:100%; height:45px; line-height:45px; color:#ffffff;  text-align:center; display:inline-block;  font-size:16px; border-radius:5px }



/*-------------------------------------------------------------------------------------*
 *  login                                                                             *
 *-------------------------------------------------------------------------------------*/
.login_wrap  {padding:50px 10px 50px 10px;}
.login_tit { text-align:center; position:relative; }
.login_tit img {height:70px}
.login_text {font-family: 'Poppins', 'notokr-light', sans-serif; font-size:20px; text-align:center; padding:30px 0 30px 0; word-break:keep-all; line-height:1.8; font-weight:200}
.login_box {width:100%; background:#ffffff; border-radius:5px; margin:0px auto;box-shadow:1px 2px 3px rgba(0,0,0,0.1); padding:50px 30px}
.login_table {width:100%}
.login_table ul {text-align:center}
.login_table ul li {display:inline-block;color:#7e7e7e; font-size:16px; padding:30px 5px 0 5px}
.login_table ul li a {color:#7e7e7e}
.login_btn1 {width:100%; height:60px; line-height:60px; color:#ffffff; font-weight:600; font-size:20px;text-align:center; display:inline-block; background:linear-gradient(to right, #d74280 0%,  #9a0a8b 100%);  font-family: 'Poppins', 'notokr-light', sans-serif;  border-radius:3px;  }
.login_btn1:hover {background:linear-gradient(to right, #9a0a8b 0%,  #d74280 100%); }


					 
.join_title {font-size:25px; font-family: 'Poppins', 'notokr-bold', sans-serif; padding:30px 0 0px 0 }
.join_table tr td:nth-child(2) {border-right:solid 1px #dedede}
.join_left {padding:15px 10px; width:30%; font-family: 'Poppins', 'notokr-bold', sans-serif; border-bottom:solid 1px #dedede;  border-right:solid 1px #dedede;background:#f6f6f6}
.join_right {padding:15px 10px; border-bottom:solid 1px #dedede; line-height:1.5 }
.join_table_text {font-size:14px; color:#757575; word-break:keep-all}
.join_text_box {padding:10px; line-height:1.8}
.join_agree {padding:10px; background:#f6f6f6; border:solid 1px #dedede; height:200px; overflow-y:scroll; color:#757575}
.join_text {padding:30px 0 0 0; text-align:center}



/*-------------------------------------------------------------------------------------*
 *  Style                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 폰트 스타일 */
.font01 {color:#ffffff; font-weight:600;}
.font02 {color:#000000; font-weight:600;}
.font03 {color:#000000;}
.font04 {color:#ff4141;font-weight:600;} 
.font05 {color:#348aff;font-weight:600;} 
.font06 {color:#757575;} 
.font07 {color:#a51489;font-weight:600;}
.font08 {color:#ee6407;font-weight:600;}
.font09 {color:#ffc000;font-weight:600;}
.font10 {}

.font11 {color:#fff; font-size:18px;  text-shadow:1px 1px 1px #000000;font-style:italic}
.font12 {color:#f2e07b; font-weight:900; font-size:22px;line-height:35px;   text-shadow:1px 1px 1px #000000;}
.font13 {color:#b0977f;font-weight:900;}
.font14 {color:#818fa0;}
.font15 {color:#; font-weight:900;}

/* 인풋 스타일 */
.input_login  {background-color:#ffffff; border:1px solid #dedede;  width:100%; height:50px; color:#8f8f8f; border-radius:3px;  padding:0 0 0 20px; font-size:16px;  }
.input_login2  {background-color:#ffffff; border:1px solid #b7b7b7;  padding:5px 0 3px 5px; width:100%; height:38px; padding:0 0 0 10px;font-size:14px;  }
.input_search {background-color:#313131; border:1px solid #000000; padding:5px 0 3px 5px; border-radius:3px;}
.input1       {background-color:#ffffff; border:1px solid #dedede; background:#f9f9f9; padding:0 0 0 10px; border-radius:3px; height:35px;letter-spacing:0px;  }
.input2       {background-color:#ffffff; border:1px solid #dedede; background:#f9f9f9;  height:30px; border-radius:3px; padding:0 0 0 10px; letter-spacing:0px; }


/* 개인정보,이용약관 */
.clause_big_tit {font-size:18px; font-weight:600; padding:0 0 15px 0}
.clause_top {margin:0 0 30px 0}
.clause_top p {padding:0 0 15px 0; font-size:16px; line-height:30px; word-break:keep-all; }
.clause_line {margin:0 0 40px 0}
.clause_tit { font-family:'notokr-bold', sans-serif; padding:0 0 10px 0; font-size:20px}
.clause_text1 {line-height:30px;padding:0 0 40px 0;font-size:16px}
.clause_text2 {line-height:30px;padding:0 0 0 0;font-size:16px}
.clause_rule {padding:0 0 40px 0}
.clause_rule table td{padding:0 0 5px 0;font-size:16px; line-height:1.8; vertical-align:top; word-break:keep-all; }
.clause_rule .clause_rule_td1 {width:23px;padding:0; color:#757575} 
.clause_rule .clause_rule_td2 {padding:0; color:#757575}
.clause_rule tr td ol {padding:0 0 0 20px !important}
.clause_rule tr td ol li{list-style:square; line-height:30px; padding:0; font-size:16px; word-break:keep-all; color:#757575}
.clause_table table {border-top:solid 2px #000}
.clause_table table tr th{padding:10px; border-bottom:solid 1px #dedede}
.clause_table table tr td{padding:10px;border-bottom:solid 1px #dedede; text-align:center; word-break:keep-all; }

/*--ysk--------------------------------------------------------------------------------*

	ysk 2016년01월
	ysk와 g5와 겹치는 클래스명 container / gnb / logo

	border : border:3px solid red;
	bg     : background:url(../images/bg_visual.jpg); background-repeat:repeat-x;
	bg     : background:url("../images/bg.jpg") center top no-repeat;
	text   : text-align:center; display:inline;
	font   : font-size:18px; font-family:Nanum Gothic,sans-serif; color:#00aec3; font-weight:700; line-height:55px; letter-spacing:-1pt;
	font   : font-size:20px; color:#515151; font-weight:bold; font-family:Arial; letter-spacing:-1pt;
	input  : font-size:12px; color:#545454; margin:0 0 0 0; border:1px solid #393939; background:#1f1f1f; padding-top:2px; padding-left:5px; height:27px;
	
	메뉴 그림자 : box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);

-----------------------------------------------------------------------------------ysk-*/

/*--ysk 특정영역에 레이어 띄우기-------------------------------------------------------*
<div style="position:absolute; z-index:1000000; left:50%;">
	<div style="position:absolute; left:-500px; top:440px; display: block; z-index:100000;">
		컨텐츠
	</div>
</div>
-----------------------------------------------------------------------------------ysk-*/