@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
ul { list-style:none; }
#event_wrap{font-family: 'Noto Sans KR', sans-serif;background-color:#d1e8ff;padding-bottom:100px; color:#333; font-weight:400; text-align:center;}
#top{position:relative; background:url(//cdn.ios.co.kr/jp/event/event_donkihote_ios/donkihote_main_bg.jpg) 50% 0% no-repeat;background-size: cover; font-family: 'Noto Sans KR', sans-serif;}
.width1170{width:1170px;margin:0 auto;}
.event_header{padding-top:50px; max-width: 1170px; width: 100%; margin: 0 auto;}
.onsenlogo{padding-bottom:40px;}
.bluecolor{color:#1d7bd1;}
.whcolor{color:#fff;}
.donkionsen{font-size:32px; font-weight: 400;padding:50px 0 90px 0; }
.shopping {font-size: 43px; color: #000;}
#top img { position: relative; }
.linewhite_text{font-size:30px;font-weight:600;letter-spacing:-1px;  }
.underline_text{font-size:18px; line-height:32px;padding:30px 0 30px 0;letter-spacing:-1px;margin-bottom:40px;  }
.e_h_1 {padding-top:60px; font-size:14px;    line-height: 140%; }
#evt_body01_m{position:relative; max-width: 920px; width: 100%;height:450px;  margin:0 auto;  }
#e_i{ position: absolute; top:50px; margin-left:100px; text-align: left; z-index: 1;}
#e_i2{top:50px;; margin-left:220px;text-align: left;
	max-width: 920px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 5px 5px 5px grey;
    padding: 50px 50px 50px 240px;}
.evt_body01_m { position:relative; max-width: 920px; width: 100%;  margin:0 auto; background:#fff; border-radius: 20px; box-shadow: 5px 5px 5px grey;     overflow: hidden; padding:50px; }
.evt_body01_m ul { overflow: hidden; }
.evt_body01_m ul li { float:left; }
.evt_body01_m ul li:nth-child(2) {text-align:left; margin-left:30px; }



.st_text{font-size:36px;font-wieght:600;color:#1d7bd1;padding-bottom:30px;text-align:left;}
.st_text2{font-size:36px;font-wieght:600;color:#1d7bd1;padding-top:60px;text-align:left;}
.part1_1box{background-color:#fff;text-align:left;padding:50px 80px 50px 80px;margin-top:50px;}
.part1_1box2{position:relative;height:250px;;text-align:left;padding:0px 0 50px 0;margin-top:50px;}
.blueicon{vertical-align:middle;}

.round_bluebox{display:block;font-size:20px;font-wieght:600;margin-bottom:12px;;padding:2px 16px;background-color:#1d7bd1;border-radius:20px;color:#ededed; width:110px; }
.round_bluebox_text{font-size:20px;line-height:34px;font-wieght:600;margin-bottom:10px;;}
.round_bluebox_text_small{font-size:16px;line-height:26px;;font-wieght:400;margin-bottom:10px;color:#d11d21;}
.st_text_rightbox{position:absolute;;left:540px;}
.price_coupon_st{font-size:30px;font-weight:600;padding-bottom:20px;}

.tab_btns {max-width:990px; width:100%;margin-bottom:0px;overflow:hidden;margin:0 auto; padding:0; }
.tab_btns li{float:left;width:330px;height:150px}
.tab_btn{background-position:0px 0px;background-repeat:no-repeat;cursor:pointer}
.tab_btns .activeBtn{background-position:bottom center;}
.tab_ctn{display:none;}
.tab_ctns .activeCtn{display:block}
.tab_ctn{ max-width:990px; width: 100%; margin: 0 auto;}
#tab_btn_1{background-image:url(//cdn.ios.co.kr/jp/event/event_donkihote/donkihote_nav_01.png)}
#tab_btn_2{background-image:url(//cdn.ios.co.kr/jp/event/event_donkihote/donkihote_nav_02.png)}
#tab_btn_3{background-image:url(//cdn.ios.co.kr/jp/event/event_donkihote/donkihote_nav_03.png)}
.width100 { width:100%; }
.mg100 { margin-top:100px; }
.smalltext { font-size: 15px; color: #ca181c; background: #fffef9; padding: 10px 20px; border-radius: 10px; margin-top:20px;}


/* 버튼 */
.tabBtnWrap { background:#2067ca; }
.tabBtn { padding:0; max-width:990px; width:100%; margin:0 auto; overflow: hidden;}
.tabBtn li { float:left; width:33.333333%; color:#fff; padding: 25px 0; cursor:pointer; background: -webkit-linear-gradient(left, #2067ca 65%,#14498c 100%); /* Chrome10-25,Safari5.1-6 */ }
.tabBtn li .btnText01 {font-size: 22px; margin-bottom: 0; font-weight: 300;}
.tabBtn li .btnText02 {font-size: 35px; font-weight: 500; margin-bottom: 0;}
.tabBtn li.active { background: #0db4eb; }



.blueround_box{background-color:#1d7bd1;padding:10px 26px;width:280px;border-radius:40px;font-size:30px;display: block;margin: 0 auto; font-weight:600;color:#fff;text-align:center;}
.blueround_box1{font-size:24px;line-height:34px;font-weight:400;padding-top:30px;}
.shoppingList { overflow: hidden;  padding: 0;}
.shoppingList li { float:left; width:32%; margin-right:2%;}
.shoppingList li:nth-child(3n) {margin-right:0;}
.shoppingList li img { width: 100%;}


.tab3logo {float: left; padding:70px 0 80px 0; width:35%; }
.tab3text {float: right; padding: 70px 0 80px 0; width:60%; text-align: left; font-size: 20px; letter-spacing: -1px;}
.yellowBox {background-color:#f6f598; padding-bottom:80px;}
.clickText {color:#d11d21;font-size:20px;font-weight:500;padding:20px 0 20px 0;}


.event_btn{padding:30px 0px;text-align:center}
.event_btn_ele{display:inline-block;text-decoration:none;width:250px;font-size:24px;padding:30px;color:#ffffff;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #c62d1f, #f24537);
  background-image: -moz-linear-gradient(top, #c62d1f, #f24537);
  background-image: -ms-linear-gradient(top, #c62d1f, #f24537);
  background-image: -o-linear-gradient(top, #c62d1f, #f24537);
  background-image: linear-gradient(to bottom, #c62d1f, #f24537) ;
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 120px;
}
.event_btn_ele:hover{text-decoration:none;color:#000000;
  background:#3cb0fd;
  background-image:-webkit-linear-gradient(top, #c62d1f, #f24537);
  background-image:-moz-linear-gradient(top, #c62d1f, #f24537);
  background-image:-ms-linear-gradient(top, #c62d1f, #f24537);
  background-image:-o-linear-gradient(top, #c62d1f, #f24537);
  background-image:linear-gradient(to bottom, #c62d1f, #f24537);
}

.event_cbody{margin: 0 auto;}
.tab_bg{background:url(//cdn.ios.co.kr/jp/event/event_donkihote/donkihote_nav_bg.png)}

@media only screen and (max-width: 990px) {
	.donkionsen { padding-bottom:25px; }
	#top img {width:80%}
	#e_i {margin-left:40px; }
	#e_i2 { padding: 50px 50px 50px 180px;}
	#evt_body01_m { margin: 0 20px; width: auto;}
	.evt_body01_m { width:95%; }
	.evt_body01_m ul { padding-left:0; }
	.part1_1box { margin-left: 20px; margin-right: 20px;}
	.st_text2 { margin-left: 20px; margin-right: 20px; }
	.part1_1box2 { margin-left: 20px; margin-right: 20px; }
	.part1_1box2 img { width: 49%;}
	.st_text_rightbox { width: 47%; left:54%; }
	.smalltext { margin-left: 20px; margin-right: 20px; }
	.width100 { width:95%; }

	.tab_btns li { width:33.33333%; background-position: top center; }
	.logoWrap { padding:0 20px;}

	.yellowBox { margin-left: 20px; margin-right: 20px;}
	.map { width:94%;}
}

@media only screen and (max-width: 915px) {
	.evt_body01_m ul li { float:none; }
	.evt_body01_m ul li:nth-child(2) { margin-left: 10px;}

}

@media only screen and (max-width: 850px) {
	.donkionsen { font-size:25px; }
	.shopping { font-size:35px; }
	#top img { width:90%; }
	.linewhite_text { font-size:23px; }
	.underline_text { font-size: 15px; line-height: 25px;}
	.round_bluebox { font-size: 16px; }
	.round_bluebox_text { font-size: 16px; line-height: 25px; margin-bottom: 5px;}
	.round_bluebox_text_small { font-size: 14px; }
	.st_text { font-size: 28px; }
	.st_text2 { font-size: 28px }
	.price_coupon_st { font-size: 25px; }
	#evt_body01_m { height:430px; }
	.evt_body01_m { padding: 30px;}

	.tabBtn li .btnText01 {font-size: 17px; }
	.tabBtn li .btnText02 {font-size: 27px;}

	.part1_1box { padding: 30px 50px 30px 50px;}


	.st_text2 {font-size: 28px;}
	.blueround_box {font-size: 25px; width: 240px;}
	.blueround_box1 { font-size:20px; line-height: 29px;}
	.shoppingList { margin-left: 20px; margin-right: 20px;}


	.tab3text { font-size: 17px;}
	.tab3text br { display:none;}
	.clickText { font-size:16px; margin: 0 20px; }
	.tap03btn { margin-top: 50px !important;}
}

@media only screen and (max-width: 550px) {
	.donkionsen { font-size: 20px;}
	.shopping { font-size: 25px;}
	.linewhite_text { font-size: 20px; margin: 0 20px;}
	.underline_text { margin: 0 20px 20px 20px; }
	#e_i { margin-left: 24px; top: 40px; }
	#e_i2 { padding: 40px 30px 40px 145px;}
	.round_bluebox_text_small { font-size: 13px; line-height: 22px;}
	.part1_1box { padding: 30px; }
	.st_text2 { font-size: 24px; }
	.st_text { font-size: 24px; }

	.tabBtn li { padding: 20px 0;}
	.tabBtn li .btnText01 {font-size: 15px; }
	.tabBtn li .btnText02 {font-size: 20px;}

	.part1_1box2 { height:auto; padding:0; }
	.part1_1box2 img { position:relative !important; width:100%;  }
	.st_text_rightbox { position:relative;  width: 100%; left:0; }
	.mg100 { margin-top:30px; }
	.price_coupon_st { font-size:20px; margin-top:10px; padding-bottom:10px;  }
	.cupnlink { margin-top:10px !important; }
	.smalltext { font-size: 12px; margin-left: 10px; margin-right: 10px;}

	.shoppingList li { float: none; width: 100%; margin: 0;}
	.shoppingList li img { padding-top:20px !important; }
	.blueround_box { font-size: 20px; width: 175px; padding: 6px 10px;}
	.blueround_box1 {font-size: 16px; line-height: 25px; margin-left: 20px; margin-right: 20px;}

	.tab3logo { width: 100%; padding: 20px 0 20px 0;}
	.tab3text { width: 100%; padding: 0px 0 20px 0;}
	.clickText { font-size:13px; }
	.tap03btn { margin-top: 20px !important;}
}