/* Author:HtmlCoder
* Author URI:http://hom2box.com
* Author e-mail:homebox78@gmail.com
* Version:1.0.1
* Created:October 2015
* License URI:http://hom2box.com/
*/
/* ----------------------------------------------- Global ----------------------------------------------- */
/* choice Language font type*/
html[lang|=ko] body, html[lang|=ko] .button, html[lang|=ko] input, html[lang|=ko] textarea, html[lang|=ko] select {
font-family:'Nanum Gothic','나눔 고딕',"webfont",'Malgun Gothic','맑은 고딕','돋움',dotum,sans-serif;
}
html[lang|=ja] body, html[lang|=ja] .button, html[lang|=ja] input, html[lang|=ja] textarea, html[lang|=ja] select {
font-family:Arial,"メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic", Sans-serif !important;
}
html[lang|=en] body, html[lang|=en] .button, html[lang|=en] input, html[lang|=en] textarea, html[lang|=en] select,
html[lang|=es] body, html[lang|=es] .button, html[lang|=es] input, html[lang|=es] textarea, html[lang|=es] select {font-family:Arial, sans-serif !important;}
html[lang|=zh] body, html[lang|=zh] .button, html[lang|=jh] input, html[lang|=jh] textarea, html[lang|=jh] select,
html[lang|=zhtw] body, html[lang|=zhtw] .button, html[lang|=zhtw] input, html[lang|=zhtw] textarea, html[lang|=zhtw] select {
font-family:Arial, Helvetica, tahoma, verdana, "Microsoft Yahei","微软雅黑", 宋体, SimSun, 华文细黑, STXihei, Sans-serif !important;
}
/* Fonts Google Apis */
@font-face {
font-family:'eng-webfont';
font-style:normal;
font-weight:400;
src:local('Play'),
url("http://fonts.gstatic.com/s/play/v6/ZNo-5SxCwH1CXgZ-n3bt2g.woff2") format("woff2"),
url("http://fonts.gstatic.com/s/play/v6/-SXnV4mZjf4oh1IBw13WZw.woff") format("woff");
}
@font-face {
font-family:'eng-webfont';
font-style:normal;
font-weight:700;
src:local('Play-Bold'),
url("http://fonts.gstatic.com/s/play/v6/d8o4OpWQkZkrWqhvSfqU1Q.woff2") format("woff2"),
url("http://fonts.gstatic.com/s/play/v6/ZzUearZLklGfoL18Ti0GaQ.woff") format("woff");
}
.eng-webfont {
font-family:'eng-webfont';
}
/* Common */
.container {-webkit-transition-duration:0.35s;-moz-transition-duration:0.35s;-ms-transition-duration:0.35s;-o-transition-duration:0.35s;transition-duration:0.35s;}
#container {margin-bottom:40px;}
.pointer {cursor:pointer;}
.clear {clear:both;}
.m_auto {margin:0 auto !important;}
.m0 {margin:0px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt80 {margin-top:80px !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml60 {margin-left:60px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.p10 {padding:10px !important;}
.plr {padding:0 8px;}
.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}
.pt80 {padding-top:80px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb80 {padding-bottom:80px !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl8 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
/* Typography */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:13px;line-height:1.5;font-family:'돋움',dotum,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
a {color:#5c5b5b;}
a:hover {color:#393939;}
a:focus,button:focus,label:focus,area:focus,.btn:focus,.pointer:focus,input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus,.form-control:focus,.dropdown-toggle:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.navbar-toggle:focus,.carousel-control:focus {outline:1px dotted #000 !important;outline-offset:2px !important;}
/* 색상 */
.fce1300 {color:#ce1300}
.f426c7c {color:#426c7c}
.r_color {color:#8a1b04}
.f_gray a {color:#666;text-decoration:underline}
.right_menu {text-align:right;}
.right_menu button {border:1px solid #b3b3b3;background:#f5f5f5;color:#666;padding:3px 10px}
.wrap {margin:0 auto;overflow:hidden;position:relative;background:url("../img/body_bg.gif") repeat-y left top;}
.search_left {width:840px;border-left:1px solid #c2c2c2;float:left;padding:30px 0}
.search_right {float:left;text-align:center;width:259px;padding:30px}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
/* 테이블 */
.table6 {border:1px solid #b4b4b4;border-top:2px solid #5d6e94;background:#fff;}
.table6 tr td a {text-decoration:none;}
.table6 > thead > tr > th {color:#5f5e5e;font-weight:700;text-align:center;vertical-align:middle;background:#d2dfe5;border-color:#aaa;border-left:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;}
.table6 > thead > tr > th:first-child, .table6 > tbody > tr > th:first-child {border-left:0;}
.table6 > tbody > tr > th {background:#f2fafc;border-bottom:1px solid #b4b4b4;vertical-align:middle;text-align:center;}
.table6 > tbody > tr > td {padding-top:10px;padding-bottom:10px;padding: 15px 20px;vertical-align:middle;border-left:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;font-size:90%;}
.table6 > tbody > tr > td:first-child {border-left:0;}
.table6 > tbody > tr > td.row-first {border-left:1px solid #b4b4b4 !important;}
/* 검색 */
.search_frame {margin-bottom:20px}
.search_frame form .search_area {background:rgba(128, 34, 36, .8);padding:6px;border:0;border-radius:100px;clear: both;z-index: 0;width:526px;float:left}
.search_frame form .input_group {background:#fff url("../img/ico_search.gif") no-repeat 10px 50% !important;height:44px;border-radius:100px !important;font-size:100% !important;color:#1c1c1c;padding-top:3px;}
.search_frame form .input-group div {line-height:40px;}
.search_frame form .input_group .form-control {background:transparent;border:0 !important;padding-left:10px;margin-top:2px;box-shadow:none;}
.search_frame .input_group .search_open a.set_sugicn {background:url("../img/search_open.gif") no-repeat center center;text-indent:-9999px;display:inline-block;line-height:38px;width:24px}
.search_frame .input_group .search_close a.set_sugicn {background:url("../img/search_close.gif") no-repeat center center;text-indent:-9999px;display:inline-block;line-height:38px;width:24px}
.search_frame .input_group .search_open a {}
.search_frame form .input-group-btn .btn {background:none !important;text-indent: inherit;color:#fff;font-weight:700;line-height: 38px;padding:0;}
.re_search {float:left;margin:20px 0 0 15px}
.re_search .search_btn {margin-left:10px}
.re_search label {color:#676767}
.re_search input {margin-top:0 !important}
.re_search .search_btn button {background:#9f585a;padding:2px 20px;border:none;border-radius:5px;color:#fff}
.t_text {color:#070707;font-size:17px;font-weight:bold;margin-left:20px}
.tab_list {overflow:hidden;border-bottom:1px solid #746464}
.tab_list li {float:left;width:140px;text-align:center;border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;background:#fbfbfb;display:table-cell;}
.tab_list li a {display:block;color:#808080;height:49px;padding-top:5px}
.tab_list li a:hover, .tab_list li.active a {background:#1688ad;color:#fff}
.tab_list li:first-child {width:139px;border-left:none}
.search_ans {padding:25px 25px 0 25px}
.search_ans h3 {background:url("../img/h3_dot.gif") no-repeat left center;padding-left:12px;color:#070707;font-size:18px;}
.search_ans h3 span {margin-left:10px;font-size:17px;font-weight:normal}
.cont_list {border-top:1px solid #929292;border-bottom:1px dashed #a3a3a3;padding:10px;margin:15px 0}
.cont_list li {background:url("../img/list_dot.gif") no-repeat left center;padding-left:8px;line-height:30px}
.cont_list li a {color:#070707}
.text_box {margin-top:30px;overflow:hidden}
.text_box p {margin:5px 0}
.text_box:first-child {margin-top:0}
.mult_img {float:left;margin:0 15px 0 0 !important; width:200px}
.mult_img img {width:200px;height:133px}
.mult_d {float:left;width:540px}
.mult_d dt {margin:10px 0;font-size:15px}
.search_box .title {background:#797979;text-align:left;color:#fff;font-size:16px;padding:15px 10px;position:relative}
.search_box .week_on {position:absolute;top:17px;right:16px}
.search_box .week_on li {float:left;border-left:1px solid #949494;font-size:13px;padding-left:8px}
.search_box .week_on li a {color:#e2e2e2}
.search_box .week_on li a:hover, .search_box .week_on li.active a {color:#fff}
.search_box .week_on li:first-child {border-right:1px solid #6c6c6c;border-left:none;padding-right:8px}
.search_box .rank {border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:10px;text-align:left;margin-bottom:0}
.search_box .rank li {background:url("../img/rank_box01.gif") no-repeat left center;margin-bottom:3px}
.search_box .rank li a {color:#666}
.search_box .rank li span {width:16px;height:15px;display:inline-block;text-align:center;margin-right:3px}
.search_box .rank01 {display:none}
.search_box .rank01.active {display:block}
.search_box .rank01 li {background:url("../img/rank_box02.gif") no-repeat left center;margin-bottom:3px}
.search_box .rank01 li span {width:16px;height:15px;display:inline-block;text-align:center;margin-right:3px;color:#fff}
.search_box .rank02 {border-bottom:1px solid #d6d6d6}
.search_box .rank02 li {background:url("../img/rank_box03.gif") no-repeat left center;margin-bottom:3px}
.search_box .rank02 li span {width:16px;height:15px;display:inline-block;text-align:center;margin-right:3px;color:#fff}
.search_box .rank02 li span.up {background:url("../img/icon_up.gif") no-repeat 0 6px;padding-left:13px;color:#777;float:right;margin-right:10px}
.search_box .rank02 li span.down {background:url("../img/icon_down.gif") no-repeat 0 6px;padding-left:13px;color:#777;float:right;margin-right:10px}
.search_box .rank02 li span.draw {background:url("../img/icon_d.gif") no-repeat 0 6px;padding-left:13px;color:#777;float:right;margin-right:10px}
.search_box .rank02 li span.new {background:url("../img/icon_new.gif") no-repeat 0 6px;float:right;width:23px;display:inline-block;text-indent:-9999px}
.search_out {position:relative}
.search_down {position:absolute;top:38px;left:17px;border:1px solid #9f585a;background:#fff;padding:10px;width:96%;text-align:left;z-index:9999}
.search_down ul {margin-bottom:0}
.search_down ul li:first-child {margin-top:0}
.search_down ul li {margin-top:5px}
.search_down a {color:#646464}
.search_down a strong {color:#222}
.inner {float:right;margin-top:-20px}
.inner input {margin:0 10px 0 0 !important}
.inner:after {clear:both;content:"";display:block}
@media (max-width:1000px) {
.tab_list {background:#fbfbfb;}
.wrap {width:100%;border-left:none;border-right:1px solid #c2c2c2;background:none}
.search_left {width:100%}
.search_right {display:none}
.tab_list li {float:left;width:33%;text-align:center;border-top:1px solid #c2c2c2;border-left:1px solid #c2c2c2;background:#fbfbfb}
.tab_list li:first-child {width:33%}
.search_frame form .search_area {width:70%}
.resize {width:34% !important}
}
@media (max-width:850px) {
.wrap {width:100%;border-left:none;border-right:1px solid #c2c2c2;background:none}
.search_frame form .search_area {width:100%}
.no_page {background:none !important;padding:30px !important;margin-left:0 !important}
.inner {float:none;margin-top:15px;margin-left:10px}
.mult_d {width:100%}
}
@media (max-width:500px) {
.col-xs-10 {width:60% !important}
.col-xs-2 {width:33% !important}
}
@media (max-width:350px) {
.col-xs-10 {width:65% !important}
.col-xs-2 {width:20% !important}
}
@media (max-width:300px) {
.search_left {width:100%}
.search_frame form .search_area {width:100%}
.no_page {background:none !important;padding:30px !important;margin-left:0 !important}
.input_group.col-xs-10 {width:70% !important}
}
.same_cont {clear:both;padding-left:15px}
.same_cont dl {overflow:hidden}
.same_cont dt {float:left;margin-right:25px}
.same_cont dd {float:left;margin-right:15px}
.same_cont dd a {color:#0000cc;text-decoration:underline}
.search_option {position:absolute;top:75px;left:0;width:100%;background:#f7f7f7;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;padding:20px;box-shadow: 0 5px 5px #ccc;z-index:99999}
.option_text {font-size:12px;color:#777}
.search_option ul {overflow:hidden;margin-top:20px}
.search_option ul li {background:url("../img/list_dot.gif") no-repeat left center;padding-left:8px;float:left;vertical-align:middle;margin-right:20px;margin-top:10px}
.search_option ul li select {border:1px solid #c4c4c4;height:24px;margin-left:5px;padding:0 10px}
.option_close {position:absolute;top:0;right:0;text-indent:-9999px;background:url("../img/option_close.gif") no-repeat left center;display:inline-block;width:27px;height:27px}
.no_page {background:url("../img/waring_img.gif") no-repeat left center;padding:150px;margin-left:10%}
.no_big_t {font-size:30px;font-weight:bold}