@charset 'utf-8';

/* @import url('basic.css'); 
@import url('common.css'); 
@import url('css.css'); */
@media only screen and (max-width:780px) { 
    * { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    body { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    body, button, input, select, textarea { font-size: 14px; font-family: helvetica , sans-serif !important; background:#fff;}
    img { max-width: 100% }
    .imgw50{max-width:50px}
    textarea { height: auto; line-height: 1.3; resize: none; padding: 5px 10px; }
    input, select, textarea { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
    /* input button 33px */
    input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="time"], input[type="email"], input[type="tel"], input[type="datetime-local"], input[type="date"], input[type="time"], textarea { -webkit-appearance: none; margin:2px 0; padding: 0 10px; height: 33px; border: 1px solid; border-color: #d5d5d5; background-image: none; border-radius: 4px;}
	input[type="text"], input[type="password"], input[type="search"], input[type="email"] {width:85% !important;}
    select { padding: 0 10px; height: 33px; -webkit-border-radius: 5px; border-radius: 4px; border: 1px solid; border-color: #d5d5d5;}
    button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { -webkit-appearance: button; border-radius: 0; cursor: pointer; border: 0; *overflow: visible; }
    input[disabled] { background-color: #ebecec }
    button[disabled], html input[disabled] { cursor: default }
    input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }	
    .button { padding: 7px 10px 8px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%); /* W3C */ }
    .button span { background: none; display: block; padding: 0; height: auto; line-height: normal; }
    .section .button, .section  .btn, .section .bt-detail { display: block; float: none !important; margin: 5px 0 !important; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }	
	.section .button .button {border:none; box-shadow:none;}
	.tip .btn, .tip .bt-detail {width:97%; margin-left:0 !important;}
    .btn { padding: 10px }
    .btn-xs { font-size: 13px; padding: 8px 0;}
    .btn-wrap a { margin-bottom: 5px }
    .bt-detail { padding: 0 43px 0 15px }
    .bt-detail, .bt-detail span { height: 33px; line-height: 33px; }
    .bt-detail span { width: 32px }
    :focus { outline: none }
    /* ::selection {background:#49b7bc; text-shadow:none} */
    ::-webkit-input-placeholder { color: #9b9b9b }
    /* layout */
    .left_banner, .organLinkArea, .satisfy_poll, .main_layerPop, .layer-quick { display: none }    
    .navbar-toggle, .total-search, .main-game, #header h1.logo, .main_sch label.select {
        display: block;
    }
    div.left { float:left; display:none;}
    /* layout */
    body { }
	
	.content, #header .top, #footer, #footer .footer-inner, .organLink {width:100%; min-width:100%;}
	.mainWrap {background:none;}
	.content {padding-bottom:0;}
	.contentBody {width:100%; padding:0; margin-top:-10px; border-width:2px;}
	
	#header {height:60px; background-position:left bottom;}
	#header .topMenuLeft {display:none; position:fixed; top:10px; left:25px; z-index:999;}
	#header .topMenuLeft.on {display:block; background:#fff; margin:0; padding:20px 0 2px 0; top:3px;}
	#header .topMenu .tnb li.first {display:none;}
	#header .topMenu .tnb a {display:block; width:210px; text-align:center; padding:3px 0; font-size:12px; border:1px solid #d9d9d9; margin-right:8px; border-radius:4px;}
	.tnb .log_help {top:25px; background:#fff; width:200px; left:5px; height:50px; color:#555;}
	.tnb .loginCss .log_help {visibility:visible !important;}
	#header .topMenuRight {margin-top:9px;}
	#header .topMenuRight span {display:none;}
	#header .topMenuRight span.lang {display:block;}
	#header .topMenuRight span.lang a {position:relative; width:46px; height:32px; text-indent:-99999px; font-size:12px; line-height:32px; border:1px solid #e9e9e9; background:none; color:#999;}
	#header .topMenuRight span.lang a:hover {color:#323232;}
	#header .topMenuRight span.lang a:before {content:"eng"; text-indent:0; text-align:center; text-transform:uppercase; width:100%; position:absolute; left:0; top:0;}
	
	#header.scroll {position:fixed; top:0; left:0; z-index:10;}
	
	.newsTicker {width:88%; top:50px; font-size:12px; padding:0 2px;}
	.newsTicker span {position:absolute; top:0; left:0;}
	#ticker_container {position:relative;}	
	#newscontent {float:left; margin-left:64px; width:80%;}
	#news {width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#ticker_controls {position:absolute; top:0; right:-8px;}
	#pause_trigger, #play_trigger {display:none !important;}
	
	.menuAll {width:36px; height:32px; top:8px; text-indent:-99999px; right:100%; margin-right:-45px; background:url('../images/icon_menu.png') no-repeat center center; background-size:70%; opacity:.5; border:0; filter: alpha(opacity:'50');}
	.menuAll.on {position:fixed; top:10px; left:270px; background:url('../images/icon_close_w.png') no-repeat center center; background-size:70%; margin-right:-300px; opacity:1; margin:0; filter: alpha(opacity:'100');}
	
	.gnb {display:none;}		
	.gnb > ul .pMenu {display:none !important;}
	.gnb > ul .mMenu {display:block !important;}
	.gnb ul li.mSubDepth {padding-left:12px !important; background:url('../images/i_depth.png') no-repeat left 8px;}
	.gnb ul li.mSubDepth a {color:#757575;}
	
	.gnb.on {display:block; position:absolute; top:0; left:0; max-width:320px;}  	
	.gnb.on > ul {position:fixed; top:0; left:0; width:260px; height:100%; background:#fff; padding:50px 0 50px 0; overflow:auto; border-top:3px solid #25b7bc; z-index:10; margin-left:0;}	
	.gnb.on > ul.loginCss {padding-top:95px;}
	.gnb.on > ul > li {width:200px; margin-right:0 !important; margin-left:30px !important;}
	.gnb.on > ul > li > a {display:block; border-bottom:1px solid #e9e9e9;}
	.gnb.on > ul > li .sub {display:none; position:static; top:0; left:0; width:100%; padding:0;}
	.gnb.on > ul > li .sub li {padding:6px 0; font-size:12px;}	
	.gnb.on > ul > li .sub strong {font-weight:normal;}	
	
	.gnb.on > ul > li.on > a {border-bottom:0;}
	.gnb.on > ul > li.on .sub {display:block; margin-bottom:20px;}	
	.gnb.on > ul > li.on .sub > ul {padding-left:10px; border-left:2px solid #25b7bc;}
	.gnb > ul > li .gov30 {background:none; top:11px; left:70%;}
	.gnb.on .gnb-bg {background:#000; opacity:.6; position:fixed; top:0; left:0; width:100%; height:100%; margin-top:0; border:0; z-index:1; filter: alpha(opacity:'60');}	
	
	.visual {display:none; margin-top:60px;}	
	.visual .mainIcons li {display:none !important; width:180px; height:180px; margin:0 auto !important;}
	.visual .mainIcons li img {width:100%;}
	.visual .mainIcons li.checked {display:block !important;}	
	
	/* 메인페이지 팝업 위치 */
	#main_layer1 {top:50px; margin-left:-170px;}
	#main_layer2 {top:335px; margin-left:-170px;}
	
	.main_sch_container {position:absolute; top:-10px; margin:0; height:60px;}
	.main_sch {width:100%; background:#fff; height:60px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
	.main_sch:before, .main_sch:after {display:none;}	
	.main_sch .select {width:25%; margin-left:3%; height:40px; line-height:40px; text-indent:0; margin-top:10px; border-radius:4px 0 0 4px; border:1px solid #e9e9e9;}
	.main_sch .select:before {display:none;}
	.main_sch .select select {width:100%; font-size:12px; padding:0; height:38px; margin-top:0;}
	.main_sch label.select {display:none;}
	.main_sch input {width:69% !important; margin-top:10px; height:40px; border-radius:0 4px 4px 0; border:1px solid #e9e9e9; border-left:0; font-size:13px; line-height:40px; padding-right:12%; text-indent:0;}
	.main_sch .btn {position:absolute; top:0; right:0; width:40px; height:40px; margin-right:3%; margin-top:10px; background:url('../images/icon_main_sch2.png') no-repeat center center; background-size:60%; opacity:.5;}	
	
	.main-box-container {margin-top:40px;}
	.main-box-l {width:100%; margin:0; font-size:12px; border-radius:0; border:0; border-bottom:1px solid #e9e9e9;}
	.main-banner {width:94%; height:auto; margin :10px 3%; border-radius:8px;}	
	.main-banner ul {min-height:160px; padding-top:25px;}
	
	.main-notice {border-top:1px solid #d9d9d9;}
	.main-notice.level-group {border-top:0;}
	.main-notice ul > li span.main-notice-title {font-size:13px; text-indent:0; text-align:center;}	
	.main-notice ul > li span.main-notice-title a {display:none;}
	.main-notice ul > li > ul {left:6%; width:88%;}
	.main-notice ul > li > ul li a {width:82%;}
	
	.main-quick {height:180px;}
	.main-quick ul {width:90%; margin:0 5%; position:absolute; margin-top:60px;}
	.main-quick ul li {width:25%; margin:0; text-align:center;}	
	.main-quick ul li a {width:90%;}
	.main-quick ul li a span {width:100%; height:auto;}
	.main-quick ul li p {font-size:11px; padding:0;}
	.main-quick ul li.quick2, .main-quick ul li.quick4 {display:none;}
	
	.main-quick ul li a:hover span {text-indent:0;}
	.main-quick ul li.quick1 a:hover span, .main-quick ul li.quick2 a:hover span, .main-quick ul li.quick3 a:hover span, .main-quick ul li.quick4 a:hover span, .main-quick ul li.quick5 a:hover span {background:none;}
	.main-quick ul li.mquick {display:block;}
	
	.main-box-l.info-box-1 {height:100%;}
	.main-box-l.info-box-1 .main-box-s {width:100%; margin:0; padding:5%; border:0; border-bottom:1px solid #e9e9e9; border-radius:0;}
	.main-box-l.info-box-1 .main-box-s h2 .more {right:0;}
	.main-box-l.info-box-1 .main-box-s.banner-posang {background:#fff url('../images/icon_posang.png') no-repeat 94% 90%; display:none;}
	.main-box-l.info-box-1 .main-box-s.banner-faq {min-height:165px; background:#fff url('../images/icon_faq.png') no-repeat 95% 92%;}
	
	.main-box-l.info-box-2 {border:0; background:none; height:100%;}
	.main-box-l.info-box-2 .main-box-s {width:100%; height:160px; border:0; border-radius:0; background:#fff;}
	.main-box-l.info-box-2 .main-box-s ul {margin:20px 5%;}
	.main-box-l.info-box-2 .main-box-s ul li {margin-bottom:8px;}
	.main-box-l.info-box-2 .main-box-s ul li p span {display:inline-block; color:#999; margin-right:8px;}
	.main-box-l.info-box-2 .main-box-s.bottom-links {display:none;}
	
	#footer {border-color:#e9e9e9; background:#f3f3f3;}
	#footer .foot-logo {width:100%; text-align:center;}
	#footer .foot-logo > img {width:120px; height:auto;}
	#footer .foot-logo a img {width:50px; height:auto;}
	#footer .foot-info {float:left; width:100%; text-align:center;}
	#footer .foot-menu {margin:15px 0 12px 0;}
	#footer .foot-menu a:nth-child(4), #footer .foot-menu a:nth-child(5) {display:none !important;}
	#footer .foot-info p {padding:0 10%; margin-bottom:10px;}
	
    /* content layout */
    .cont-title { position: fixed; top: 50px; left: 0; z-index: 600; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #dbdde1; background-color: #fff; }
    /* .sub-tit, .foot-logo { font-size: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; position: absolute; } */
    /* hide text*/
    .topArea { padding-left: 10px; height: 40px; line-height: 40px; border-top: 0; background-color: #eee; }
	.topArea span {position:relative;}
    .topArea h1 { display: none }
    .topArea .path { float: none; margin: 0; overflow: hidden; white-space: nowrap; }	
    .topArea .path a, .topArea .path span { position: relative; display: inline-block; margin: 0; padding-left: 30px; font-size: 13px; color: #999; vertical-align: top; background: url(/resource/images/mobile/ic_location_arrow.png) no-repeat 7px center; background-size: auto 100%; }
	.topArea .path a {display:none;}
    .topArea .path a:before, .topArea .path span:before { content: ''; display: block; position: absolute; top: 50%; left: 5px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #c2c3c7 transparent transparent transparent; }
    .section {position:relative; padding: 20px 15px 40px 15px;}
    .sub-desc > * { margin-left: 0 !important }
    .sub-desc > img { width: 100% }
    /* common */
    ul +  h3 { margin-top: 30px }
    h3.tit { font-size: 17px }
	.sub-desc > .tit:first-child {margin-top:10px;}
    h4.stit { font-size: 16px }
    .title .tit { float: none; margin-bottom: 15px; }
    .tip {position:relative;  margin-bottom: 15px; padding-left:0; background:none; font-size: 13px; border-radius:8px; border-color:#d5d5d5; margin-top:28px; padding-top:40px !important;}
	.tip:before {content:''; display:inline-block; background:url(/resource/images/i_tip2.png) no-repeat center center; width:75px; height:70px; position:absolute; top:-35px; left:50%; margin-left:-37px;}
	.tip ul {border:0; padding-left:15px; min-height:50px;}
    .tip ul img { display: none }
	
    .tab { height: auto; background-color: transparent; border: 0; position:relative; margin-bottom:90px;}	
    .tab li { overflow: hidden; height: auto; line-height: normal; text-align: center; border: 1px solid #dbdde1; background:#f3f3f3; width:100%; position:absolute; top:0; left:0; border-radius:5px; behavior:url('/resource/js/PIE.htc'); margin:1px 0;}
	.tab li.on, .tab li.active {box-shadow:0 1px 0 rgba(0,0,0,.3);}
	.tab.on {margin-bottom:50px; padding-top:44px;}
	.tab.on li {position:static;}	
	.tab.on li.on, .tab.on li.active {position:absolute; top:0;}
	
    .tab li a {position:relative; padding:12px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.tab li a:after {content:''; color:#ccc; top:14px; right:12px; display:inline-block; position:absolute;}
	.tab li.on a:after, .tab li.active a:after {content:'▼'; color:#fff;}	
	
	
	.posangTab {margin-bottom:80px;}	
	.posangTab.on {margin-bottom:50px;}
	
    .search-area .search, .search-area .total { float:none; margin-left:0; }
    .search-area .search select, .search-area .search input { margin-bottom: 10px; width: 100% !important; }
    .search-area .search .button { margin-top: 0; margin-bottom: 10px; }
    table { width: 100% !important }
    table td select, table td input[type="text"] { width: 100%;}
    table td select + select { margin-top: 7px }
    table.table.vertical .tl { text-align: center;}
    /*table.board.list thead,*/ 
	table colgroup, table.board.list thead tr th:nth-child(1), table.board.list tbody tr td:nth-child(1), table.board.list thead tr th:nth-last-child(1), table.board.list tbody tr td:nth-last-child(1), table.board.list thead tr th:nth-last-child(2), table.board.list tbody tr td:nth-last-child(2) { display: block; }
    table.board.list.fs11 tbody tr td, table.board.list tbody tr td.nodata { display: table-cell }
    table.board.list.inform tbody tr td:nth-child(2), table.board.list.inform tbody tr td:nth-child(3) { display: table-cell }
    table.board.view thead th, table.board.view tfoot th { white-space: nowrap }
    table th { min-width: 60px; white-space: nowrap; }
    table.board.list.trial tbody tr th, 
	table.board.list.trial tbody tr td { display: table-cell }
	

    /* 게임물찾기 시험용게임물신청결과 테이블 */
    table.board.list.trial thead tr th:nth-child(n) {display:table-cell}
    table.board.list.trial thead tr th:nth-child(2),
    table.board.list.trial thead tr th:nth-child(3),
    table.board.list.trial thead tr th:nth-child(4),
    table.board.list.trial tbody tr th:nth-child(2),
	table.board.list.trial tbody tr td:nth-child(2), 
	table.board.list.trial tbody tr th:nth-child(3),
	table.board.list.trial tbody tr td:nth-child(3), 
	table.board.list.trial tbody tr th:nth-child(4), 
	table.board.list.trial tbody tr td:nth-child(4) { display: block; }

    /* 게임물찾기 등급분류결정 테이블 */
	table.board.list.statistics thead{display: table-header-group;}
	table.board.list.statistics thead tr th, 
	table.board.list.statistics tbody tr td {display: block; width:29%; float: left;}
	table.board.list.statistics thead tr th:nth-child(4n),
	table.board.list.statistics tbody tr td:nth-child(4n){min-width:inherit; width:13%;}
	table.board.list.statistics thead tr th:nth-last-child(1),
	table.board.list.statistics thead tr th:nth-last-child(2),
	table.board.list.statistics thead tr th:nth-last-child(3),
	table.board.list.statistics tbody tr td:nth-last-child(1),
	table.board.list.statistics tbody tr td:nth-last-child(2),
	table.board.list.statistics tbody tr td:nth-last-child(3){display: block; border-top:1px dashed #e9e9e9; border-bottom:0;}
	table.board.list.statistics thead tr th:nth-child(1),
	table.board.list.statistics thead tr th:nth-child(2),
	table.board.list.statistics thead tr th:nth-child(3),
	table.board.list.statistics thead tr th:nth-child(4),
	table.board.list.statistics thead tr th:nth-child(5),
	table.board.list.statistics thead tr th:nth-child(6),
	table.board.list.statistics thead tr th:nth-child(7),
	table.board.list.statistics thead tr th:nth-child(8),
	table.board.list.statistics thead tr th:nth-child(9),
	table.board.list.statistics thead tr th:nth-child(10),
	table.board.list.statistics thead tr th:nth-child(11),
	table.board.list.statistics thead tr th:nth-child(12){border-bottom: 1px solid #DBDDE1 !important; border-top:0 !important;}
	table.board.list.statistics tbody tr td:nth-child(1),
	table.board.list.statistics tbody tr td:nth-child(2),
	table.board.list.statistics tbody tr td:nth-child(3),
	table.board.list.statistics tbody tr td:nth-child(4){border-bottom:0 none; }
    table.board.list.statistics tbody tr td:nth-child(5), table.board.list.statistics tbody tr td:nth-child(9){clear:both}
	table.board.list.statistics thead tr th{padding-top:10px; background-color: #fff; font-size:12px;}
	table.board.list.statistics tbody tr td{min-height:40px; overflow:hidden; text-overflow:ellipsis; white-space: normal;}
    table.board.list.statistics tbody tr td.answer{height:100%; white-space:normal; min-height:40px;}
	table.board.list.statistics tbody tr:nth-child(odd){background:#F8F9FA;}
	table.board.list.statistics tbody tr.grac {background-image:url(/resource/images/i_logo_grac.png); background-repeat:no-repeat; background-position: center center; background-size:auto 37%;}
	table.board.list.statistics tbody tr.gcrb {background-image:url(/resource/images/i_logo_gcrb.png); background-repeat:no-repeat; background-position: 10% center; background-size:auto 37%;}
	table.board.list.statistics thead tr th:nth-child(9), table.board.list.statistics tbody tr td:nth-child(9) {display:block; border-top:1px dashed #e9e9e9; border-bottom:0; padding-top:5px; padding-bottom:5px;}
    table.board.list.statistics tbody tr td:nth-child(5), table.board.list.statistics tbody tr td:nth-child(6), table.board.list.statistics tbody tr td:nth-child(7), table.board.list.statistics tbody tr td:nth-child(8) {border-top: 1px dashed #DBDDE1; border-bottom:0;}
	table.board.list.statistics tbody tr {border-bottom:1px solid #999;}
	table.board.list.statistics thead tr, table.board.list.statistics thead td {border-bottom:0;}
	
	.emailInputBoxWrap input {width:44.5% !important; margin-bottom:5px;}
	.section.statementDocListSection .btn-wrap {text-align:center;}
	.section.statementDocListSection .btn-wrap a {width:100px;}
	
    /* sub */
    .login { padding: 0; width: 100%; border-bottom:0;}
    .login-form {max-width:360px; background:none; margin:0 auto 20px auto; border:1px solid #e9e9e9; border-top:2px solid #25b7bc; padding:40px 30px 10px 30px;}
	.form-group {padding:0;max-width:250px; margin:0 auto 20px auto;}	
    .form-group, .form-group li { margin-bottom: 10px }
	.login div.form-group.offset {padding-left:0; margin-bottom:20px; text-align:left;}	
	.login-form .form-group.offset {display:block; text-align:center; width:100%; padding-left:0;}
    .login .form-group li {}
    .login .form-group li .form-control {margin-bottom:4px;}
    .login .form-group li input { width: 100% !important; }	
    .login-form .btn { position: relative; top: auto; right: auto; width: 100%; font-size: 18px; }
	.login-etc {border:0; border-top:2px solid #9185be; padding-top:20px;}
    .login-etc span { display: block; width: auto; margin-bottom: 5px; text-align:center; margin-bottom:10px; }		
    .introduce { margin:0; padding:15px 0 320px 0; background-position:center bottom;}
	.introduce h4 {padding-right:0;}	
    .introduce p { line-height: 1.7; padding:0; }
    .apply-desc .bs-example, ul.ex li, p.ex { font-size: 13px }
	.login-etc ul.ex {padding:0; border:0; margin-bottom:20px;}
	.login-etc ul.ex li {background-position:left 7px;}
	.login-etc ul:last-child {padding:0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:20px 0 10px 0; background:#fff;}
	.login-etc ul:last-child li a {width:200px; margin:0 auto !important; margin-bottom:10px !important;}
	.login-etc ul:last-child li {margin-bottom:20px; background:none; padding:0;}
	.login-etc ul:last-child li:first-child {border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
	
	/* 회원가입 */
	.join-select {background:none;}
	.join-select li {position:relative; width:50%; margin-bottom:20px;}
	.join-select li:nth-child(2n) {background:none;}
	.join-select li:after {content:""; display:inline-block; width:10px; height:125px; position:absolute; top:0; right:0; background:url(/resource/images/i_join_bar.png) no-repeat right 10px;}
	.tip-waring {padding-left:70px;}
	.tip-waring h5 {padding-right:0; border:0; margin-left:-70px;}	
	
	
    .box.grade-use { padding: 0 }
    .grade-img li { float: left; margin: 0 !important; padding:0 15px 0px 55px; width: 100%; min-height: 55px; text-align: left; border-bottom: 1px solid #eee; position:relative; border-left:0;}
    .grade-img li:last-child { border: 0 }
	.grade-img li img {float:left; position:absolute; top:15px; left:15px;}
    .grade-img li strong { display: block; margin: 8px 0 2px; width: 100%; height: auto; }
    .grade-img li span { font-size: 12px; float:left; width:100%;}
    .ebook_month, .ebook_lst { width: 100% }
    .ebook_lst2 dd { overflow: hidden }
    .ebook_month { padding-top: 30px; padding-left: 30px; }
    .both_contents > ul > li:first-child { padding-top: 0 }
    .block_content1, .block_content2, .block_content3 { width: 300px; height: 95px; }
    .block_content_txt { margin-top: 10px }
    .openapi_contents > ul > li > div { width: auto }
    .openapi-btn .w { display: none }
    .pcview { display: block!important }
	
	.step {margin-bottom:20px; padding-bottom:20px;}
	.step li {position:relative; float:left; width:100%; padding:0; background:none; margin-bottom:4px;}	
	.step li:last-child {width:100% !important;}
	.step li:last-child:after {width:0; height:0;}
	.step li span {float:left; width:100%; padding:0; line-height:28px; font-size:12px;}
	.step li span em {float:left; margin:0; width:50%; height:28px; border:0;}
	
	/* 반응형테이블 */
	/* table.responsive {border: 0;} */	

	.overflow {position:relative; overflow:auto; border:2px solid #18b9bb;}
	.overflow table.vertical {border-top:0;}
	.overflow table.horizon {border-left:0;}
	.overflow table {min-width:700px;}
	.stockChartWrap {overflow:hidden;}
	.stockChartWrap .overflow {border-top:2px solid #18b9bb;}

    table.responsive thead, table.responsive th {display: none;}	
	table.responsive tr {float:left; width:100%; border-bottom:1px solid #dbdde1;}
    table.responsive td {position:relative; float:left; width:100%; min-height:30px; text-align: left !important; border-bottom:1px dashed #e9e9e9 !important; letter-spacing:-1px; padding-left:130px !important; background:url('../images/dot_gray.gif') repeat-y 120px top;} 	
	table.responsive.fw td {background:none;}
	table.responsive td:last-child {border-bottom:0 !important;}	
    table.responsive td:before {content: attr(data-label); display:inline-block; text-align:left; text-transform: uppercase; font-weight: bold; width:100px; margin-right:10px; position:absolute; top:8px; left:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 	
	table.responsive.w-normal td:before {white-space:normal;}
	
	table.responsive.fw td {padding-left:10px !important; padding-top:28px;}	
	table.responsive.fw td:before {width:100%;}
	table.responsive.ws-normal td:before {white-space:normal;}
	
	table.responsive.topLeftTable tbody th {display:block;}
	
	table.responsive.pl60 td {padding-left:60px !important;}
	table.responsive.pl80 td {padding-left:80px !important;}
	table.responsive.pl150 td {padding-left:150px !important;}
	table.responsive.pl70p td {padding-left:70% !important;}
		
	table.responsive.center td {text-align:center !important;}	
	
	table.responsive.leftTableInput td {padding-left:0 !important}
	table.responsive.leftTableInput td.required span.tit {padding-left:10px; background:url(../images/ic_required.png) no-repeat 2px center;}
	table.responsive.leftTableInput td:before {display:none;}
	table.responsive.leftTableInput td span.tit {display:block; width:100%; margin-bottom:4px;}
	table.responsive.leftTableInput input, table.responsive.leftTableInput select, table.responsive.leftTableInput textarea {width:100% !important; margin:4px 0 !important;}
	table.responsive.leftTableInput td.email input, table.responsive.leftTableInput td.email select, table.responsive.leftTableInput td.phone input, table.responsive.leftTableInput td.phone select {width:30% !important;}
	table.responsive.leftTableInput td.mobilePhone input, table.responsive.leftTableInput td.mobilePhone select {width:22% !important;}
	
	/* 게임물 신고 작성 테이블 */
	table.inputTable input[type="text"], .inputTable textarea, .inputTable select, .inputTable object {width:85% !important;}
	table.inputTable .phone input, .inputTable .phone select {width:31.5% !important;}
	table.inputTable .phone select.callCompany {width:100% !important;}
	table.inputTable td select + select {margin-top:2px;}
	table.inputTable th.required {background-position:3px center;}
	table.inputTable th.required ~ td:before {background:url(../images/ic_required.png) no-repeat 0 7px; padding-left:8px;}
	table.inputTable.horizon-write th {padding-left:10px;}
	table.inputTable .emailInputBoxWrap input {width:44.5% !important;}
	table.inputTable a.button {width:85%;}
	table.inputTable .substituteName {display:block; width:100%;}
	table.inputTable .substituteName input {width:65% !important;}
	table.inputTable td:before {white-space:normal;}
	
	/* 달력(날짜)선택 UI */
	.GrbCalendar tr {width:170px !important; border:0 !important;}
	.GrbCalendar thead td, .GrbCalendar tbody td {width:17px !important; height:18px !important; padding-left:0 !important; margin-right:5px; border:0;}
	
	/* 자주묻는 질문 테이블 */
	table.list tbody tr.answerContainer td {padding:0 10px 0 10px !important; min-height:0;}
	table.list tbody tr.answerContainer td:nth-child(1), table.list tbody tr.answerContainer td:nth-child(4), table.list tbody tr.answerContainer td:before {display:none;}
	
		
	.apply-desc .ex {width:100%;}
	.box > ul {margin:0;}
	
	.paginate {position:relative; margin-bottom:60px;}
	.paginate a.pre, .paginate a.next {position:absolute; top:40px;}
	.paginate a.pre, .paginate a.pre.end {left:50%;}
	.paginate a.pre.end {margin-left:-53px;}
	.paginate a.pre {margin-left:-30px;}
	.paginate a.next, .paginate a.next.end {right:50%;}
	.paginate a.next.end {margin-right:-53px;}
	.paginate a.next {margin-right:-30px;}
	
	.go-top {display:none;}
	
	.illegalityBanners > div {width:100%; margin-bottom:20px; text-align:center;}
	.illegalityBanner2 p {bottom:-46px;}
	
	.complaintGuide {table-layout:fixed;}
	.complaintGuide tr th:first-child, .complaintGuide tr td:first-child {display:none;}
	
	.informPublicTab li {position:static; border-right:0 !important; border-bottom:#d9d9d9 !important; margin-top:1px !important;}
	
	/* 모바일 숨김 */
	.mHide {display:none !important;}
	
	/* 서브페이지 이미지 확대 제어 */
	.zoom {display:inline-block;}
	.zoom img {width:100%;}
	.zoom.zoomIn {border:2px solid #18b9bb;}
	
	/*tip */	
	.tip ul.li-dot li {padding-left:0;}
	.tip ul.li-dot li:before {display:none;}
	
	/* 아이디, 비번찾기 */
	.form-dl dt, .form-dl dd{min-height:72px;} 
	
	/* 조직도 */
	.committeeChartContainer .jOrgChart table a {white-space:normal !important;}
	
	/* 행사/이벤트일정 */
	.fc-scroller {overflow-y:hidden !important;}
	
	/* 게임위 E-book */
	.ebook_lst2 dt.mtit {display:block; background:none; border:1px solid #e9e9e9; padding:4px 0 3px 0; color:#555;}
	.ebook_lst2 dt.mtit strong {background:#353959; padding:5px 14px; border:1px solid #25283e; color:#fff;}
	.ebook_lst2 dt.tit {margin-top:2px;}
	.ebook_lst2 dd.pdfdown a.button {margin:0; width:92px; font-size:11px; height:24px; line-height:24px; padding:0; margin:0 !important; border-radius:0 !important;}
	.ebook_lst2 dd.pdfdown a.button span {line-height:24px;}
	
	/* 회원정보 수정 */
	.table.horizon-write p span.division-blank, .table.horizon-write td span.division-blank {display:block;}
}
@media only screen and (max-width:320px) { 

}