@charset "euc-kr";

/* Reset */
html,body{width:100%;height:100%; background-color: #FFFFFF;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
body,input,button{font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif; font-size:14px;color:#222;-webkit-text-size-adjust:non}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
img{vertical-align:top; border:none; margin:0;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
a{color:#222;text-decoration:none; margin:0;}
a:hover{color:#f54c49;text-decoration:underline;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
hr{display:none;}
legend{*width:0;display:none;}
br{letter-spacing:0;}


.home {position:absolute; width:280px; height:52px; top:68px; left:0; /*border:1px solid #000;*/}
.hide {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

#container {width:1000px; text-align:left;margin:0 auto; text-align:left;}
#container2 {clear:both; display:inline-block; width:1000px; height:470px; margin:16px auto 67px; text-align:left; text-align:left; background:#fff; background-image:url(//img.seoul.co.kr/img/2018pyeongchang/midbox_bg.gif); background-position:bottom;}
#container3 {clear:both; display:inline-block; width:1000px; height:544px; margin:16px auto 67px; text-align:left; text-align:left; background:#04783;}
#container:after {clear: both;content: "";display: block;}


/*-----------------------------//»ó´Ü TOP */

/* TOP */
.PC_top {position:relative; float:left; width:1000px; height:204px; background: #1a5696 url('//img.seoul.co.kr/img/2018pyeongchang/pyeongchang_top_bg2.jpg') no-repeat;}
.PC_top li {float:left; padding-top:155px; padding-right:57px; font-size:17px; color:#fff; letter-spacing:-2px; font-weight:bold; line-height:48px;}
.PC_top li a {color:#fff;}
.PC_top li a:hover{color:#d5f63a; text-decoration:none;}


/* ¸Þ´Þ */
.Tgold {position:absolute; top:48px; right:195px; width:77px; height:77px; line-height:77px; font-family:arial; font-size:39px; color:#fff; font-weight:bold; text-align:center; text-shadow: 0 1px 1px #000;}
.Tsilver {position:absolute; top:48px; right:101px; width:77px; height:77px; line-height:77px; font-family:arial; font-size:39px; color:#fff; font-weight:bold; text-align:center; text-shadow: 0 1px 1px #000;}
.Tcopper {position:absolute; top:48px; right:8px; width:77px; height:77px; line-height:77px; font-family:arial; font-size:39px; color:#fff; font-weight:bold; text-align:center; text-shadow: 0 1px 1px #000;}

.Ttotal {position:absolute; top:75px; right:288px; width:115px; font-size:12px; color:#fffec3; letter-spacing:-1px; text-align:right;}

/* D-DAY */

.Dday {position:absolute; top:79px; left:300px; font-size:39px; line-height:39px; color:#e3f856;}

/* ¼­¿ïCI */
.seoul {position:absolute; top:36px; left:0;}

/*-----------------------------//»ó´Ü TOP */








/*TOP Æ÷Åä*/

.Con{width:630px; float:left; /*margin:0 auto;*/ padding:0;}
.Con:after{content:""; display:block; clear:both;}

.Con .photoNews{float:left; margin:0 auto; position:relative;}
.Con .photoNews ul{/* padding: 1px; */}
.Con .photoNews ul:after{content:""; display:block; clear:both;}
.Con .photoNews ul > li{position:relative; float:left; margin:0; width: 252px; height:168px; cursor:pointer; background:black;}


.Con .photoNews ul > li .overBg{background:rgba(20,50,45,0); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-indent:-9999px;}
.Con .photoNews ul > li:hover .overBg{background: rgba(221,80,2,0.2);}
.Con .photoNews ul > li .overBg2{background:rgba(20,50,45,0); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-indent:-9999px;}
.Con .photoNews ul > li:hover .overBg2{background: rgba(221,80,2,0.4);}
.Con .photoNews ul > li:first-child{width: 630px; height:342px; overflow:hidden;}
.Con .photoNews ul > li:first-child img{width:630px; height:342px;}
.Con .photoNews ul > li.four {width:126px; height:84px;}
.Con .photoNews ul > li.four img{width:126px; height:84px;}
.Con .photoNews ul > li img{width:252px; height:168px;}

.Con .photoNews ul > li.four:hover .overBg{background: rgba(221,80,2,0.2);}
.Con .photoNews ul > li.four:hover .small_txt{display:block;}

.Con .photoNews ul > li .first_txt{
	position: absolute;
	z-index:11;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif;
	font-size: 27px;
	letter-spacing:-2px;
	padding: 50px 10px 14px 15px;
	width: 100%;
	box-sizing:border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
    background: -moz-linear-gradient(top, transparent 30%, #000 90%);
    background: -webkit-gradient(linear, left 30%, left 90%, from(transparent), to(#000));
    background: -o-linear-gradient(top, transparent 30%, #000 90%);
	background: -ms-linear-gradient(top, transparent 30%, #000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 1px 1px #000;
}

.Con .photoNews ul > li .txt{
	position: absolute;
	z-index:11;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif;
	font-size: 15px;
    letter-spacing:-2px;
	padding: 30px 2px 10px 8px;
	width: 100%;
	box-sizing:border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
    background: -moz-linear-gradient(top, transparent 30%, #000 90%);
    background: -webkit-gradient(linear, left 30%, left 90%, from(transparent), to(#000));
    background: -o-linear-gradient(top, transparent 30%, #000 90%);
	background: -ms-linear-gradient(top, transparent 30%, #000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 1px 1px #000;
}

.Con .photoNews ul > li .small_txt{
	position: absolute;
	z-index:11;
	left: 5px;
	top:25px;
	color: #fff;
	font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif;
	font-size: 15px;
    letter-spacing:-2px;
	text-align:center;
	width:116px;
	height:60px;
	overflow-y:hidden;
	box-sizing:border-box;
	/*text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
	/*
    background: -moz-linear-gradient(top, transparent 30%, #000 90%);
    background: -webkit-gradient(linear, left 30%, left 90%, from(transparent), to(#000));
    background: -o-linear-gradient(top, transparent 30%, #000 90%);
	background: -ms-linear-gradient(top, transparent 30%, #000 90%);
	*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 1px 1px #000;
	display:none;
}



/*¸ÞÀÎ ·¹À̾ƿô*/

.pcL {float:left; width:630px;}
.pcR {float:right; width:330px;}

/*.newsL1 {float:left; width:666px;}*/
.v_mleft {float:left; width:402px;}
.v_mcenter {float:right; width:243px; background:#eae8e3;/*url('//img.seoul.co.kr/img/2018pyeongchang/v_mcenter_bg.gif');*/}

/*.newsL2 {float:left; width:666px; background-color:#fff; /*border:1px Solid #d6d6d6; padding-bottom:19px;*/



/* ¿ìÃø Á¾ÇÕ¼øÀ§ */
#Rranking {float:left; width:330px; line-height:17px; /*border:1px solid #d6d6d6;*/}
#Rranking table { width:330px; border-collapse:collapse; /*font-family:tahoma;*/}
#Rranking tr {height:31px;  font-size:14px;}
#Rranking th {border-bottom:1px solid #d9dde1; padding:8px 0 13px 5px; font-size:13px; color:#666; text-align:center;}
#Rranking th img {padding:0 0 0 5px;}
#Rranking td {height:31px; color:#222; padding:0 0 0 5px;}
#Rranking td.RTable_F {height:31px; color:#222; padding:7px 0 0 5px;}
#Rranking table span {float:left; width:26px; height:19px; margin-right:8px;}
.RTable_K {background-color:#eaf780; /*font-family:tahoma;*/}
.RTable_K img{vertical-align:middle; margin-left:3px;}


#ranking {font-weight:bold; text-align:center;}

#ranking {font-weight:bold; text-align:center;}
#nation {clear:both; /*font-family:µ¸¿ò;*/ text-align:left; font-size:12px; padding-left:1px;/*padding:5px 0 0 0;*/}
#gold {text-align:center;}
#silver { text-align:center;}
#copper { text-align:center;}
#total { text-align:center;}

.pcbox_more {float:right; margin-right:12px; margin-top:12px; height:25px;}
.pcbox_more2 {float:right; margin-right:15px; margin-top:19px; height:25px;}

.pyechang_tit2 {clear:both; display:inline-block; float:left; width:315px; height:37px; text-align:left; padding-left:15px; line-height:37px; font-size:14px; color:#fff; letter-spacing:-1px; border-bottom:1px solid #a6aaae; background:#0090d4;}
.pyechang_tit {clear:both; display:inline-block; float:left; width:315px; height:50px; text-align:left; padding-left:15px; line-height:48px; font-size:17px; color:#f3ffc1; letter-spacing:-1px; font-weight:bold;}




/*Áß°£ ¹Ú½º*/
.con2_l {display:inline-block; float:left; width:330px; background:#fff;}
.con2_c {display:inline-block; float:left; width:304px; padding:0 18px; background:#fff;}
.con2_r {display:inline-block; float:left; width:330px; background:#fff;}


/*°æ±âÀÏÁ¤--³¯Â¥ºÎºÐ*/
.sch_date {float:left; display:inline-block; width:330px; height:63px; background:#218894;}
.arrow_l {float:left; padding-top:18px;}
.arrow_r {float:left; padding-top:18px;}
.sdate {float:left; width:214px; line-height:41px; font-size:28px; color:#fff; text-align:center;}
.sdate span {display:block; line-height:13px; font-size:13px; color:#0a1855;}


/*°æ±âÀÏÁ¤*/
/*.MC_gamedate {width:330px; height:292px; background:#31a2ac; overflow-y:auto; overflow-x:hidden;}*/
.MC_gamedate {width:330px; height:292px; background:#31a2ac; overflow-y:auto; overflow-x:hidden; 
                              scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#31a2ac; scrollbar-darkshadow-color:#ffffff; 
							  scrollbar-face-color:#77b6be; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#31a2ac;}

.MC_gamedate dl {width:330px; margin-bottom:10px;}
.MC_gamedate dt {width:100px; background:#e1e1e1; height:20px; padding-top: 7px; padding-left:12px; font-weight:bold; color:#0c5b02; margin-bottom:5px;}
.MC_gamedate dd {height:15px; padding-top: 5px; padding-left:12px;  font-weight:bold; color:#777;}
.MC_gamedate dd .vsdetail {padding-left:15px; color:#444;}

.Rgamedate {clear:both; float:left; margin-top:10px; text-align:left; padding-left:18px;}
.Rgamedate li {clear:both; width:295px; height:65px; /*border:1px solid #000;*/margin-top:6px; background-image:url(//img.seoul.co.kr/img/2018pyeongchang/gamedate_line.gif); background-position:bottom; background-repeat:no-repeat;}
/*.Rgamedate li:first-child {margin-top:9px;}*/
.Rgamedate li img {float:left; width:54px; /*height:40px;*/ padding-right:12px;}
.Rgamedate strong {display:block; font-size:14px; padding-right:7px;}
.Rgamedate li span {clear:both; display:block; font-size:13px; color:#eaf780;}
.Rgamedate li span.b {color:#004b88;}
.Rgdtit {float:left; width:220px; font-size:13px; color:#fff; /*border:1px solid #000;*/ line-height:19px; letter-spacing:-1px;}


/*´º½º ¸®½ºÆ®*/
.PC_newslist {border-bottom:1px solid #e7e7e7; padding:12px 0;}
.PC_newslist li {height:26px; line-height:26px; font-size:14px; letter-spacing:-1px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.PC_newslist li.first{font-weight:bold;}




/*´º½º¹Ú½º*/
.cphoto_list {clear:both; float:left; display:inline-block; width:330px; height:183px; background:#0081c9;/*border:1px solid #000;*/}
.cphoto_list li {position:relative;float:left; display:inline-block; width:165px;}
.cphoto_list li img {width:165px; height:110px; margin-bottom:10px;}
.cphoto_list p img {width:30px; height:30px;}
.c_pltit {clear:both; width:141px; height:54px; text-align:left; font-size:13px; color:#fff; line-height:18px;/*border:1px solid #000;*/ margin:0 12px; letter-spacing:-1px; overflow:hidden;}
.c_pltit a {color:#fff;}
.c_pltit a:hover {color:#fff;}
.cPL_play {display:inline-block; position:absolute; top:8px; right:8px;}
.cPL_play img {width:30px; height:30px;}



/*´º½º¹Ú½º*/
.photo_l_pyec {clear:both; float:left; display:inline-block; width:1000px; height:300px; background:#0081c9; /*border:1px solid #000;*/ background-image:url(//img.seoul.co.kr/img/2018pyeongchang/Pnewsbox_bg.gif); background-position:right bottom;}
.photo_l_pyec li {position:relative;float:left; display:inline-block; width:250px;}
.photo_l_pyec li img {width:250px; height:167px; margin-bottom:6px;}
.photo_l_pyec p img {width:30px; height:30px;}
.pltit2 {clear:both; width:226px; height:39px; font-size:14px; color:#000; line-height:18px;/*border:1px solid #000;*/ margin:0 12px; letter-spacing:-1px; overflow:hidden;}
.pltit2 a {color:#000;}
.PL_play {display:inline-block; position:absolute; top:8px; right:8px;}
.PL_play img {width:30px; height:30px;}



.pyec_tit {clear:both; float:left; display:inline-block; width:630px; padding-top:13px; border-bottom:1px solid #e9e9e9;}
.pyec_tit h3 {display:block;  text-align:left; font-size:22px; color:#000; font-weight:bold; padding-bottom:15px; letter-spacing:-1px;}

.pyec_tit2 {clear:both; float:left; display:inline-block; width:630px; padding-top:13px; padding-bottom:39px;}
.pyec_tit2 h3 {display:block;  text-align:left; font-size:22px; color:#000; font-weight:bold; padding-bottom:15px; letter-spacing:-1px;}


/*¿ìÃø Æ÷Åä¹Ú½º*/
.pyec_photo_R {position:relative;}
.pyec_photo_R p.photo img {width:330px;}
.pyec_photo_R p.txtbg {position:absolute;/*top:236px;*/ bottom:0; left:0; width:330px;height:34px; background:#000; opacity:0.65;}  /*leejy*/
.pyec_photo_R p.txt {position:absolute;/*top:236px;*/ bottom:0; left:0; width:310px;height:34px; font-size:15px; color:#fff; line-height:33px; padding:0 10px;letter-spacing:-1px; text-align:left;}/*leejy*/
.pyec_photo_R p.txt a {color:#fff; text-decoration:none;}


.pyec_photo_R p.lefta {position:absolute; top:126px; left:13px;}
.pyec_photo_R p.lefta img {width:18px;}
.pyec_photo_R p.righta {position:absolute; top:126px; right:13px;} 

/*¸ÞÀÎÆ÷Åä*/
.pyec_photo_R2 {display:inline-block; position:relative; height:183px; overflow:hidden; /*border:1px solid #000;*/}
.pyec_photo_R2 p.photo img {width:330px; margin-top:-20px;}
.pyec_photo_R2 p.txtbg {position:absolute; top:149px; left:0; width:330px;height:34px; background:#000; opacity:0.65;} 
.pyec_photo_R2 p.txt {position:absolute; top:149px; left:0; width:310px;height:34px; font-size:15px; color:#fff; line-height:33px; padding:0 10px;letter-spacing:-1px; text-align:left;}
.pyec_photo_R2 p.txt a {color:#fff; text-decoration:none;}


.pyec_photo_R2 p.lefta {position:absolute; top:66px; left:13px;}
.pyec_photo_R2 p.lefta img {width:18px;}
.pyec_photo_R2 p.righta {position:absolute; top:66px; right:13px;} 


/*Á¾¸ñ¼±ÅÃ*/
.pyec_date {float:left; width:628px; display:inline-blcok; position:relative; border:1px solid #ddd; margin-bottom:10px;}
.pyec_date p {float:left; display:block;}

.pyec_date_event {float:left; background:#bbb; height:73px; overflow-x:auto; overflow:hidden;}
.pyec_date_event li {float:left; display:block; width:82px; height:73px; padding:5px 0; background:#bbb; border-right:1px solid #ddd; text-align:center; /*font-size:14px; color:#444;*/}
.pyec_date_event li img {width:44px;}
.pyec_date_event li span {display:block; text-align:center; color:#003e7f; font-size:11px; letter-spacing:-2px; padding-top:3px;}
.pyec_date_event li a,.a:hover {text-decoration:none;}
.pyec_date_event li.pyec_s {background:#c8d162; font-weight:bold;}

/*³¯Â¥¼±ÅÃ*/
.pyec_date_each {float:left; background:#eee; height:58px; overflow-x:auto; overflow:hidden;} /*leejy*/
.pyec_date_each li {float:left; display:block; width:82px; /*height:58px;*/ height:46px; padding:6px 0; background:#fff; border-right:1px solid #ddd; text-align:center;}/*leejy*/
.pyec_date_each li span {display:block; text-align:center; color:#003e7f; font-size:12px; padding-top:5px;}
.pyec_date_each li a,.a:hover {color:#222; text-decoration:none;}
.pyec_date_each li.pyec_s {background:#c8d162; font-weight:bold;}

.pyectext {float:left; display:block; width:630px; height:30px; text-align:right; font-size:12px; letter-spacing:-1px; margin-top:-5px; color:#777;}

.pyecdate {float:left; width:630px; display:block; padding:12px 0; font-size:19px; line-height:20px; letter-spacing:-1px; font-weight:bold; text-align:left; /*border:1px solid #d6d6d6;*/}
.pyecdate p {display:inline-block; float:right; font-size:15px; color:#777;}
.pyecdate strong {color:#139b00;}



/* °æ±âÀÏÁ¤Å×À̺í */
#pyec_date {float:left; width:630px; line-height:17px; /*border:1px solid #d6d6d6;*/}
#pyec_date table {width:100%; text-align:left; border-collapse:collapse; border-bottom:1px solid #35668d; /*font-family:tahoma;*/}
#pyec_date tr {width:100%; font-size:14px; letter-spacing:-1px; border-bottom:1px solid #e0e4e9; vertical-align:top;}
#pyec_date th {background:#2860af; padding:13px 0 12px 5px; font-size:13px; font-family:'µ¸¿ò',dotum; color:#fff; text-align:center; margin-bottom:10px;}
#pyec_date td {color:#222; padding:9px 5px 14px 5px;}
#pyec_date td.RTable_F {color:#222;}
#pyec_date td.RTable_L {color:#222;}
#pyec_date td.center {color:#222; text-align:center;}
#pyec_date table span {float:left; width:26px; height:19px; margin-right:8px;}


/*Á¾ÇÕ¼øÀ§Å¾*/
.pyec_rankingT {float:left;width:500px; margin:30px 0 2px 120px;}
.pyec_rankingT p {float:left; height:121px; font-size:23px; letter-spacing:-1px; line-height:150%; text-align:left; padding:17px 0 0 200px; background:url('//img.seoul.co.kr/img/2018pyeongchang/pc_Taegeukgi.png') no-repeat 0px 0px}
.pyec_rankingT span {color:#f63b35; letter-spacing:-1px; padding-left:5px; font-weight:bold;}
.pyec_rankingT span.ban {float:right; padding-top:85px;}


/* Á¾ÇÕ¼øÀ§ */
#pyec_ranking {float:left; width:620px; line-height:17px; /*font-family:'µ¸¿ò',dotum; /*border:1px solid #d6d6d6;*/}
#pyec_ranking table { width:620px; border-collapse:collapse; border-bottom:1px solid #35668d; /*font-family:tahoma;*/}
#pyec_ranking tr {height:46px;  font-size:14px; /*border-bottom:1px solid #e4e4e4;*/}
#pyec_ranking tr.g {background-color:#f9f9f9;}
#pyec_ranking th {background:#2860af; padding:13px 0 12px 5px; font-size:13px; font-family:'µ¸¿ò',dotum; color:#fff; text-align:center;}
#pyec_ranking th img {padding:0 0 0 5px;}
#pyec_ranking td {height:31px; color:#222; padding:0 0 0 5px;}
#pyec_ranking td.RTable_F {height:46px; color:#222; padding:7px 0 0 5px;}
#pyec_ranking table span {float:left; width:41px; height:30px; margin-right:8px;}
#pyec_ranking table p {font-size:14px; padding-top:3px}



/*¸ÞÀÎ_ÇÈÅä±×·¥*/
.PIC {clear:both; float:left; width:1000px; padding:0; /*border:1px solid #000;*/ margin-top:25px;}
.PIC .picto ul{float:left; margin:0 auto; position:relative;}
.PIC .picto ul{/* padding: 1px; */}
.PIC .picto ul:after{content:""; display:block; clear:both;}
.PIC .picto ul > li{position:relative; float:left; margin:0; width: 65px; height:56px; cursor:pointer; }

.PIC .picto ul > li .overBg{background:rgba(231,231,231,0); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-indent:-9999px;}
.PIC .picto ul > li:hover .overBg{background: rgba(231,231,231,1.0);}
.PIC .picto ul > li img{width:66px; height:56px;}

.PIC .picto ul > li:hover .overBg{background: rgba(231,231,231,1.0);}
.PIC .picto ul > li:hover .small_txt{display:block;}


.PIC .picto ul > li .small_txt{
	position: absolute;
	z-index:11;
	left:3px;
	top:3px;
	color: #006096;
	font-family: '¸¼Àº °íµñ','Malgun Gothic',³ª´®°íµñ,µ¸¿ò,Dotum,±¼¸²,Gulim,sans-serif;
	font-size: 12px;
	text-align:center;
    letter-spacing:-2px;
	padding:3px;
	width: 60px;
	box-sizing:border-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#fa000000',GradientType=0 ); /* IE6-8 */
	display:none;
}


/*Áöµµ*/

.pyec_map_tit {display:block; width:1000px; height:45px; background:#004783; font-size:18px; color:#fff; font-weight:bold; line-height:45px;}
.map_con {position:relative;}
.map_conpop {position: absolute; top:0; left:0;}
.pop_txt {position: absolute; top:100px; left:200px; font-size:36px; color:#fff; width:600px; height:300px; text-align:center;}
.pop_txt span {display:block; font-size:60px; margin-bottom:20px;}
.pop_close {position: absolute; top:21px; right:19px;}