@charset "utf-8";

/*
  작성자 : Min Young Jun
  작업시작일 : 2019.04
*/

/* Reset import */
@import url("http://news.chosun.com/dhtm/css/css_reset_2018.css");

html, body{height:100%; overflow:inherit;}
html{-webkit-text-size-adjust:none;}
body{min-width:320px;word-break:keep-all;word-wrap:break-word;white-space:inherit;color:#000;}
body, input, button, textarea{font:16px/1.3 "Noto Sans KR",AppleSDGothicNeo-Regular, "맑은 고딕", "Malgun Gothic", 나눔고딕, 돋움, Dotum, 굴림, Gulim, "Apple SD Gothic Neo", sans-serif; letter-spacing:-0.05em;  /*font-family:AppleSDGothicNeo-Regular,'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.05em*/}
a, a:visited{color:#000; text-decoration:none}
.txt_dot1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txt_dot2{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.txt_dot3{overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; text-overflow:inherit;}
.dis_table{display:table; width:100%;}
.dis_table_cell{display:table-cell;}
.hdTxt, .hide_txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;}

#wrapper{max-width:1920px; margin:0 auto; position: relative; overflow:hidden;}
#contents{width:100%;}

.main_visual{max-width:1920px; width:100%; position: relative; background:#1d4592;}
.main_visual:before{content:""; position:absolute; left:50%; margin-left:-700px; bottom:50%; width:136px; height:182px; background:url("../img/mv_icon_b.png") 0 0 no-repeat; z-index:100;}
.main_visual:after{content:""; position:absolute; right:50%; bottom:50px; margin-right:-700px; width:126px; height:211px; background:url("http://news.chosun.com/event/subscription/v2/img/mv_icon.png") 0 0 no-repeat; z-index:100;}
.main_visual .img{width:100%; height:645px; position: relative; overflow:hidden;}
.main_visual .img img{position: absolute; left:50%; top:0; margin-left:-960px;}
.main_visual .buttons.fixed{position:fixed; width:100%; left:0; top:0; transition:0.4s all ease-out; background:url("http://news.chosun.com/event/subscription/v2/img/mv_btn_bg.png") 0 100% no-repeat; z-index:999;}
.main_visual .buttons{height:148px; overflow:hidden; background:url("http://news.chosun.com/event/subscription/v2/img/mv_btn_bg.png") 0 100% no-repeat; z-index:99; position:relative;}
.main_visual .buttons ul{*zoom:1; width:1160px; margin:0 auto;}
.main_visual .buttons ul:after{display:block;content:"";clear:both;}
.main_visual .buttons li{float:left; position:relative;}
.main_visual .buttons li .arr{display:block; width:34px; height:34px; position:absolute; right:120px; top:85px;}
.main_visual .buttons li:hover .arr{
  -webkit-animation: bounce-arrow2 1.3s infinite ease-in-out;
  -moz-animation: bounce-arrow2 1.3s infinite ease-in-out;
  -o-animation: bounce-arrow2 1.3s infinite ease-in-out;
  animation: bounce-arrow2 1.3s infinite ease-in-out;
}
.main_visual .buttons li .arr1{background:url("http://news.chosun.com/event/subscription/v2/img/arr1.png") 0 0 no-repeat; right:140px;}
.main_visual .buttons li .arr2{background:url("http://news.chosun.com/event/subscription/v2/img/arr2.png") 0 0 no-repeat;}

.main_visual .title{text-align:center; position:absolute; left:0; top:117px; width:100%; z-index:130;}



.event1{background:#f8f8f8; padding-top:100px;}
.event1 .e_cont1{height:725px; position:relative;}
.event1 .e_cont1 img{position: absolute; left:50%; top:0; margin-left:-960px;}
.event1 .e_cont2{height:297px; position: relative;}
.event1 .e_cont2 img{position: absolute; left:50%; top:0; margin-left:-960px;}

.event1_btns ul{width:589px; margin:0 auto;}
.event1_btns li{width:589px; height:84px; margin-top:25px;}
.event1_btns li:first-child{margin-top:0;}
.event1_btns li a{width:589px; height:84px; border-radius:40px; display:block; text-align:center; position: relative;}
.event1_btns li a img{padding-top:25px;}
.event1_btns li.btn1 a{background:#f66ba7;}
.event1_btns li.btn2 a{background:#578aee;}

.event2{margin-top:80px; padding-top:20px;}
.event2 .e_cont{height:917px; position:relative;}
.event2 .e_cont img{position:absolute; left:50%; top:0; margin-left:-960px;}
.event2 .event1_btns{background:#e0eaff; padding-bottom:100px;}

.bottom_cont{background:#f3f3f3;}
.bottom_cont .e_cont{width:1160px; margin:0 auto;}

.arrow_moving {display: block;position: absolute;right: 124px;top: 28px;width: 17px;height: 26px;
  background: url('http://image.chosun.com/event/2018//ic_arrow_entry.png') no-repeat 0 0;
  -webkit-animation: bounce-arrow 1.3s infinite ease-in-out;
  -moz-animation: bounce-arrow 1.3s infinite ease-in-out;
  -o-animation: bounce-arrow 1.3s infinite ease-in-out;
  animation: bounce-arrow 1.3s infinite ease-in-out;
}
.arrow_moving.v1 { right: 78px;}
.arrow_moving.v2 { right: 98px;}

@-webkit-keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}
@-moz-keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}
@keyframes bounce-arrow {0%{transform: translateX(0);}50%{transform: translateX(-15px);}100%{transform: translateX(0px);}}

@keyframes bounce-arrow2 {0%{transform: translateY(0);}50%{transform: translateY(-5px);}100%{transform: translateY(0px);}}
@-moz-keyframes bounce-arrow2 {0%{transform: translateY(0);}50%{transform: translateY(-5px);}100%{transform: translateY(0px);}}
@-webkit-keyframes bounce-arrow2 {0%{transform: translateY(0);}50%{transform: translateY(-5px);}100%{transform: translateY(0px);}}

.widenews_copy{border-top:none !important;}

/* main_visual_animation */
.bubbles{position: absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.bubble{background:url("../img/bubbles.png") 0 0 no-repeat; position:absolute;}

.bubble.x1{background-position:0 0; width:75px; height:75px;}
.bubble.x2{background-position:-100px 0; width:58px; height:58px;}
.bubble.x3{background-position:-200px 0; width:51px; height:51px;}
.bubble.x4{background-position:-300px 0; width:36px; height:36px;}
.bubble.x5{background-position:0 -100px; width:130px; height:130px;}
.bubble.x6{background-position:0 -250px; width:145px; height:148px;}
.bubble.x7{background-position:0 -450px; width:140px; height:140px;}
.bubble.x8{background-position:-250px -100px; width:249px; height:250px;}
.bubble.x9{background-position:-300px -400px; width:199px; height:199px;}

/* .bubble.x1{background-position:0 0; width:75px; height:75px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate; animation-delay:1s;}
.bubble.x2{background-position:-100px 0; width:58px; height:58px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:2s;}
.bubble.x3{background-position:-200px 0; width:51px; height:51px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:3s;}
.bubble.x4{background-position:-300px 0; width:36px; height:36px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:4s;}
.bubble.x5{background-position:0 -100px; width:130px; height:130px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:5s;}
.bubble.x6{background-position:0 -250px; width:145px; height:148px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:5s;}
.bubble.x7{background-position:0 -450px; width:140px; height:140px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:3s;}
.bubble.x8{background-position:-250px -100px; width:249px; height:250px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:2s;}
.bubble.x9{background-position:-300px -400px; width:199px; height:199px; animation: moveclouds 10s linear infinite, sideWays 4s ease-in-out infinite alternate;  animation-delay:1s;} */

/* @-webkit-keyframes moveclouds {
  0% {
      transform:translateY(0);
  }
  100% {
      transform:translateY(-1000px);
  }
}

@-webkit-keyframes sideWays {
  0% {
      margin-left:0px;
  }
  100% {
      margin-left:50px;
  }
} */