@charset "utf-8";

@import url(/css/screen/basic.css);

@font-face {
    font-family:'notokr-regular';
    src: url('/fonts/notokr-regular.eot');
    src: url('/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/notokr-regular.woff') format('woff'),
         url('/fonts/notokr-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-bold';
    src: url('/fonts/notokr-bold.eot');
    src: url('/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/notokr-bold.woff') format('woff'),
         url('/fonts/notokr-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-light';
    src: url('/fonts/notokr-light.eot');
    src: url('/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/notokr-light.woff') format('woff'),
         url('/fonts/notokr-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-thinlight';
    src: url('/fonts/notokr-thinlight.eot');
    src: url('/fonts/notokr-thinlight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/notokr-thinlight.woff') format('woff'),
         url('/fonts/notokr-thinlight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/* skipnavigation */

#skipnavigation {position:absolute;top:0;left:-1000%;}



/* ============
	기본레이아웃
===============	*/

#ev_contents { margin:0 auto; width:980px; font-family:'notokr-regular'; color:#000; letter-spacing:-0.5px; font-size:14px; line-height:1.3em; }


.tab_1st { width:980px; margin-top:1px; *margin-left:1px; border-left:1px solid #573395; }
.tab_1st li { width:243.8px; border:1px solid #573395; margin:-1px 0 0 -1px; height:48px; font-size:18px; float:left; text-align:center; line-height:48px; }
.tab_1st:after {content:""; clear:both; display:block;}
.tab_1st li.on, .tab_1st li.on a, .tab_1st li.on a:hover { background-color:#573395; height:48px; font-size:18px;  color:#fff; }
.tab_1st li a { display:inline-block; width:100%; height:100%; color:#494d9c;}
.tab_1st li a:hover { color:#660fe9;}

.tab_2nd { position:relative; margin-top:20px; *height:90px;}
.tab_2nd ul:after {content:""; clear:both; display:block;}
.tab_2nd li{width:460px; background-color:#d6d1dc;  border-bottom:2px solid #573395; height:48px; font-size:18px; float:left; text-align:center; line-height:48px;   }
.tab_2nd li.on {width:456px; border:2px solid #573395;  border-bottom:2px solid #f2f2f4;  background-color:#f2f2f4; height:47px; font-size:18px; }
.tab_2nd li.on a, .tab_2nd li a:hover {color:#573395;}
.tab_2nd li a{color:#5f5374; display:inline-block; width:100%; height:100%;}

.tab_2nd { position:relative; margin-top:20px; *height:90px;}
.tab_2nd ul.tap3:after {content:""; clear:both; display:block;}
.tab_2nd ul.tap3 li{width:305px; background-color:#d6d1dc;  border-bottom:2px solid #573395; border-right:1px solid #c5c0cb; height:48px; font-size:18px; float:left; text-align:center; line-height:48px;   }
.tab_2nd ul.tap3 li.on {width:304px; border:2px solid #573395;  border-bottom:2px solid #f2f2f4;  background-color:#f2f2f4; height:47px; font-size:18px; }
.tab_2nd ul.tap3 li.on a, .tab_2nd li a:hover {color:#573395;}
.tab_2nd ul.tap3 li a{color:#5f5374; display:inline-block; width:100%; height:100%;}



.tab_2nd dl { margin-top:20px; *clear:both;}
.tab_2nd dl:after {content:""; clear:both; display:block;}
.tab_2nd dd{ font-size:14px; float:left; }
.tab_2nd dd a{color:#725e83; border-left:1px solid #b4a7c0; padding:0 15px;}
.tab_2nd dd:first-child a{color:#725e83; padding:0 10px 0 0;  border-left:0px; }
.tab_2nd dd.on, .tab_2nd dd.on a, .tab_2nd dd.on a:hover {color:#5d38c3; font-family:'notokr-bold'}
.tab_2nd dd a:hover { color:#5d38c3; }
.tab_2nd dt {width:120px; height:28px; border-radius:20px;  background-color:#5d38c3; position:absolute; right:0px; bottom:-5px; line-height:26px; text-align:center;  }
.tab_2nd dt a { color:#fff;  font-size:13px; }

.cb	{clear:both;}

.rank_tab { border:1px solid #fe6bb7; height:74px; width:100%;  box-sizing:border-box;}
.rank_tab:after {content:""; clear:both; display:block;}
.rank_tab li.on { color:#fff; background-color:#fe6bb7;  }
.rank_tab li { float:left; font-family:'notokr-regular';  text-align:center; width:73px; height:65px;  padding-top:8px; border-left:1px solid #b5b8c2; font-size:12px; cursor:pointer; }
.rank_tab li:hover { font-family:'notokr-bold'; }
.rank_tab li:first-child { width:90px;   border-left:0px;}
.rank_tab li em, ul.rank_tab li img { display:block; margin:0 auto; }
.rank_tab li em { font-family:'notokr-bold'; font-size:30px; line-height:41px; }
.rank_tab li:hover em { text-decoration:none; }


.text-ing{font-size:22px; line-height:1.3em; text-align:center; margin-top:50px; padding:50px 0;  background:#dfdee2; border-top:1px dashed #091f5c; border-bottom:1px dashed #091f5c; color:#555555; }
.text-ing i{font-size:60px; padding-bottom:20px; color:#555555; }

#ev_contents .ev_rank { padding:40px 30px 30px 30px;   background:#f2f2f4;  clear:both; }

table.rank_top { margin-top:20px; background:#7a79a1;  border-bottom:2px solid #000;  border-top:1px solid #000;  width:920px }
table.rank_top td {  text-align:center; padding:10px 0; border-left:1px solid #918fb2;  text-align:center;  font-size:15px; border-right:1px solid #918fb2;  color:#fff; }
table.rank_top td:first-child { border-left:1px solid #918fb2;  }


.rank_list { margin:0 auto; width:920px; max-height:620px; overflow-y:scroll; background:#fff;  } 
.rank_list table { width:900px; } 
.rank_list td {  text-align:center; padding:8px 0 ; font-family:'notokr-regular'; border-bottom:1px solid #32363f; border-left:1px solid #c1c2c5; } 
.rank_list td.left  {  text-align:left; padding-left:50px; } 
.rank_list td span {color:#fd6267; font-family:'notokr-bold'}
.rank_list td.p1{color:#fd6267; font-family:'notokr-bold'}
.rank_list a { font-size:18px; color:#252525;  } 
.rank_list td a.ca {width:100px; height:28px; border-radius:20px;  background-color:#a7a8a9; line-height:26px; text-align:center; color:#fff; font-size:14px; display:inline-block;}


table.rank_top1 { margin-top:20px;  background:#7a79a1;  border-bottom:2px solid #000;  border-top:1px solid #000;  width:920px; }
table.rank_top1 td {  text-align:center; padding:10px 0; border-left:1px solid #918fb2;  border-bottom:1px solid #918fb2; text-align:center;  font-size:13px; border-right:1px solid #918fb2;  color:#fff; }
table.rank_top1 td:first-child { border-left:1px solid #918fb2;  }
table.rank_top1 td span {color:#fff200;}

.rank_list1 { margin:0 auto; width:920px; background:#fff;   max-height:590px; overflow-y:scroll;  } 
.rank_list1 table { width:900px;} 
.rank_list1 td {  text-align:center;   height:25px; font-family:'notokr-regular'; border-bottom:1px solid #32363f; border-left:1px solid #c1c2c5; } 
.rank_list1 td.p1{color:#fd6267; font-family:'notokr-bold'}
.rank_list1 td.g {  border:1px solid #c1c2c5; } 




/* 신페리오 계산  */
.pop_explan { width:450px; border:3px solid #353637; padding:25px; position:relative; font-family:'notokr-regular'; }
.pop_explan a { position:absolute; color:#a5a9ac; top:0px; right:20px; font-size:36px; }
.pop_explan h2{font-size:19px; padding-bottom:10px; font-weight:normal;}
.pop_explan p{  margin-bottom:30px; font-size:14px; color:#666;}
.reckoning li { font-size:14px; color:#666; }
.reckoning li span{ color:#6267bf;}
.reckoning li span.p{color:#fd6267;}


.calculation { width:550px; border:3px solid #353637; padding:25px; position:relative; font-family:'notokr-regular'; }
.calculation a { position:absolute; color:#a5a9ac; top:0px; right:20px; font-size:36px; }
.calculation h2{font-size:19px; padding-bottom:10px; font-weight:normal;}
.calculation table{ width:100%; letter-spacing:0em;  font-family:'notokr-regular';}
.calculation  table th { text-align:center; padding:6px 0; border:1px solid #7a7c7f;  text-align:center;  font-size:14px; color:#fff;  background:#67696c;  line-height:14px; } 
.calculation  table td { text-align:center; height:28px; font-family:'notokr-regular'; border:1px solid #c1c2c5; font-size:14px; } 
.calculation  table td a{ font-size:14px;}
.calculation  table td span{ font-family:'notokr-bold';  font-size:14px;  }
.calculation  table td span.pink1{ color:#fd6267; }

.mt10{margin-top:10px;}


.fl {float:left; border:1px solid red;}
.fr {float:right; border:1px solid red;}
.textr{text-align:right;}



/* 팝업 */
.pop_swing {  font-family:'notokr-regular' }
.pop_close a { position:absolute; color:#a5a9ac; top:10px; right:10px; font-size:36px; }

/* 스윙 게시판 동영상 */
.swing_mv_box { width:658px; height:288px; padding:20px; background:#42454f; *zoom:1; }
.swing_mv_box:after {content:""; clear:both; display:block;}
.swing_mv { float:left; width:340px; border:1px solid #000; }
	.swing_mv .mv { width:340px; height:240px; background:#000; }
	.swing_mv .mv img { width:340px; height:240px; }
	.swing_mv .bar { height:6px; background:#32363f; border-bottom:1px solid #000; border-top:1px solid #000; }
	.swing_mv .bar_on { display:inline-block; height:6px; background:#00aef0; }
	.swing_mv .btn { width:340px; height:40px; background:url(/images/screen/portal/swing_mv_btn_bg.jpg) left top no-repeat; *zoom:1; }
	.swing_mv .btn:after {content:""; clear:both; display:block;}
	.swing_mv .play_btn { float:left; }
	.swing_mv .play_btn li { float:left;width:40px; height:40px; background:url(/images/screen/portal/swing_mv_bar.gif) right top repeat-y; }
	.swing_mv .play_btn li a { position:relative; margin:0 auto; }
	.swing_mv .play_btn li img { position:absolute; margin:12px 0 0 12px; }
	.swing_mv .play_btn li .ov { display:none; }
	.swing_mv .play_btn li a:hover .b { display:none; }
	.swing_mv .play_btn li a:hover .ov { display:inline-block; }
	.swing_mv .speed { float:right; width:80px; height:20px; margin:10px 5px 0 0; cursor:pointer; _cursor:hand; }
	.swing_mv .speed p { position:absolute; width:75px; height:20px; padding-left:5px; line-height:2.0em; color:#5e6167; font-family:dotum; font-size:11px; background:url(/images/screen/portal/ico_swing_mv_speed.gif) 67px 7px no-repeat #15171a; }
	.swing_mv .speed ul { position:absolute; display:none; z-index:2;  }
	.swing_mv .speed ul li { width:75px; height:20px; padding-left:5px; line-height:2.0em; color:#5e6167; background:#15171a; font-family:dotum; font-size:11px; }
	.swing_mv .speed ul li:hover { color:#fff; background:url(/images/screen/portal/ico_swing_mv_speed_ov.gif) 67px 7px no-repeat #e37f00; }
	.swing_mv .speed:hover p { display:none; }
	.swing_mv .speed:hover ul { display:block; }
.swing_mv_info { float:left; padding:20px 0 0 30px; width:280px; }
	.swing_mv_info li { padding-left:10px; font-family:'notokr-bold';color:#a5a9ac; font-size:14px; background:url(/images/screen/portal/ico_type01.gif) 1px 7px no-repeat; }
	.swing_mv_info li span { *display:inline; display:inline-block; width:60px; height:30px; font-weight:normal; color:#87898f; vertical-align:top; }
	.swing_mv_info .sns { margin-top:25px; }
	.swing_mv_info .sns a { margin-left:3px;}
	.swing_mv_info .sns a:first-child { margin-left:0px;}
	.swing_mv_info .sns a.like { display:inline-block; border:2px solid #ccc; height:26px; line-height:2.0em; padding:0 10px; color:#eb5942; font-family:verdana; font-family:'notokr-bold';background:#fff;}
	.swing_mv_info .sns a.like img { vertical-align:middle; margin-right:3px; }
	.swing_mv_info .sns a.like:hover { border-color:#e68a68; }