@charset "utf-8";
/* CSS Document */

/* header */
.header {
	position: relative;
	width: 100%;
	min-width: 1190px;
	height: 150px;
	background:#fff;
	border-bottom:1px solid #d4d4d4;
	z-index: 5;
}
#mypage2{display: none;}
.util {position:absolute; left:50%; width:600px; margin-left:0px; z-index:99}
.util ul li {text-align:right; font-size:14px; color:#aaa; padding-top:10px}
.util ul li a {color:#333; margin:0 15px}
.util ul li a:last-child {margin-right:0}

#mobile_logo {display: none;}
.h1_logo {position:absolute; left:50%; top:45px; width:200px; margin-left:-595px}
.h1_logo img {width:100%}
.logo_side {margin-top:15px; margin-left: 10px}
.txt{ margin-top:15px; margin-left: 10px;font-size: 14px; color: #fff}

.header_inner {
	position: relative;
	margin: 0 auto;
	padding: 45px 0 27px 0;
	width: 1190px;
	height: 150px;
	z-index: 3;
}

img{vertical-align:middle;}

.header_inner > a#coll {display: none}

.gnb {padding-left:330px; min-height: 55px; display: block; opacity: 1}
.gnb > button#gnb_close, .gnb > .logo_side, .gnb > .txt, .gnb > .util_box {display: none}
/* 아이티치포유 메인 메뉴에 대한 스타일을 지정해놓음 */
.gnb_ul >li {float: left; position: relative; padding:20px 40px; font-size:24px; }
.gnb_ul >li a {color:#333}
.gnb_ul >li:last-child {margin-right: 0px; padding-right:0}
.gnb_ul .depth1.product {padding-right: 90px}
.gnb_ul .depth1.ad {padding-right: 80px}

/* gnb 2depth */
.sub {position: absolute;	left: 0; top: 113px;	min-width: 179px;	z-index: 6}
.sub li {float: none;	padding-right: 0; padding-left:50px;	margin-top: 11px}
.sub li:first-child {}
.sub li a {display: block; font-size: 14px;	font-weight: bold; color:#555; line-height: 15px}
.sub li a:hover, .sub li a:focus {color: #019dda}
.gnb_bg {position: relative; width: 100%; min-width: 1240px;	background:#fff; min-height: 265px;	border-bottom:1px solid #ececec}

/*  */
#wrapper {position: relative; left:0; top:0; width:1240px; min-height:900px; margin:30px auto;}
#wrapper:after {content:''; display:block; clear:both}
.snb {position:  absolute; left:0; top:0; width:280px; z-index:10}
.snb .login {position: relative; width:100%; height:auto; margin-bottom:15px; padding:15px 0 15px 15px; border:1px solid #d4d4d4}
.snb .log {position:relative; width:100%; height:auto; margin-bottom:15px; border:1px solid #d4d4d4}
.login input[type="text"], .login input[type="password"] {display:block; width:170px; height:25px; padding-left:5px; margin-bottom:5px}
.login input[type="submit"]	{position:absolute; top:15px; right:15px; background:#019dda; color:#fff; width:70px; height:55px; border:0}


.login div {position: relative; width:100%; margin-top:10px}
.login div, .login div label, .login div a {font-size:12px; color:#999}
.login div input {position:absolute; left:0; top:2px}
.login div label {margin-right:25px; padding-left:17px}
.log .member {position:relative; width:100%; padding:20px 20px 15px}
.log .member p {font-size:14px}
.log .member p >span {font-size:16px; color:#009dda}
.log .member >span {font-size:14px; color:#bbb}
.log .member .icon {position:absolute; top:20px; right:20px}
.log .mypage {position:relative; background:#ececec; padding:0 13px; border-top:1px solid #d4d4d4}
.log .mypage ul li {display:inline-block; height:40px}
.log .mypage ul li a {display:block; height:36px; margin-top:5px; padding:10px 8px; font-size:14px; color:#555}

.tab-menu {
	display: flex;
	border-bottom: 2px solid #ddd;
  }
  
  .tab-menu a {
	padding: 10px 20px;
	text-decoration: none;
	color: #333;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-right: -1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  }
  
  .tab-menu a:hover {
	background: #eee;
  }
  
  .tab-menu a.active {
	background: white;
	position: relative;
	z-index: 1;
	border-bottom: 2px solid white;
	font-weight: bold;
  }


.snb .search {position: relative; width:100%; margin-bottom:15px}
.search input[type="text"] {display:block; width:220px; height:35px; padding-left:8px; border:1px solid #d4d4d4}
.search input[type="submit"]{position:absolute; top:0; right:0; background:#019dda; color:#fff; width:60px; height:35px; font-size:14px; border:0}
.snb .news {position: relative; width:280px; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4}
.news >ul:after {content:''; display:block; clear:both}
.news >ul li {float:left; width:50%; height:45px; border-bottom:1px solid #d4d4d4; background:#f7f7f7}
.news >ul li a {display:block; width:100%; height:45px; text-align:center; padding-top:10px; font-size:14px; color:#555; border-left:1px solid #d4d4d4; }
.news >ul li a.on {background:#fff url('../images/main/tab_on.gif') no-repeat center bottom; font-weight:bold}
.news > #notice > .notice_top {height: 150px; border: none; background-color: #009dda; padding: 20px}
.news > #notice > .notice_top > p, .news > #notice > .notice_top > h3 {color: white}
.news > #notice > .notice_top > p {margin-top: 15px}
.news > #notice > .notice_top > h3 {font-size: 24px; font-weight: bold}
.news > #notice > ul {width: 100%}
.news > #notice > ul > li {padding: 20px}
.news >div {position:relative; width:280px; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4}
.news >div ul {width:90%; margin:0 auto}
.news >div ul li {padding:15px 0; border-bottom:1px solid #d4d4d4}
.news >div ul li:last-child {border-bottom:none}
.news >div ul li a {font-size:14px; color:#333}
.news >div ul li a:hover {color:#3d8bc9}
.news >div ul li a span {font-size:14px; color:#999; display:block; margin-top:5px}
.news input {width:100%; font-size:16px; color:#999; padding:15px 0; text-align:center; border:none; border-bottom:1px solid #d4d4d4; color:#019dda; border-left:1px solid #d4d4d4; background:none; cursor:pointer}

.snb_nav {position: relative; width:280px}
.snb_nav >.title {height: auto; border: none; background:#4285c3; padding:20px}
.snb_nav >.title p {font-size:15px; color:#daeaf0; line-height:24px}
.snb_nav >.title h3 {font-family:"맑은고딕", Dotum; font-size:36px; color:#fff; font-weight:bold; letter-spacing:-3px}
.snb_ul {width: 100%}
.snb_ul >li {width:100%; border:1px solid #d4d4d4; border-top:none!important}
.snb_ul >li:hover {background:#f7f7f7 url('../images/common/snb_bg.gif')repeat-y right}
.snb_ul >li >a {display:block; width:100%; padding:15px 0 15px 20px; background:url('../images/common/snb_off_bg.gif')no-repeat right center; font-size:16px; color:#333}
.snb_ul >li >a:hover {color:#3d8bc9}
.snb_ul >li >a.on {background:url('../images/common/snb_on_bg.gif')no-repeat right center}
.snb_ul .deth2 {background:#f7f7f7; padding:10px; border-top:1px solid #d4d4d4}
.snb_ul .deth2 li a {display:block; width:100%; padding:10px 0 5px 10px; font-size:14px; color:#888}

.page_nav {position: relative; margin-top:20px; font-size:0; text-align:center}
.page_nav ul {display:inline-block; margin:0 5px; vertical-align:middle}
.page_nav ul:after {display:block; content:''; clear:both}
.page_nav ul li {float:left; margin-left:10px}
.page_nav ul li:first-child {margin-left:0}
.page_nav ul li b, .page_nav ul li a {display:block; position:relative; width:21px; height:20px; font-size:14px; font-weight:500; line-height:20px}
.page_nav ul li b {color:#454a5d}
.page_nav ul li b:after {display:block; content:''; position:absolute; bottom:-2px; left:4px; right:4px; height:2px; background:#3d8bc9}
.page_nav ul li a {color:#727888}

/*  */
.container {position:relative; left:0; top:0; width:100%; height:auto; padding-left:320px; z-index:1 }
.container article {position:relative; width:970px}
.container article >h2 {margin:50px 0 30px; font-size:36px; color:#333; font-weight:600; letter-spacing:-2px}
.container article h3 {position:relative; width:100%; height:31px; margin-bottom:10px; background:url('../images/sub/h3_bar.gif') repeat-x left -32px}
.container article h3 span {position:absolute; height:30px; left:0; top:0; padding:10px 15px 0; font-size:14px; font-weight:600; color:#185ebd; background:url('../images/sub/h3_bar.gif') repeat-x left 0; border-right:2px solid #009dda; border-left:2px solid #009dda}

body.log {background:#f7f7f7}
.alone_layout {padding-left:0; margin:0 auto;}
.alone_layout article {width:515px; margin:0 auto}
	.loginWrapper {width:100%;}
	.loginWrapper > .loginRow > .form-control {width: 370px; box-sizing: border-box; float: left}
	.loginWrapper > .loginRow > .form-control > .id, .loginWrapper > .loginRow > .form-control > .pw {border: 2px solid #e9e9e9; outline: none; width: 100%; height: 50px; padding:10px; font-size: 14px; color: #959595}
	.loginWrapper > .loginRow > .login_btn {float: left; margin: 0 0 0 15px; background: #009dda; text-align: center; color: #fff; border: 0; height: 115px; width: 130px; font-size: 18px; cursor: pointer}
	.loginWrapper > .loginEtc {position: relative; width: 100%; clear: both; padding: 15px 0 0 0}
	.loginWrapper > .loginEtc > ul > li {padding-left:15px; float: right}
	.loginWrapper > .loginEtc > .checkbox {float: left}
	.loginWrapper > .loginEtc > ul > li > a, .loginWrapper > .loginEtc > .checkbox > label {font-size: 14px; color: #333333}

.main_banner {width:870px; height:330px; text-align:center; padding-top:20px; margin-bottom:30px; background:#efeff1}
.itfu_data >div {position:relative; width:100%; margin-top:30px}
.itfu_data >div:after {content:''; display:block; clear:both}
.itfu_data >div >h2 {height:26px; padding-top:0; font-size:16px; font-weight:600; letter-spacing:-2px}
.itfu_data >div >h2 >a {display:block; color:#333; cursor:default}
div.data1	{float:left; position:relative; width:180px; height:180px; background:url('../images/main/mc_1.png') no-repeat; background-size:cover}
div.data2	{float:left; position:relative; width:180px; height:180px; background:url('../images/main/mc_2.png') no-repeat; background-size:cover}
div.data3	{float:left; position:relative; width:270px; height:180px; background:url('../images/main/mc_3.png') no-repeat; background-size:100%}
div.data4	{float:left; position:relative; width:270px; height:180px; background:url('../images/main/mc_4.png') no-repeat; background-size:100%}
ul.data_tab {float:left; display:block; position:relative; left:20px; top:4px; width:600px; height:30px}
ul.data_tab li {float:left; height:26px; margin-right:8px}
ul.data_tab li a {height:26px; padding:7px 10px; border:1px solid #d4d4d4; border-radius:5px; background:#f4f4f4; font-size:14px; color:#777}
ul.data_tab li a.on {background:#005da4; color:#fff; border-color:#005da4}
ul.data_tab li a:hover {border-color:#005da4}
div.data {float:left; position:relative; left:20px; top:15px; width:600px}
div.data li {background:url('../images/main/data_li.gif') no-repeat left 10px; padding-left:15px; line-height:24px}
div.data li a {font-size:14px; color:#333}

.location {position:relative; width:100%; height:auto; font-size:14px; color:#999}
.location a {color:#999}
.location b {color:#77c5e4}
.location span {padding:0 5px}

.menu_box {position:relative; width:100%}
.menu_box h3 {padding-left:20px; font-size:18px; margin-bottom:5px!important; background:url('../images/sub/common.png')no-repeat left -36px!important}
.menu_box .s_menu {position:relative; width:100%; padding:10px 5px; font-size:14px; border:2px solid #4285c3; background:#fff}
.menu_box .s_menu li {display:inline-block; height:14px; padding:0 10px; background:url('../images/sub/a_bar.gif')no-repeat right 2px}
.menu_box .s_menu li:last-child {background:none}
.menu_box .s_menu li a {display:block; height:14px; color:#999}

.search_box {position:relative; width:100%; height:auto; padding:20px 15px; background:#f9f9f9; border:1px solid #d4d4d4; font-size:14px;line-height:150%;}
.search_box .total {display:block; width:100%;margin-bottom:15px}
.search_box .total b {color:#4285c3}
.search_box input {display:inline-block; height:25px; font-size:14px}
.search_box input[type='text'] {width:50%; padding:0 10px; border:1px solid #d4d4d4}
.search_box input[type='submit'] {width:50px; color:#fff; background:#4285c3; border:0}
.search_box .s_menu {position:relative; padding:5px 15px; font-size:12px; border:1px solid #CCCCCC; background:#fff; height:30px;}
.search_box .s_menus {position:relative; padding:5px 15px; font-size:12px; border:1px solid #CCCCCC; background:#ccc; height:30px;}

.normal_box {position:relative; width:100%; height:auto; padding:15px; background:#f9f9f9; border:1px solid #d4d4d4;}
.normal_box input {display:inline-block; font-size:14px;line-height:180%;}
.normal_box input[type='submit'] {color:#fff; background:#4285c3; border:2px solid #d4d4d4;padding:10px}


#select_box {display:inline-block}
#select_box select {width:140px; height:25px; margin-bottom:6px; font-size:14px; padding:0 0 0 10px; background: url('../images/common/select_box.gif')no-repeat; border:1px solid #d4d4d4}

.lotto_box {position:relative; width:100%; padding:30px 0; text-align:center; border:4px solid #f4f4f4; margin-top: 60px}
.lotto_box >h4 {font-size:24px; margin-bottom:10px; color:#333; font-weight:500}
.lotto_box >h4 >span {font-size:30px; font-style:normal; color:#005da3}
.lotto_box p.day{font-size:14px; color:#777}
.lotto_box p.day >span {font-style:normal; color:#333}
.num_box {position:relative; width:100%; margin:20px auto 0}
.num_box >div {display:inline-block; position:relative}
.lotto_num >p{margin-bottom:10px; padding:0 15px; font-size:14px; color:#333; font-weight:600}
.lotto_num ul { height:auto; background:#f4f4f4; padding:15px 10px; border-radius:10px 10px}
.lotto_num ul:after {content:''; display:block; clear:both}
.lotto_num ul li {float:left; width:60px; height:60px; margin:0 8px; padding:14px 0 0; border-radius:100%; font-size:26px; font-weight:bold; color:#fff; text-shadow:1px 1px 3px #999}
.lotto_num ul li.lt0 {background:#f7b629}
.lotto_num ul li.lt1 {background:#4e81df}
.lotto_num ul li.lt2 {background:#eb5645}
.lotto_num ul li.lt3 {background:#555}
.lotto_num ul li.lt4 {background:#408525}
.num_plus {width:35px; height:118px; margin:0 20px; background:url('../images/sub/plus_icon.gif')no-repeat center 50px; text-indent:-9999px}
.lotto_buy_box {position:relative; width:100%; text-align:center; border-top:1px solid #d4d4d4}
.lotto_buy_box p {width:100%; height:60px; padding-top:20px; border-bottom:2px solid #029ed9; font-size:24px; color:#333}
.lotto_buy_box p em {font-style:normal; color:#32c7ff}
.lotto_buy_box p span {font-size:16px; color:#777}
.buy_input {padding:25px 0; background:#f7f7f7}
.buy_input input {width:100px; height:100px; margin:0 20px; border:1px solid #d4d4d4; font-size:50px; text-align:center}
.lotto_buy_box >input {position:relative; top:15px; height:30px; padding:0 20px; cursor:pointer; color:#fff; border:none; background:#029ed9}

.direction_box {position:relative; width:100%; margin-top:50px}
.left_box {float:left; position:relative; width:48%}
.right_box {float:right; position:relative; width:48%}
.explain_box {position:relative; width:100%; margin-top:50px}

p.con_p {width:100%; height:auto; padding:20px 25px; background:#f6f6f6; font-size:13px; color:#333; line-height:24px}
p.con_p >b {color:#029ed9; font-weight:normal}
p.add {padding:0 0 8px 0; text-align:right; font-style:normal; font-size:14px; color:#999}
ul.li_list li {padding:5px 0 5px 15px; font-size:13px; color:#333; background:url('../images/sub/common.png')no-repeat left -64px}
ul.li_list li >b { color:#005da3}

.cash_box {position:relative; width:100%; margin-top:50px; background:#28b9f0; border-radius:10px; text-align:center}
.cash_box .cash {position:relative; width:100%; padding:30px 40px; background:#fff; border:2px dashed #28b9f0; border-radius:10px; text-align:center}
.cash_box .cash p {display:inline; font-size:14px; margin:0 20px 10px}
.cash_box .cash p span {font-size:18px; font-weight:600}
.cash_box .cash .cash_change {width:100%; height:auto; margin:20px 0 0; padding:15px; background:#f7f7f7; border-radius:10px; font-size:14px}
.cash_box >input {padding:15px 0; background:#28b9f0; border:none; font-size:16px; color:#fff; font-weight:600; cursor:pointer}

/* table */
table td {color:#333}

.table_st1 {position:relative; width:100% ; margin-top:5px;border-top:2px solid #2fb2e5; border-bottom:2px solid #2fb2e5; font-size:13px}
.table_st1 th {height:50px; background:#f7f7f7; font-size:14px}
.table_st1 td {border-top:1px solid #eee}
.table_st1 td input {margin:3px auto 0}
/* Enhanced radio button styles for better visibility */
.table_st1 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #4285c3;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 8px;
    transition: all 0.2s ease;
}

.table_st1 input[type="radio"]:checked {
    background-color: #4285c3;
    border-color: #28b9f0;
    box-shadow: inset 0 0 0 4px #fff;
}

.table_st1 input[type="radio"]:hover {
    border-color: #28b9f0;
    background-color: #f4f4f4;
}

.table_st1 input[type="radio"]:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(40, 185, 240, 0.5);
}

/* Label styling for better readability */
.table_st1 td label {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    cursor: pointer;
}

/* Ensure alignment with table content */
.table_st1 td {
    padding: 10px;
    vertical-align: middle;
}








.table_rank {position:relative; width:100% ; border-bottom:1px solid #d4d4d4; border-right:1px solid #eee; font-size:13px}
.table_rank th { border-top:1px solid #eee; border-left:1px solid #eee; border-bottom: 1px solid #eee}
.table_rank td {border-top:1px solid #eee; border-left:1px solid #eee}

.table_board_v {width:100%; font-size:13px; border-top:1px solid #d4d4d4}
.table_board_v th {border-bottom:1px solid #d4d4d4; background:#f7f7f7}
.table_board_v td {border-bottom:1px solid #d4d4d4}
.table_board_v > span {font-size:11px;}
.table_board_v > input[type='text'] {width:80%;}

.table_p {position:relative;width:100%;border-bottom:1px solid #d4d4d4;border-right:1px solid #eee;border-left:1px solid #eee;border-top:2px solid #2fb2e5; font-size:14px;height:20px;}
.table_pL {position:relative;border-top:1px solid #eee;border-bottom:1px solid #d4d4d4; border-right:1px solid #eee; font-size:14px;height:20px;}
.table_pR {position:relative;border-top:1px solid #eee;border-bottom:1px solid #d4d4d4; font-size:14px;height:20px;}

.check_a {display:block; cursor:pointer; margin:0 auto; padding:20px 0 0}

.sign_box {position:relative; width:100%; min-height:150px; border-bottom:1px solid #00B5EF; text-align: left;}
.member_img {width:200px; height:150px; margin-right:15px; border-right:1px solid #d7d7d7; overflow:hidden}
.member_img img	{width:100%; height:auto}

.btn_1 {background: #4285c3;display: inline-block;width: 160px; height: 40px; text-align: center; padding-top:10px;color: #fff; margin: 0 auto;margin-top: 25px;margin-bottom:0px}


/* board 게시판 우측으로 광고가 붙도록 */
.data_ad {position:relative; width:100%; margin:0 0 10px; font-size:14px; color:#ccc; text-align:right}
.file_box {float:left; position:relative; width:100%; height:auto; margin:5px 0 0; padding:10px; font-size:14px; border:1px solid #d4d4d4;}
.file_box .score {display:block; position:relative; width:100%; padding:10px 15px; text-align:center; background:#f7f7f7}
.file_box .score >p {font-size:16px; height:24px;}
.file_box .score >p >span{padding:0 5px; font-weight:600; color:#ec2c6f}
.file_box .score div ul li {margin-bottom:3px;}
.file_box2 { float:left; position:relative;  height:auto; margin:5px 0 0; padding:10px; font-size:14px; border:1px solid #d4d4d4; border-bottom:2px solid #555!important}
.Advertising {float:right; position:relative; height:auto; margin:5px 0 0;display:block;}

.btn.preview a {
    font-weight: bold;
    border: 1px solid #607D8B;
    margin: 5px;
    padding: 1px 10px;
    color: #607D8B;
    background-color: rgba(96, 125, 139, 0.03);
    border-radius: 1px;
}

.btn.download1 a {
    font-weight: bold;
    border: 1px solid dodgerblue;
    margin: 5px;
    padding: 1px 10px;
    color: dodgerblue;
    background-color: rgba(96, 125, 239, 0.05);
    border-radius: 1px;
}

.btn.download2 a {
    font-weight: bold;
    border: 1px solid palevioletred;
    margin: 5px;
    padding: 1px 10px;
    color: palevioletred;
    background-color: rgba(216, 10, 239, 0.05);
    border-radius: 1px;
}

.btn.download3 a {
    font-weight: bold;
    border: 1px solid Teal;
    margin: 5px;
    padding: 1px 10px;
    color: Teal;
    background-color: rgba(00, 190, 190, 0.05);
    border-radius: 1px;
}

/* 3컬럼 테이블의 웹/휴대폰 보여주기 코드 */
.T2Layer {float:left; position:relative; width:30%; height:auto;display:block;}
.T2LayerCol2 {float:left; position:relative; width:70%;height:auto;display:block;}



p.license {display:block; clear:both; position:relative; width:100%; height:35px; margin:0; padding:10px 0 0; text-align:right; font-size:14px}

.comment {position:relative; width:100%; margin:5px 0 0;}
.comment td {border-bottom:1px solid #d4d4d4; font-size:13px; color:#777; padding: 10px; line-height: 20px;}
.comment td b{font-size:13px; color:#333}
.comment td.user {background:#f7f7f7}
.comment td.user ul li {display:inline-block; margin-right:10px}
.comment_w {position:relative; width:100%; margin:5px 0 0}
.comment_w th, .comment_w td {font-size:13px; color:#222}

.u_comment_box {position:relative; width:100%}
.Dview {padding:15px 25px 15px 40px !important; background:#f4f4f4 url(/2017/bullets/skin/default/img/comment_arrow.gif) no-repeat 20px 15px}
.comment_area {position:relative; width:100%; height:auto; padding:15px 0; border-bottom:1px dotted #d7d7d7; font-size:14px}

.comment_area .text {position:relative; padding:10px 0 6px; font-size:13px; line-height:18px;  color:#555}
.comment_area .base {position:relative; font-size:14px; color:#aaa}
.comment_area .base span {}
.comment_area .base .tool {position:absolute; top:0; right:0}

.comment_re_area {position:relative; width:100%; padding:15px 25px; background:#f4f4f4; font-size:14px}
.comment_re_area dl {width:100%; height:35px}
.comment_re_area dl dt {float:left; width:60px; vertical-align:middle; padding-top:7px; color:#555; font-weight:600}
.comment_re_area dl dd {float:left; margin-right:50px}
.comment_re_area dl dd input {height:26px}
.comment_re_area textarea {position:relative; width:90%; height:60px; margin:10px 0 0; border:1px solid #d4d4d4}
.comment_re_area .submit {position:absolute; right:25px; bottom:18px; width:90px; height:60px; background:#f22643; border:none; color:#fff}

	.sort {position: relative; width: 100%; height: 40px; margin-top: 5px; padding-top: 10px;}
	.sort > ul {list-style: none; float:right}
	.sort > ul.left {list-style: none; float:left}
	.sort > ul > li {float: left; margin-left:5px;}
	.sort > ul > li > a {display:block; height:25px; padding:5px 10px; border:1px solid #d4d4d4; border-radius:10% 10%; text-decoration: none; color: #333; font-size: 12px;}
	.sort > ul > li > a:hover {background:#eee; font-weight: bold}

	.sort_left {position: relative; width: 100%; height: 40px; margin-top: 5px; padding-top: 10px;}
	.sort_left > ul {list-style: none; float:left}
	.sort_left > ul > li {float: left; margin-left:5px;}
	.sort_left > ul > li > a {display:block; height:25px; padding:5px 10px; border:1px solid #d4d4d4; border-radius:10% 10%; text-decoration: none; color: #333; font-size: 12px;}
	.sort_left > ul > li > a:hover {background:#eee; font-weight: bold}

/*  */
footer {
	clear: both;
	position: relative;
	width: 100%;
	min-width: 1190px;
	height: 100px;
	background:#292929;
	z-index: 5;
}
footer div.footer_snb {position: relative; width:100%; height:40px; background:#252222;}
div.footer_snb p {width:1240px; margin:0 auto; padding-top:10px; font-size:13px; color:#777; letter-spacing:-1.2px;}
div.footer_snb p a { color:#777}
div.footer_snb p span {padding:0 25px}
footer div.sitemap {position:relative; width:1240px; height:auto; margin:25px auto}
.sitemap:after {content:''; display:block; clear:both}
.sitemap >ul {width:100%}
.sitemap >ul >li {float:left; width:20%}
.sitemap a {display:block}
.sitemap a.sm1 {font-size:16px; font-weight:bold; color:#eee; margin-bottom:20px}
.sitemap .sm2 li a {font-size:12px;line-height:22px; color:#777}
footer div.copyright {display:block;position:relative; width:100%; height:100px; background:#252222; border-top:1px solid #555}
.copyright .row {width:800px; height:auto; margin:25px auto}
.copyright .row:after {content:''; display:block; clear:both}
.copyright .copyright_logo {float:left; width:150px; margin-right:30px}
.copyright .copyright_logo img {width:100%}
.copyright address {font-size:12px; color:#777; font-style:inherit}


/*  */
@media screen and (max-width: 1000px) {

	#mypage2 {display: block;}
	#mobile_logo {display: block;}
	#header {min-width:100%; height:65px; background:#252222}
	#header > h1.h1_logo {position: absolute; left: 50%; top: 10px; margin-left: -75px; width: 150px}
	.util{display:none}
	.util, .header_inner {position: absolute;width:100%;height:0;z-index:-1}
	#gnb > h1.h1_logo {display: none}

	.header_inner > a#coll { position: absolute; left: 10px ;top:9px;display: block}

	/*.gnb:before{content:'카테고리'; color: #fff}
	.gnb{background: #454545; width: 30%;padding-left:0;border:1px solid; display: none}
	.gnb > button#gnb_close {display: block}
	.gnb_ul { border:1px solid; }
	.gnb_ul li {clear: both; font-size: 100%; border-bottom: 0.5px solid}
	.gnb_ul >li a {width: 100%; height: 40%; color: #fff; }
	.gnb_ul > li > ul {display: none}
	.gnb_ul li ul li {}
	.sub {position: relative;	left: 0; top: 113px;	min-width: 179px;	z-index: 0}*/
	.gnb > button#gnb_close {display: block;position:absolute;top:15px;color: #fff;background: none;border-radius: 5px;right: 5px;border-color: #333}
	#gnb {display: none; position: absolute; top:0; width: 320px;  background-color: #333; padding: 0; min-height: 900px; }
	.gnb > button#gnb_close, .gnb > .logo_side, .gnb > .txt, .gnb > .util_box {display: block}

	#gnb > .util_box {position: relative; width: 100%; color: #fff;  margin-left:30px;font-size: 15px; color: #fff; }
	#gnb > .util_box > .left, .right {  float: left}
	#gnb > .util_box > .right > #login {background: #7d1619;border-color:#7d1619;border-radius: 5px; color: #fff; width: 120px;height: 30px; margin-top: 15px}
	#gnb > .util_box > .right > #SignUp {background: #222;border-color:#222;border-radius: 5px; color: #fff; width: 120px;height: 30px}


	#gnb > h3 {font-size: 12px; line-height: 30px; color: #eee; padding-left: 10px}
	#gnb > ul > li.depth {float: none; padding: 0; font-size: 14px; line-height: 40px; border-bottom: 1px solid #353535; background-color: #454545}
	#gnb > ul > li.depth a {color: #aaa; padding-left: 10px}
	#gnb > ul > li.depth > ul.sub {display: none; position: relative; top: 0; left: 0}
	#gnb > ul > li.depth > ul.sub > li {margin:0; padding: 0; line-height: 25px; border-top: 1px solid #777; background-color: #656565}
	#gnb > ul > li.depth > ul.sub > li > a {display: inline-block; font-size: 12px; color: #aaa; width: 100%; padding-left: 20px}

	#wrapper {width:100%; margin:0 auto 30px}

	.alone_layout {width:90%}
	.loginWrapper {width:100%}
	.loginWrapper > .loginRow > .form-control {width:100%; clear:both}
	.loginWrapper > .loginRow > .form-control > .id, .loginWrapper > .loginRow > .form-control > .pw {width:100%}
	.loginWrapper > .loginRow > .login_btn {clear:both; margin: 15px 0 0 0; width:100%; height:50px}
	.loginWrapper > .loginEtc {position: relative; width: 100%; clear: both; padding: 15px 0 0 0}
	.loginWrapper > .loginEtc > .checkbox {clear:both; display:block}
	.loginWrapper > .loginEtc > ul {display:block}
	.loginWrapper > .loginEtc > ul > li {float:left}

	.snb {display:none}

	.container {padding-left:0; padding:0}
	.container:after {content:''; display:block; clear:both}
	.container article {width:100%; padding:0 6%}
	.container article >h2 {margin:25px 0; font-size:20px}
	.main_banner {width:100%; height:auto}

	.itfu_data >div {min-height:100%; margin-bottom:25px}
	.itfu_data >div >h2 {display:block; width:120px; background:url('../images/main/btn_more_m.gif') no-repeat right center; padding:4px 10px; margin-bottom:0; font-size:90%; border:1px solid #d4d4d4; border-bottom:none}
	.itfu_data >div >h2 >a {cursor:pointer}
	div.data1, div.data2, div.data3, div.data4	{clear:both; display:none}
	ul.data_tab {clear:both; display:block; position:relative; left:0; top:0; width:100%; height:auto; border:1px solid #d4d4d4; background:#f4f4f4}
	ul.data_tab li {float:left; height:auto; margin-right:0}
	ul.data_tab li a {display:block; height:auto; padding:5px 6px;  border:none; border-radius:0; background:none; font-size:70%; color:#777}
	ul.data_tab li a.on {background:none; color:darkblue}
	ul.data_tab li a:hover {}
	div.data {clear:both; position:relative; left:0; top:5px; width:100%}
	div.data li {background:none; padding:0 5px; line-height:24px; border-bottom:1px solid #d4d4d4}
	div.data li a {font-size:70%; color:#333}
	div.data li a span {color:red;}

	.location {padding:10px 6%; background:#f9f9f9}

	.menu_box h3 {padding-left:16px; font-size:13px; margin-bottom:6px; background-position:left -43px}

	.search_box input[type='text'] {width:80%}
	.search_box input[type='submit'] {width:18%}

	.lotto_num >p{margin-bottom:5px; padding:0 8px; font-size:11px}
	.lotto_num ul {padding:8px 6px}
	.lotto_num ul li {float:left; width:28px; height:28px; margin:0 2px; padding:5px 0 0; font-size:16px}
	.num_plus {width:15px; height:70px; margin:0 5px; background-position:center 35px; background-size:100%}

	.file_box .score >div ul li {display:block}

	footer {min-width:100%; height:100%}
	footer div.footer_snb {height:30px; padding-left:15px}
	div.footer_snb p {width:100%; padding-top:7px; font-size:70%}
	div.footer_snb p span {padding:0 8px}
	footer div.sitemap {display:none}
	footer div.copyright {border:none; height:100%; padding:10px 15px}
		.copyright .row {width:100%; margin:0}
		.copyright .copyright_logo {display:none}
}

@media screen and (max-width: 500px) {
	.left_box {clear:both; width:100%}
	.right_box {clear:both; width:100%}
	p.con_p {height:auto; padding:15px; line-height:18px}

	.file_box {float: inherit !important; position:relative; width:100%; height:auto; margin:5px 0 0; padding:20px; font-size:14px; border:1px solid #d4d4d4; border-bottom:2px solid #555!important}
	.file_box .score {display:block; position:relative; width:100%; }
	.file_box .score >p {font-size:14px}
	.file_box .score >p >span{padding:0 5px; font-weight:600; color:#ec2c6f}
	.Advertising {float: inherit !important; position:relative; width:100%;height:280px; margin:5px 0 0;}

	.userLevel {display:none;}

	/* 2컬럼 레이어의 보여주기 1레이어가 100% 사이즈.2레이어는 아래에 보여짐. 결제맛보기에서 사용중 */
	.T2Layer {float: inherit !important; position:relative; width:100%; height:auto; margin:5px 0 0; padding:20px; font-size:14px; border:1px solid #d4d4d4; border-bottom:2px solid #555!important}
	.T2LayerCol2 {float: inherit !important; position:relative; width:100%;height:500px; margin:5px 0 0;}
}