@charset "utf-8";

 
a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{
    text-decoration:none;
    vertical-align: middle;
}
strong{font-weight:bold;}
placeholder {visibility:hidden}
.text_box {padding:4px 3px 8px 3px; background:#f7f7f7;border:1px solid #e0e0e0; font-size:0.875em; vertical-align:middle/*background:url(/images/verti_line.png) no-repeat left center, url(/images/verti_line.png) no-repeat right center*/  }
.rgt_line {background:url(/images/verti_line.png) no-repeat right center }
.text_multi {width:100%;padding:8px 3px 4px 3px; border:1px solid #c8c8c8; font-size:0.875em;/*border-bottom:1px solid #c8c8c8;background:url(/images/verti_line.png) no-repeat left center, url(/images/verti_line.png) no-repeat right center*/  }
.text_box_01 {width:60%;padding:6px 3px 10px 3px;border:1px solid #c8c8c8;  }



/*$$$$$$$$$$$$$$$$$$$$   서브  공통  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  */

.header {/* width:1024px;*/text-align:left; border:0px #000 solid}
.header h3 {font-size:30px; margin:0 0 0 0; color:#000; font-weight:bold; text-align:center}
.header_name {/*background:url(/web/images/conte_plate01.png) no-repeat 0 0;*/ padding:10px 0 23px 0}
.header_name h3 {font-size:34px; margin:0 0 0 0; color:#000; font-weight:bold; text-align:center}
/* Selection
::selection { background: #EF4836; color: #fff; }
::-moz-selection { background: #EF4836; color: #fff; }*/

/* top관련 */
.bg_top {height:53px;background:url(/images/bg_top.gif) repeat-x 0 0; position:fixed;z-index:100;width:100%;top:0;}
.bg_top {height:53px;/*background:url(/images/bg_top.gif) repeat-x 0 0;*/ border:0px #000 solid}
.bg_top .topBox {position:relative;/*width:1010px;*/ margin:0 auto; padding:0 0 0 15px}
.bg_top .login{position: absolute;top:20px;right:20px; font-size:14px}
.bg_top .login a {color:#333}

.navi_box {margin-bottom:36px;border-bottom:1px #e0e0e0 solid}
.navi_box01 {margin-bottom:0;border-bottom:1px #e0e0e0 solid;/* background:#FFF*/}
.navi {margin-top:10px;font-size:13px; color:#929191}               /* 타이틀 라인 없음*/
.navi01 { width:1000px; margin:0 auto;padding:10px 0;font-size:13px; color:#929191;}

.sm_title {font-size:28px; font-weight:bold;margin:30px 0 0 0;padding:15px 0;border-bottom:2px #e0e0e0 solid; text-align:left}     /* 대 타이틀 (빌리보드 소개, 구성 특징*/
.sm_title01 {font-size:24px; font-weight:bold;margin:30px 0 0 0; padding:0 0 0 10px;text-align:left}  /* 타이틀 라인 없음*/
.sm_title01_1 {font-size:24px; font-weight:bold;margin:30px 0 0 0;padding: 0 0 10px 10px;border-bottom:1px #e0e0e0 solid; text-align:left}

/* 작성폼 */
.form_block {margin:0 auto; border-bottom:1px #e0e0e0 solid}
.form_block li {padding:8px 0}
.form_block li label{ display:inline-block; width:150px; padding: 0 0 0 20px; vertical-align:middle; font-size:14px; font-weight:bold; border:0px #FFF solid}
.form_block li .txt { display:inline-block;margin:20px 0 0 20px; vertical-align: middle; font-size:2em; color:#FFF; font-weight:bold; letter-spacing:-2px; word-spacing:-2px}
.form_block li .hp_num { display:inline-block; width:480px; vertical-align: middle;color:#fff000; font-family:'arial'; font-weight:bold; font-size:3em; text-align:center}

<!-- 테이블-->
     .tbl01 table {width:100%;margin:20px 0 0 0; border-top:0px #bcbcbc solid;}
.tbl01 th { line-height:280%;border-top:0px solid #d0d0d0;border-bottom:2px solid #999;margin-bottom:5px; color:#000; background:#fff;color:#333;font-weight:bold; text-align:center}
.tbl01 td { padding:10px 0;border-top:0px solid #e2e2e2;border-bottom:1px solid #e0e0e0;color:#9c9c9c;text-align:center; font-size:13px}

.tbl01 .list_tit {color:#696969;text-align:left; padding:0 0 0 10px}






/* 페이징 */
.paging_comm {font-weight:bold;font-size:12px;font-family:Tahoma;line-height:14px;text-align:center}
.paging_comm a.link_page {color:#333}
.paging_comm .link_page {display:inline-block;padding:3px 6px 2px 5px;margin-right:1px;border:1px solid #eaeaea;text-decoration:none}
.paging_comm .link_page:hover, .paging_comm em.link_page {border:1px solid #cf0d0b;color:#cf0d0b;font-weight:bold}
.paging_comm .btn_prev, .paging_comm .btn_next {display:inline-block;width:21px;height:21px;margin:2px 0 0 0;background:url(/web/images/btn_pager.png) no-repeat;vertical-align:top}
.paging_comm .btn_prev {background-position: 0 0}
.paging_comm .btn_next {background-position: -25px 0}



/* 풀다운 */
.sel_box{padding:7px 3px 7px 3px; border:0;border:1px solid #dcdcdc; font-size:14px; font-family:'돋움'; background:#f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:inset 0px 0px 4px 0px #dadada;
    box-shadow:inset 0px 0px 4px 0px #dadada;
}


/* 라이트 윙 */
#Navigation .sidebar {position:absolute; right:-90px; z-index:10;width:80px;margin:128px 0 0 0; visibility: visible}
#Navigation .sidebar .quick_m {width:80px;border:1px #e0e0e0 solid; margin:0 0 10px 0; padding:0}
#Navigation .sidebar .quick_m li {text-align:left; margin:0; padding:0;font-size:12px;}
#Navigation .sidebar .quick_m a {display:block; margin:0;background: url(/cooper/24mall/images/quick_wing.jpg) no-repeat; vertical-align:top}
#Navigation .sidebar .quick_m a.m1 {height:32px;background-position:0 0}
#Navigation .sidebar .quick_m a.m2 {height:29px;background-position:0 -32px}
#Navigation .sidebar .quick_m a.m3 {height:28px;background-position:0 -62px}
#Navigation .sidebar .quick_m a.m4 {height:28px;background-position:0 -89px}
#Navigation .sidebar .quick_m a.m5 {height:28px;background-position:0 -117px;margin-bottom:4px;}

/* 레이어 창 */
.layer_win01 {width:460px; margin:0 auto; background:#f7f7f7;display:block; border:2px #04b9c2 solid;}
.layer_win01 h3{position:relative;padding:10px 10px 10px 24px; text-align:left; font-size:1.2em; color:#FFF; font-weight:bold; background:#04b9c2}
.layer_win01 button.close {position:absolute; top:3px; right:3px; display:block;width:40px; height:40px;}
.layer_win01 ul {margin:18px 24px}
.layer_win01 li {margin:10px 0; font-size:1em; font-weight:normal;}
.layer_win01 li strong{margin:10px 0; font-size:1.2em; font-weight:bold; color:#000}
.layer_win01 li.txt01 { font-size:1.2em; font-weight:bold;}
.layer_win01 li label {display:inline-block;margin:0 10px 0 0; }
.layer_win01 textarea {width:85%;padding:8px; border:1px #dedede solid}
.layer_win01 .formlst {width:400px; margin:30px auto 0 auto;}
.layer_win01 .formlst label {margin:0 10px 0 0; color:#333; display:inline-block; width:80px;}
.layer_win01 .text_box {width:43%;padding:4px 3px 4px 3px; border:0;border:1px solid #dfdfdf; font-size:1.2em; font-family:'Arial'; font-weight:bold }


/* 클럽안내*/


.g-title{position:relative; margin:0; padding:15px 0 8px 12px ; font-size:1.2em; font-weight:bold; text-align:left}
.g-title .more{position:absolute;right:8px;top:23px; font-size:0.75em;}
.g-title .area{ position:absolute; right:0; font-weight:normal;font-size:0.65em}

.st_box { width:1000px;margin:0 auto 0 auto;padding:15px 0}
.st_box:after  {content:''; display:block; clear:both}

.store {position:relative; float:left;width:650px;margin:0 0 0 0;border:0px #cbcbcb solid}
.store .big_photo{ width:650px;height:430px; vertical-align:top}
.store .bt_pre {display:block; width:38px; height:62px;position:absolute; z-index:1;top:150px;left:3%; border:0; background:url(/web/images/btn_pre.png) no-repeat center center;}
.store .bt_next {display:block; width:38px; height:62px;position:absolute; z-index:1;top:150px;right:3%; border:0; background:url(/web/images/btn_next.png) no-repeat center center}
.store .club_title { position:absolute; bottom:0; z-index:1; width:650px;padding:20px; background:url(/web/images/bg_pattern.png) 0 0 repeat; color:#FFF; font-weight:bold}

.new_recommend_block { float:right; width:340px;margin:0 0 0 10px; padding:0; border:0 #e6e6e6 solid}
.new_recommend_block .newclub .inbox, .new_recommend_block .recommend .inbox { position:relative;border:1px #d7d7d7 solid; border-top:0; background:#FFF}

.new_recommend_block .newclub h3 {position:relative; margin:0; padding:7px 0 7px 12px ; font-size:1em; font-weight:bold; text-align:left; background:#33539c; color:#FFF}
.new_recommend_block .newclub .more{position:absolute;right:10px;top:14px; font-size:0.75em; color:#b2bfdf;}
.new_recommend_block .newclub li {margin:0 10px;padding:5px 0 5px 8px;border-bottom:1px #dbdbdb solid; font-size:0.875em;}
.new_recommend_block .newclub li:last-child { border:0}

.new_recommend_block .recommend {margin:7px 0 7px 0}
.new_recommend_block .recommend h3 {position:relative; margin:0; padding:7px 0 7px 12px ; font-size:1em; font-weight:bold; text-align:left; background:#5c5c5c; color:#FFF}
.new_recommend_block .recommend img { display:inline-block; margin:10px 0;vertical-align:middle}

.new_recommend_block .infor h3 {position:relative; margin:0; padding:0 0 6px 12px ; font-size:1.4em; font-weight:bold; text-align:left; background:#fff;}
.new_recommend_block .infor .sale_time{background:#f6f6f6; border-top:1px #aaaaaa solid; border-bottom:1px #e4e4e4 solid}
.new_recommend_block .infor li {margin:10px 10px;padding:0 0 0 8px;font-size:0.875em;}

.new_recommend_block .address_map {margin:0 0 7px 0}
.new_recommend_block .address_map h3 {position:relative; margin:3px 0 5px 0; padding:8px 0 3px 12px ; font-weight:normal; font-size:0.875em;text-align:left;}
.new_recommend_block .address_map a { position:absolute; right:0;}

/* 베스트 영상 */
.movie_box {margin:0 0 10px 0; padding:6px 0 6px 0; text-align:center;}
.movie_box span { position:relative;margin:0 3px;display:inline-block; vertical-align:top; }
.movie_box .movBox {
    width: 238px;
    height: 165px;
    /*background-size:400px;
    background-position:center;
    background-repeat:no-repeat;*/
}
.movie_box span a{position: absolute; z-index:101; display:block;width:238px; height:165px; color:#FFF;}
.movie_box span a .t_name{ position: absolute;display:block; bottom:0; padding:10px; font-weight:bold; font-size:0.875em}
.movie_box span a:hover{display:block;width:238px; height:165px; background:url(/web/images/install_play_over.png) center center no-repeat}
.movie_box span a.text{color:#000;width:238px; height:0; font-size:0.95em}
.movie_box span a.text:hover{ text-decoration:underline}
.movie_box span .title {padding:2px 0 12px 0; text-align:center; /*border:1px #e1dcce solid; background:#f5f2e9; color:#897162*/}

/* 클럽 사진 */
.photo_box {margin:0 0 10px 0; padding:6px 0 6px 0; text-align:center; width: 100%; *zoom:1; }
.photo_box:after { content: ""; clear: both; display: block; }
.photo_box > span {position:relative;/*margin:0 3px;*/display:inline-block;  vertical-align:top; width: calc(25% - 9.75px); margin-right: 13px; float: left; }
.photo_box > span:nth-child(4n) { margin-right: 0px; }
.photo_box > span > div { width: 100%; }
.photo_box .imageBox {
    /*width: 240px;*/
    width: 100%;
    height: 240px;
    /*background-size:400px;*/
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
}
.photo_box > span a{ position: absolute; z-index:101; display:inline-block; /*width:240px;*/ width: 100%; height:240px;}
.photo_box > span a:hover{display:block; /*width:240px;*/ width: 100%; height:240px; background:url(/web/images/install_pic_over.png) no-repeat}
/*.photo_box > span a.text{color:#000;width:240px; height:0; font-size:0.95em}
.photo_box > span a.text:hover{ text-decoration:underline}*/
.photo_box > span .title{padding:8px 0 12px 0; text-align:center; font-size:0.95em /*border:1px #e1dcce solid; background:#f5f2e9; color:#897162*/}
/*.photo_box > span .title a {color:#dadada}*/


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&      당구대회 관리    &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&        */
.conte_block { float:right;width:790px; border:0px #000 solid}
#content:after { content:''; display:block; clear:both}

.logpass_title {width: 360px;margin: 50px auto 0 auto; text-align:left;font-size: 24px;font-weight: bold;color: #9f9f9f;}
.sub_title{ position:relative;width: 790px;margin: 20px auto 0 auto; text-align:left;font-size: 16px;font-weight: bold;color: #333;}
.sub-title02 { margin:10px 0 0 0;padding:7px 10px;background:#384784; border:1px #4f5767 solid; color:#fff; font-size:1em; font-weight:bold;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
/* 로그인 / 패스워드*/
.loginform{ margin:0 0 20px 0; padding:0; border:0px #000 solid; text-align:center}
.loginform .logarea{position:relative;width:360px; margin:0 auto;padding:0 0 0 0/*200px*/}
.loginform .logarea .inpbx{display:inline-block;position:relative;width:360px;margin-bottom:10px;padding:6px 16px;border:1px solid #e0e0e0;background:#fff}
.loginform .logarea .inpbx input{width:100%;padding:10px 0 10px 0; font-family:'Arial';font-size:22px; font-weight:bold;border:0;outline:none}
.loginform .logarea .inpbx label{position:absolute;top:22px;left:16px;font-size:14px;color:#767676}
.loginform .logarea .inpbx label strong{display:inline-block;min-width:90px;color:#666}

.loginform .logarea .sel{border:1px solid #007cc3;background:#eaf6fc}
.loginform .logarea .sel input{background:#eaf6fc;font-weight:bold;color:#333}
.loginform .logarea .sel label{display:none;}

.conte_tbl table {width: 100%; margin:0 0 0 0}
.conte_tbl table.head {margin:10px 0 0 0;border: 1px #101529 solid}
.conte_tbl th {background:#30364e;padding: 5px 0;text-align: center;border-bottom: 0; color:#e0e0e0; font-size:0.875em}
.conte_tbl td {padding: 12px 0;border-bottom: 1px solid #e2e2e2;color: #9c9c9c;text-align: center; font-size:0.875em; color:#333}
.conte_tbl .list_tit {text-align: left;padding: 0 0 0 35px;}

/* 경기 진행중 팝업*/

.final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:30px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}
/*.layHead{width:100%; padding:1% 0 0.5% 0; background:#1751a0; border-bottom:1px #092660 solid}*/
.layHead{ width:100%; padding:0px; background:#1751a0; border-bottom:1px #092660 solid; }
#Navigation .logo {position:absolute;top:4px;left:8px;width:215px; height:28px;  background:url(/web/images/logo_top.png) no-repeat center center;}
.header_name01 h3 { position:relative;font-size:60px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center}
.header_name01 h3 a {position:absolute; right:10px; background:url(/images/btn_close.png) no-repeat 0 0;}

.final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:15px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}
.final_inbox01:after, .final_inbox02:after {content:''; display:block; clear:both}

@media all and (min-width:320px) and (max-width:600px){
    .screen_back{}

    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:5px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:65px}	*/
    .header_name01 h3 {font-size:18px; padding:10px 0 10px 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px 5px;background-size:70px}
    .header_name01 h3 a { display:block; width:15px; height:15px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:55px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -75px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:20px; display:inline-block; margin:9px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:18px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; margin:6px 0 0 0; text-align:center;font-size:24px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; margin:6px 0 0 0; text-align:center;font-size:24px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 100px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:10px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:14px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:12px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:14px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:12px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:16px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:20px; left:3%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:20px; right:3%}
}

@media all and (min-width:601px) and (max-width:799px){
    .screen_back{}

    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:5px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:65px}	*/
    .header_name01 h3 {font-size:30px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:100px}
    .header_name01 h3 a { display:block; width:30px; height:30px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:100px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -75px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:50px; display:inline-block;  margin:14px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:36px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; margin:8px 0 0 0; text-align:center;font-size:50px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; margin:8px 0 0 0; text-align:center;font-size:50px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 100px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:10px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:34px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:22px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:34px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:22px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:16px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:50px; left:8%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:50px; right:8%}
}

@media all and (min-width:800px) and (max-width:970px){
    .screen_back{}
    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:13px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:110px}	*/
    .header_name01 h3 {font-size:34px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:130px}
    .header_name01 h3 a { display:block; width:30px; height:30px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:82px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:50px; display:inline-block;  margin:10px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:34px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; margin:-3px 0 0 0; text-align:center;font-size:54px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; margin:-3px 0 0 0; text-align:center;font-size:54px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 160px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:4px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:30px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:20px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:30px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:20px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:40px; left:12%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:40px; right:12%}
}


@media all and (min-width:971px) and (max-width:1024px){
    .screen_back{}
    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:14px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:110px}	*/
    .header_name01 h3 {font-size:40px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:130px}
    .header_name01 h3 a { display:block; width:30px; height:30px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:120px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:70px; display:inline-block;  margin:12px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:50px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; margin:1px 0 0 0; text-align:center;font-size:72px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; margin:1px 0 0 0; text-align:center;font-size:72px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 160px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:10px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:42px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:28px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:42px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:28px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:60px; left:12%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:60px; right:12%}
}


/*엠피지오 웹에 적용위해 800~970 을 가지고옴- 사양이 두대인데 해상도가 다름*/
@media all and (min-width:1025px) and (max-width:1280px){
    .screen_back{/* background: #000*/}
    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:10px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:110px}	*/
    .header_name01 h3 {font-size:24px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:110px}
    .header_name01 h3 a { display:block; width:30px; height:30px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:82px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:90px; display:inline-block;  margin:10px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:32px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; margin:-3px 0 0 15px; text-align:center;font-size:54px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; margin:-3px 15px 0 0; text-align:center;font-size:54px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 160px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:2px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:30px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:20px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:30px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:20px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:40px; left:18%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:40px; right:18%}
}

@media all and (min-width:1281px) and (max-width:1366px){
    .screen_back{}
    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:14px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:110px}	*/
    .header_name01 h3 {font-size:40px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:140px}
    .header_name01 h3 a { display:block; width:30px; height:30px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:120px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:90px; display:inline-block; margin:5px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:56px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; float:left; margin:-5px 0 0 15px; text-align:center;font-size:80px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; float:right; margin:-5px 15px 0 0; text-align:center;font-size:80px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 160px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:0 auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:48px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:30px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:48px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:30px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:70px; left:15%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:70px; right:15%}
}

@media all and (min-width:1367px) and (max-width:1440px){
    .screen_back{}
    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:18px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;  background:url(/web/images/logo_top.png) no-repeat; background-size:110px}	*/
    .header_name01 h3 {font-size:52px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;background-size:160px}
    .header_name01 h3 a { display:block; width:40px; height:40px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:144px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:90px; display:inline-block;  margin:10px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:64px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; float:left; margin:-5px 0 0 15px; text-align:center;font-size:94px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; float:right; margin:-5px 15px 0 0; text-align:center;font-size:94px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 160px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:5px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:52px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:36px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:52px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:36px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:76px; left:15%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:76px; right:15%}
}


@media all and (min-width:1441px) and (max-width:1600px){
    .screen_back {background: #283f5f url(/web/images/bg_screen.png) no-repeat 0 bottom; background-size:contain}

    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:15px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation .logo {position:absolute;top:4px;left:8px;width:215px; height:28px;  background:url(/web/images/logo_top.png) no-repeat;}
    .header_name01 h3 {font-size:50px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;}
    .header_name01 h3 a { display:block; width:40px; height:40px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    /* 기본 위치 */
    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:147px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:90px; border:0px #FFF solid; display:inline-block; margin:20px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:58px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; float:left; margin:-4px 0 0 15px; text-align:center;font-size:96px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; float:right; margin:-4px 15px 0 0; text-align:center;font-size:96px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 145px no-repeat;; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:10px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:54px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:32px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:54px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:32px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:80px; left:20%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:80px; right:20%}
}

@media all and (min-width:1601px) and (max-width:1920px){
    .screen_back {background: #283f5f url(/web/images/bg_screen.png) no-repeat 0 bottom; background-size:contain}

    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:20px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;width:215px; height:28px;  }	*/
    .header_name01 h3 {font-size:54px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;}
    .header_name01 h3 a { display:block; width:40px; height:40px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    /* 기본 위치 */
    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:184px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:20%; display:inline-block;  margin:20px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:80px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; float:left; margin:-3px 0 0 15px; text-align:center;font-size:118px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; float:right; margin:-3px 15px 0 0; text-align:center;font-size:118px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 145px no-repeat;; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:5px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:70px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:50px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:70px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:50px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:100px; left:12%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:100px; right:12%}
}

@media all and (min-width:1921px) {
    .screen_back {background: #283f5f url(/web/images/bg_screen.png) no-repeat 0 bottom; background-size:contain}

    .final_inbox01,  .final_inbox02 { width:100%; position:relative; margin:20px 0 0 0;padding:0 0 0 0; text-align:center; border:0px #F00 solid}

    #Navigation /*.logo {position:absolute;top:4px;left:8px;width:215px; height:28px;  }	*/
    .header_name01 h3 {font-size:54px; margin:0 0 0 0; color:#FFF; font-weight:bold; text-align:center;background:url(/web/images/logo_top.png) no-repeat 10px center;}
    .header_name01 h3 a { display:block; width:40px; height:40px;position:absolute; top:0; right:10px; background:url(/images/btn_close.png) no-repeat 0 0; background-size: contain}

    /* 기본 위치 */
    .final_inbox01 .score_1,
    .final_inbox01 .score_2,
    .final_inbox01 .score_3 { float:left; height:184px; vertical-align:middle;font-family:'Arial'}

    .final_inbox01 .score_1 {width:32%; background:#ffe400 url(/web/images/chamfer_up.png) 0 -45px no-repeat; border:0px #FFF solid}

    .final_inbox01 .score_2 {width:36%; background:#000;text-align:center;}
    .final_inbox01 .score_2 .in_min{width:20%; display:inline-block;  margin:20px 0 0 0; padding:0 0 0 0;color:#a1a1a1; font-weight:bold; font-size:80px; border-bottom:2px #a1a1a1 solid; vertical-align:top}
    .final_inbox01 .score_2 .point01_y{width:33%; border:0px #FFF solid; display:inline-block; float:left; margin:-3px 0 0 15px; text-align:center;font-size:118px; font-weight:bold; color:#ffe400}
    .final_inbox01 .score_2 .point01_w{width:33%; border:0px #FFF solid; display:inline-block; float:right; margin:-3px 15px 0 0; text-align:center;font-size:118px; font-weight:bold; color:#FFF}

    .final_inbox01 .score_3 {width:32%; background:#FFF url(/web/images/chamfer_down.png) right 145px no-repeat;; border:0px #FFF solid}

    .final_inbox01 .score_1 dl, .final_inbox01 .score_3 dl { position:relative; width:96%; margin:5px auto 0 auto;border:0px #000 solid}
    .final_inbox01 .score_1 dd span {color:#998900; margin:0 0 0 0}
    .final_inbox01 .score_3 dd span {color:#b2b2b2; margin:0 0 0 0}

    /* 기본 데이터 위치 */
    .final_inbox01 .score_1 dt, .final_inbox02 .score_1 dt {text-align:center;color:#000; font-weight:bold; font-size:70px;/* line-height:94%*/}
    .final_inbox01 .score_1 dd, .final_inbox02 .score_1 dd {color:#000; font-weight:bold; font-size:50px; font-family:'Arial';}

    .final_inbox01 .score_3 dt, .final_inbox02 .score_3 dt {text-align:center;color:#000;font-weight:bold; font-size:70px;/* line-height:94%*/}
    .final_inbox01 .score_3 dd, .final_inbox02 .score_3 dd {color:#000; font-weight:bold; font-size:50px; font-family:'Arial';}


    .final_inbox01 .score_1 dt.t_small, .final_inbox01 .score_3 dt.t_small,
    .final_inbox02 .score_1 dt.t_small, .final_inbox02 .score_3 dt.t_small	{padding:16px 0 0 0;font-size:34px;line-height:100%}

    .final_inbox01 .score_1 dd.avg-posi, .final_inbox01 .score_3 dd.avg-posi,
    .final_inbox02 .score_1 dd.avg-posi, .final_inbox02 .score_3 dd.avg-posi {position:absolute;top:100px; left:12%}

    .final_inbox01 .score_1 dd.hr-posi, .final_inbox01 .score_3 dd.hr-posi,
    .final_inbox02 .score_1 dd.hr-posi, .final_inbox02 .score_3 dd.hr-posi {position:absolute;top:100px; right:12%}
}

/*@media all and(aspect-ratio:6/9){}*/


/* 기록지 레이어*/
.record_block {position:relative; z-index:2; width:790px;margin:0 auto;padding:0;background: #FFF;border:0px #bdbdbd solid;}
.record_block h3 {position: relative;padding:12px; color:#FFF; background:#343a50}
.record_block h3 .date{ position:absolute;top:10px; right:10px; font-weight:bold; font-size:0.95em}
.record_block ul {padding:10px 20px 20px 20px}
.record_block li {margin:0; padding:8px; border-bottom:1px #dfdfdf solid}
.layer_cls { position:relative; z-index:1;display:inline-block; width:28px; height:28px; background:url(/images/btn_close.png) no-repeat 0 0; background-size:cover}
.bg_bl { position:absolute; top:0; z-index:0; width:100%;min-height:100%;background:#000; opacity:0.7}

.tbl_block {margin:0 8px 20px 8px}
.t_head {margin:0 0 0 0;padding:12px 0; color:#333;background:#fff; border-bottom:1px #cecece solid}
.t_head .name01 img {margin:0 5px 0 0;vertical-align:middle}
.t_head .name01 {display:inline-block;width:49%; text-align:center; border-right:1px #dadada solid; font-weight:normal}
.t_head .inning {display:inline-block;width:20%; text-align:center; display:none}

.t_body {height:486px; overflow:auto}
.t_body div{ margin:0 0 2px 0;padding:4px 0;}
.t_body div.bg_col01{ background:#f4f4f4}
.t_body div.bg_col02{ background:#fff}
.t_body .name01 {display:inline-block;width:38%; text-align:center}
.t_body .inning {display:inline-block;width:20%; text-align:center}

.ti_text01{
    display:block; margin:15px 10px 10px 10px; padding:8px 0 8px 16px;font-size:1.1em; font-weight:bold; color:#fff; text-align:left; background:#133e71;
    border:0px #93c3ff solid;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    border-radius:45px;
    -webkit-border-radius:45px;
    -moz-border-radius:45px;
    -o-border-radius:45px;
    -ms-border-radius:45px;
    background: -webkit-gradient(linear, left top, left bottom, from(#A1C8FF), to(#559CFF));
    background: -webkit-linear-gradient(top, #A1C8FF, #559CFF);
    background: -moz-linear-gradient(top, #A1C8FF, #559CFF);
    background: -ms-linear-gradient(top, #A1C8FF, #559CFF);
    background: -o-linear-gradient(top, #A1C8FF, #559CFF);
}
.ti_text01 span {font-family:'nanum Ghotic'; font-size:0.75em}

.check_box-01 input[type="radio"] {position:absolute;/*left:-10000px;top:-10000px;*/width:19px;height:19px;margin:0;opacity:0;}
.check_box-01 input[type="radio"] + label {height:20px;margin:0 0 0 0;padding:0 0 0 26px;display:inline-block;background: url('/mob/images/btn_radio_off.png') no-repeat 0 0;background-size:20px 20px;/*font-size:0.875em;*/line-height:20px; font-weight:normal}
.check_box-01 input[type="radio"]:checked + label {background:url('/mob/images/btn_radio_on.png') no-repeat 0 0;background-size:20px 20px;}

<!-- 대회관리 페이지 상단 도움말-->
     .info {	padding:10px;border:1px solid #ccc;background:#eee;margin:10px;}
.info li {list-style:disc;padding-left:0;margin-left:15px;margin-top:5px;font-size:0.875em;}




/* 기본 큰버튼 네이비*/
.btn_navy01 {
    display:inline-block;
    width:34%;
    margin:0 10px;
    border: 1px solid #173a73;
    background:#2a5bad;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#52acf1), to(#52acf1));
    background: -webkit-linear-gradient(top, #52acf1, #52acf1);
    background: -moz-linear-gradient(top, #52acf1, #52acf1);
    background: -ms-linear-gradient(top, #52acf1, #52acf1);
    background: -o-linear-gradient(top, #52acf1, #52acf1);*/
    padding:8px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#fff;
    font-size: 1.2em;
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

.btn_navy01_1 {
    display:inline-block;
    margin:0 0;
    border: 1px solid #173a73;
    background:#2a5bad;
    padding:2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#fff;
    font-size: 0.875em;
    font-family: 'Nanum Gothic';
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

.btn_orange {
    display:inline-block;
    /*width:30%;*/
    margin:0 0;
    border: 1px solid #db3400;
    background:#fd5e00;
    padding:2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#fff;
    font-size: 0.875em;
    font-family: 'Nanum Gothic';
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 기본 큰버튼 그레이*/
.btn_gray01 {
    display:inline-block;
    width:34%;
    margin:0 2px;
    border: 1px solid #656565;
    background:#858585;
    padding:8px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#fff;
    font-size: 1.2em;
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 기본 큰버튼 그레이*/
.btn_gray01_1 {
    display:inline-block;
    width:34%;
    margin:0 2px;
    border: 1px solid #dbdbdb;
    background:#f6f6f6;
    padding:8px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#333;
    font-size: 1.2em;
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 기본 작은버튼 화이트톤 그래이*/
.btn_gray01_2 {
    display:inline-block;
    width:80px;
    margin:0;
    border: 1px solid #c2c2c2;
    background:#f2f2f2;
    padding:4px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#000;
    font-size: 12px;
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 기본 작은버튼 그레이*/
.btn_sty02 {
    display:inline-block;
    /*width:30%;*/
    margin:0;
    border: 1px solid #8b8b8b;
    background:#a1a1a1;
    padding:2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#fff;
    font-size: 0.85em;
    font-family: 'Nanum Gothic';
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 기본 작은버튼 화이트 그레이*/
.btn_sty03 {background:#FFF;
    display:inline-block;
    /*width:25%;*/
    margin:0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee));
    background: -webkit-linear-gradient(top, #fefefe, #eeeeee);
    background: -moz-linear-gradient(top, #fefefe, #eeeeee);
    background: -ms-linear-gradient(top, #fefefe, #eeeeee);
    background: -o-linear-gradient(top, #fefefe, #eeeeee);
    border: 1px solid #ababab;
    padding:3px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
    color:#333;
    font-size: 0.875em;
    font-family: 'Nanum Gothic';
    font-weight:bold;
    text-decoration: none;
    vertical-align: middle;
    text-align:center
}

/* 체크박스 적용 */
.checkbox-style, .all-checkbox-style {display:inline-block; padding-left:25px; cursor:pointer;background:url(/web/images/btn_radio_off.png) no-repeat left center;}
.checkbox-style.off, .all-checkbox-style.off { background-image:url(/web/images/btn_radio_off.png);}
.checkbox-style.on, .all-checkbox-style.on { background-image:url(/web/images/btn_radio_on.png);}