/*나눔바른고딕*/
@font-face {
  font-family: 'NBG';
  src: url('font/NBG.eot');
  src: url('font/NBG.eot?#iefix') format('embedded-opentype'),
       url('font/NBG.woff') format('woff'),
       url('font/NBG.ttf') format('truetype');
}

/*포천 오성과한음*/
@font-face {
  font-family: 'OH';
  src: url('font/OSeongandHanEum-Regular.eot');
  src: url('font/OSeongandHanEum-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/OSeongandHanEum-Regular.woff') format('woff'),
       url('font/OSeongandHanEum-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'OH_b';
  src: url('font/OSeongandHanEum-Bold.eot');
  src: url('font/OSeongandHanEum-Bold.eot?#iefix') format('embedded-opentype'),
       url('font/OSeongandHanEum-Bold.woff') format('woff'),
       url('font/OSeongandHanEum-Bold.ttf') format('truetype');
}




/*리뉴얼 이벤트*/
.renewal{ overflow:hidden; width:100%;}
.renewal .inner{ width:960px; margin:0 auto;}

/*상단*/
.renewal .section01{ background:#eee url(images/bg.png);}
.renewal .section01 .inner{ width:100%; background:url(images/bg2.png) no-repeat 50% 50%; background-size:cover; padding-top:30px; overflow:hidden;}
.main_title{ text-align:center; margin-bottom:40px;}
.main_title p{ margin-bottom:20px;}

.renewal .section01 .tab_renewal{ width:960px; margin:0 auto; display:table;}

.renewal .section01 .tab_renewal li{ display:table-cell; border-radius:4px 4px 0 0; }
.renewal .section01 .tab_renewal li a{ display:block; font-size:1.3em; text-align:center; line-height:1.4; border-radius:4px 4px 0 0; border:1px solid; border-width:1px 1px 0 1px; letter-spacing:-1px; padding:7px; font-weight:bold; overflow:hidden;}
.renewal .section01 .tab_renewal li a span.s01{ font-size:0.75em; font-weight:normal;}
.renewal .section01 .tab_renewal li.tab1{ background:#f6d4d9; color:#ec445f; border-color:#ec445f; width:32%}
.renewal .section01 .tab_renewal li.tab2{ background:#c0e0ef; color:#15303c; border-color:#15303c;}
.renewal .section01 .tab_renewal li.tab3{ background:#b4d771; color:#264a17; border-color:#264a17;}

.renewal .section01 .tab_renewal li.on{ background:#fff !important;}






.section02{ margin:40px auto 0 auto;}


.section03 .inner > p{ font-family:OH; font-size:2em; text-align:center; padding:1em 0 0.5em 0;}
.section03 ul li{overflow:hidden; display:table; width:100%; border-bottom:1px solid #ddd;padding:10px 0;}
.section03 ul li:first-child{ border-top:1px solid #ddd; }
.section03 ul li > div{ display:table-cell; vertical-align:middle; }

.section03 ul li > div.txt_area { text-align:center;}
.section03 ul li > div.txt_area p.num span{ display:inline-block; background:#588fe2; width:2em; height:2em; font-size:1.5em; color:#fff; border-radius:1em; line-height:2em;}
.section03 ul li:nth-child(even) > div.txt_area p.num span{background:#3aa9de;}
.section03 ul li > div.txt_area p.tit{ font-size:2em; font-weight:bold; margin-top:0.5em; font-family:OH_b;}
.section03 ul li > div.txt_area p.con{margin-top:1em;}
.section03 ul li > div.txt_area a{ display:inline-block; padding:0.5em 2.5em 0.5em 1em; background:#3a4769 url(images/btn_arrow.png) no-repeat right 50%;; color:#fff; border-radius:4px; margin-top:1em;}


.section03 ul li > div.img_area{ background:#eee; position:relative; overflow:hidden; padding:0; margin:0;width:417px;}
.section03 ul li > div.img_area p{ position:absolute; bottom:0; left:0; font-size:1.2em; line-height:1.4; width:100%; box-sizing:border-box; padding:0; background:rgba(0,0,0,0.5); padding:10px; color:#fff;}




.tab2_wrap{ text-align:center; margin-top:60px;}

.box_t span{ display:inline-block; padding:3px 10px; border:1px solid #000; color:#000; margin-bottom:10px; font-size:1.1em; font-weight:bold;}
.big_tit{ font-size:2.6em; text-align:center; font-family:OH_b; letter-spacing:-1px;}

.tab2_wrap .big_tit{color:#0d8ecb;}
.p01{ font-size:1.4em; margin-top:10px;}
.date{ font-size:1.4em; font-weight:bold; margin:15px 0 40px 0;}
.date span{ background:#588fe2; color:#fff; border-radius:15px; font-size:0.8em; height:1em; line-height:1em; display:inline-block; padding:5px 20px; vertical-align:middle;}
/*기대평 이벤트*/
.gift{overflow:hidden;}
.gift li{width:49%; margin-left:2%; float:left; border:3px solid #eee; box-sizing:border-box; padding:20px; text-align:center; position:relative;}
.gift li:first-child{margin-left:0;}
.gift li p.box{ position:absolute; top:-3px; left:-3px; background:#4e5c8d; color:#fff; padding:10px 10px 5px 10px; line-height:1.2;}
.gift li p.box span{ font-size:2em;}
.gift li p.tit{ font-size:2em; font-family:OH;}


.tab2_wrap2{background:#c0e0ef url(images/reply_bg.jpg) no-repeat 50% 50%; background-size:cover; padding:40px 0; margin-top:40px;}

.reply_input{overflow:hidden;display:table; width:100%; margin-top:20px; background:#4e5c8d; padding:1px; box-sizing:border-box;}
.reply_input div{display:table-cell;vertical-align:top;}
.reply_input div.re_left{overflow:hidden; height:155px; position: relative; border:none; background:#fff; box-sizing:border-box;}


.reply_input div.re_left textarea{height:130px; border:none; font-size:1.2em; line-height:1.4; box-sizing:border-box; overflow-y:scroll;}
.reply_input div.re_left p{ text-align:right; background:#fff; height:20px; overflow:hidden; line-height:20px; font-size:11px; box-sizing:border-box; position:absolute; bottom:5px; right:23px;}
.reply_input div.re_left p input{ display:inline-block; padding-right:3px; width:100px; height:20px; text-align:right; color:#0d8ecb;}
.reply_input div.re_right{width:140px; background:#4e5c8d; text-align:center; }
.reply_input div.re_right input{ width:140px; height:150px; background:none; border:none; color:#fff; display:block;}


.reply_list{ margin-top:1em; overflow:hidden; font-size:1em; }
.reply_list ul li{overflow:hidden;display:table; border-top:2px solid #c0e0ef; padding:10px 15px; width:100%; background:#f9fcfd; box-sizing:border-box; }

.reply_list ul li div{display:table-cell;}
.reply_list ul li div.member_id{ width:120px; color:#4e5c8d; font-weight:bold;}
.reply_list ul li div.member_con{  color:#000;}
@media(max-width:640px){
.reply_input div{display:block;}
.reply_input div.re_right{width:100%; background:#4e5c8d; text-align:center; }
.reply_input div.re_right input{ width:100%; height:50px; margin:0 auto;}
.reply_list ul li div.member_id{width:80px;}
}


/*꼭읽어주세요*/
.notice{ padding:40px 0 0 0; }
.notice .inner > p span{ display:inline-block; padding:0 5px; font-size:1.5em; background:#4e5c8d; color:#fff; margin-bottom:10px;}
.notice .inner ul li{ font-size:1.2em; line-height:1.5; margin:10px 0;}
.notice .inner ul li a{ font-weight:bold; text-decoration:underline; color:#0084ff;}


.banner{ overflow:hidden; margin:30px auto;}
.banner a{ display:block;}





/**/
.pop3{text-align:center; background:url(images/bg1.jpg) repeat-x;}
.pop3.bg2{text-align:center; background:url(images/bg2.jpg) repeat-x;}
.pop3 a{ display:block; }

@media (max-width:960px){
	.renewal .inner{ width:100%;}
	.main_title img{ max-width:85%;}
	.renewal .section01 .tab_renewal{ width:100%; padding:0 10px;box-sizing:border-box;}

	.tab2_wrap{ margin-top:40px; padding:0 15px; box-sizing:border-box;}
	.tab2_wrap2{ padding:40px 15px; box-sizing:border-box;}
	.reply_list{ font-size:1.2em;}

	.notice{  padding:20px 15px; box-sizing:border-box;}
	.notice .inner ul li{  line-height:1.6;}
}
@media(max-width:800px){

	.gift li p.tit{ font-size:1.7em; letter-spacing:-1px;}
}


@media(max-width:640px){
	.renewal{ font-size:0.8em}
	.big_tit{ font-size:2em;}
	.section03 .inner > p{ font-size:1.8em; letter-spacing:-1px;}
	.section03 ul li{display:block; padding:20px 15px; box-sizing:border-box;}
	.section03 ul li > div{ display:block;}
	.section03 ul li > div.img_area{ display:none;}
	.section03 ul li > div.txt_area p.tit{  font-family:OH; letter-spacing:-1px; font-size:1.8em;}
	.section03 ul li > div.txt_area p.con{ font-size:1.2em;}
	.renewal .section01 .tab_renewal li a span.s01{ font-size:0.9em; font-weight:bold; line-height:1.2;}
	.renewal .section01 .tab_renewal li a span.s01 span{  display:inline-block;}
	.renewal .section01 .tab_renewal li a span.s02{ display:none;}

	.banner{ overflow:hidden; margin:20px auto;}

	.gift li{ float:none; margin:5px 0; width:100%; overflow:hidden;}
	.gift li img{ float:left; width:40%;}
	.gift li p.con{ font-size:1.2em;}
	.gift li p.tit{ font-size:1.5em; letter-spacing:-1px;}
	.tab2_wrap .inner > img{  margin-bottom:40px;}
}


@media(max-width:400px){
	.renewal{width:100%;}
	.gift li img{ float:none; width:75%; margin:0 auto;}
	.gift li p.con{ margin-top:10px}
	.gift li p.tit{ font-size:1.8em; letter-spacing:-1px;}
}


/*푸터*/
.footer-copyright 		{width:100%; background-color:#292929; overflow:hidden; padding:30px 0 15px; text-align:left; color:#666; margin-top:50px;}
.l-container{ width:960px; margin:0 auto; padding:0; overflow:hidden;}
.logo-footer 			{float:left; width:150px;}
.companyinfo 			{float:left; font-size:12px; line-height:18px;}
.copyright 				{padding:5px 0;}

@media(max-width:768px){
	.l-container{width:100%; padding:0 15px; box-sizing:border-box;}
	.logo-footer{ width:100%; float:none;}
	.logo-footer img{ height:30px; margin-bottom:10px}
	.footer-copyright{ text-align:center; padding:20px 0 15px; margin-top:0;}
	.copyright{ background:#333;}
}

.renewal table{ border-top:2px solid #000; clear:both; border-collapse:collapse; width:100%; background:#fff;}
.renewal table thead th{ background:#888 ; color:#fff; border:1px solid #777 ; border-width:1px 0 1px 1px; padding:6px 8px;}
.renewal table tbody th{ background:#f7f6f4 ; color:#3a4769 ; border:1px solid #e2e2e2; border-width:1px 0 1px 1px; padding:6px 8px;}
.renewal table thead tr:first-child th:first-child{ border-left:0;}
.renewal table thead td{ border:1px solid #e2e2e2; border-width:1px 0 1px 1px;}
.renewal table tbody tr th:first-child{ border-left:0;}
.renewal table tbody tr th.line{ border-left:1px solid #e2e2e2;}
.renewal table tbody td{border:1px solid #e2e2e2; border-width:1px 0 1px  1px; text-align:center; padding:10px 15px; position:relative;}

.renewal table textarea{ width:100%; box-sizing:border-box;}
.renewal table table {border-top:0; margin:20px 0; }
.renewal table table thead th{ color:#333; background:#eee;}
.renewal table table tbody td{ background:#f5f5f5;}

a.btnstyle{ display:inline-block; padding:0.5em 2.5em 0.5em 1em; background:#3a4769 url(images/btn_arrow.png) no-repeat right 50%;; color:#fff; border-radius:4px; margin-top:1em;}

.pop{background:#c0e0ef url(images/reply_bg.jpg) no-repeat 50% 50%; background-size:cover; padding:20px;}
.tac{ text-align:center; margin:20px 0;}
.tal{ text-align:left !important;}
.tit_type{ font-size:1.5em; margin:20px 0 0 0; color:#588fe2 ; padding:8px; }
.textline{ text-decoration:line-through;}
.price{ display:block; font-size:1.4em; color:#588fe2; font-weight:bold;}
.price + img { position:absolute; top:10px; right:10px;}
.prev .price{ font-size:1em; color:#000;}
.magb{ margin-bottom:50px;}

.big_tit1{ font-size:2em; text-align:center; font-family:OH; letter-spacing:-1px;}
.big_tit2{ font-size:2.6em; text-align:center; font-family:OH_b; letter-spacing:-1px;}
.big_tit2 span{ background:#588fe2; color:#fff; display:inline-block; padding:0 10px; margin-bottom:20px; line-height:1.2;}



.renewal .page table{ border:0; width:auto; background:none; margin:0 auto; border-collapse:separate;}
.renewal .page table tr{ text-align:center; border-collapse:separate;}
.renewal .page table tr td{ padding:3px; border-collapse:separate; cursor:pointer;}


#thumbnail .next span img,
#thumbnail .prev span img{vertical-align:middle; margin:45px 0;}

@media(max-width:400px){
	.top_net .re a:last-child{ display:none;}
}


.renewal .inner2{ width:1000px; margin:0 auto;}
@media (max-width:1000px){
	.renewal .inner2{ width:100%; padding:0 15px; box-sizing:border-box;}
}
@media (min-width:768px){
.br_pc{ display:block;}
}


.e2_title{ margin:40px 0;}
.e2_title img{ max-width:100%;}

.e2_e2big_tit{ font-size:3.5em; font-family:OH; text-align:center; margin-top:40px;}
.e2_e2big_tit .span1{ text-decoration:underline; color:#598527;font-family:OH_b;}
.e2_e2big_tit .span2{ text-decoration:underline; color:#d53633;font-family:OH_b;}
.e2_tar{ text-align:right; margin:20px 10px 0 20px;}


.round_box{ border:1px solid #ddd; border-radius:8px; background:#eee; padding:15px; width:600px; margin:0 auto; font-size:1.1em; text-align:center; margin-top:10px;}
@media(max-width:640px){
	.round_box{ width:90%;}
	.e2_e2big_tit{ font-size:3em; }
}

@media(max-width:480px){
	.e2_e2big_tit{ font-size:2.4em; letter-spacing:-1px;}
	.e2_e2big_tit span{display:inline-block;}
}
.e2_event1{ background:#f2f2f2; padding:40px 0;}
.e2_event1 .inner2{ background:url(images/e2.png) no-repeat no-repeat right 90%;}
@media(max-width:480px){
	.e2_event1 .inner2{ background:url(images/e2.png) no-repeat no-repeat 98% bottom; background-size:35%;}
}
.e2_event1 .inner2.bgnew{ background:url(images/e2_2.png) no-repeat no-repeat right 90%;}
@media(max-width:900px){
	.e2_event1 .inner2.bgnew{ background:url(images/e2_2.png) no-repeat no-repeat 98% bottom; background-size:35%;}
}

.e2_event1 .p1 span{  padding:3px 20px; display:inline-block; font-weight:bold; font-size:1.3em; background:#005e20; color:#fff; border-radius:40px;}
.e2_event1 .p2{ font-size:1.8em; font-weight:bold; line-height:1.4; margin-top:20px;}

@media(max-width:640px){
	.e2_event1{padding:2em 0;}
	.e2_event1 .p1 span{ font-size:1em; line-height:1; padding:0.8em 20px 0.4em 20px;}
	.e2_event1 .p2{ font-size:1.5em; margin-top:1em;}

}
.e2_event1 .p3{  margin:10px 0 20px 0;}
.e2_e1_btn{ border:1px solid #000; display:inline-block; padding:0.8em 6em 0.8em 2em; font-weight:bold; background:url(images/btn_arrow2.png) no-repeat right 50%; font-size:1.1em;}

.event2_gift{overflow:hidden;}
.e2_box{ width:48%; margin:10px 1% ; float:left; text-align:left; border:3px solid #eee; box-sizing:border-box;}
.e2_box .title{font-family:OH_b; font-size:2em; line-height:1.4; padding:20px 20px 5px 20px; letter-spacing:-1px;}
.e2_box .title .green{ color:#409539;}
.e2_box .title .green span{ font-size:0.6em; font-family:OH;}
.e2_box .price2{ margin-top:0.5em; position:relative; border:1px solid #eee; background:#f5f5f5; border-radius:4px; padding:0 2em; line-height:70px; height:70px; margin:0 20px 0 20px }
.e2_box .price2 .cancel_price{color:#999;  font-size:1.4em;}
.e2_box .price2 .cancel_price span{text-decoration:line-through; margin-right:5px;}
.e2_box .price2 .discount_price{font-family:OH_b; font-size:2em; padding-left:5px; vertical-align:top;}
.e2_box .price2 .discount_price span{ font-family:NBG; font-size:0.7em; color:#999; padding-left:5px;}

.e2_box .price2 .discount_per{ position:absolute; top:0; right:0.5em; width:83px; height:60px; line-height:55px; background:url(images/discount_bg.png) no-repeat 50% 0; text-align:center;font-family:OH_b; color:#fff; font-size:2em;}
.e2_box .price2 .discount_per span{ font-size:0.6em; font-family:OH;}
@media(max-width:640px){
	.e2_box .price2{padding:0 1em; line-height:60px; height:60px; }
	
	.e2_box .price2 .discount_per{  position:absolute; top:0; right:0.2em; width:3.5em; height:3em; line-height:1.8em; background:url(images/discount_bg.png) no-repeat 50% 0; background-size:100% auto; text-align:center;font-family:OH_b; color:#fff; font-size:1.3em;}
}

@media(max-width:340px){
	.e2_box .title{ font-size:1.8em;}
	.e2_box .price2{ font-size:0.95em; letter-spacing:-1px;}
}
.gift_img{overflow:hidden; margin:20px; text-align:center;}
.gift_img li{max-width:48%; display:inline-block; position:relative; padding-bottom:0.5em;}
.gift_img li img{ max-width:100%}
.gift_img li .small_price{ font-size:0.9em; color:#999; text-align:right; position:absolute; bottom:0; right:0}

.color{background:#eee; padding:10px 20px; text-align:center;}
.color .round_t{ display:inline-block; background:#959595; border-radius:12px; line-height:24px; height:24px; color:#fff; font-size:0.9em; padding:0 1.5em; margin-right:10px;}

@media(max-width:768px){
	.e2_box{ float:none; width:100%; margin:10px 0 ; }
}


.e2_btn{ display:block; background:#005e20; color:#fff; max-width:150px; margin:0.5em auto; font-size:1.3em; padding:0.4em 0; text-align:center; border-radius:4px;}
@media(max-width:500px){
	.e2_btn{ width:80%;}
}

.what_digital{ background:#ebebeb; padding:40px 0; margin-top:40px;}
.what_digital ul{overflow:hidden; margin-top:10px;}
.what_digital ul li{  float:left; width:49%; margin:5px 0.5%; box-sizing:border-box; padding:1.5em 1.5em  1.5em 6em; font-size:1.2em; letter-spacing:-0.5px;}
.what_digital ul li strong{ background:#c4df9b; color:#000; padding:2px 5px;}
.what_digital .tit2{ font-size:1.5em; text-align:center; margin-top:20px;}
.e2_icon1{ background:#fff url(images/e2_icon1.png) no-repeat 1em 50%;}
.e2_icon2{ background:#fff url(images/e2_icon2.png) no-repeat 1em 50%;}
.e2_icon3{ background:#fff url(images/e2_icon3.png) no-repeat 1em 50%;}
.e2_icon4{ background:#fff url(images/e2_icon4.png) no-repeat 1em 50%;}

@media (max-width:920px){
	.what_digital ul li{ font-size:1em; padding:1.5em 1.5em  1.5em 7em;}
}

@media (max-width:790px){
	.what_digital ul li{ font-size:1.2em; float:none; width:100%;}
}


.tab2_wrap .inner{position:relative; overflow:hidden;}
.event01_finish{position:absolute;top:0;left:0;width:100%;width:100%;background:url(/images/common/black70.png);color:#fff; z-index:10; padding:200px; box-sizing:border-box; line-height:1.4;}

.event01_finish  div{ border:1px solid #fff; padding:25px; background:url(/images/common/black50.png); border-radius:10px; box-sizing:border-box;}

@media(max-width:820px){
	.event01_finish{ padding:200px 0}
	.event01_finish div{width:80%; margin:0  auto;}
}
.event01_finish .p01{ font-size:4em;}
.event01_finish .p02{ font-size:1.6em;}

@media(max-width:640px){
	.event01_finish{ padding:240px 0}
}

@media(max-width:540px){
	.event01_finish{ padding:200px 0}
}
@media(max-width:480px){
	.finish_br{display:block;}
	.event01_finish{padding:180px 0;}
}
@media(max-width:400px){
	.finish_br{display:block;}
	.event01_finish{padding:300px 0;}
}

.event01_finish + .event01_txt{opacity:0.5;}

.input_finish{  width:100%; background:#4e5c8d; color:#fff; font-size:1.2em; padding:30px 20px; box-sizing:border-box; z-index:10; text-align:center;}
.input_finish ~ div{display:none;}

.e2_box { position:relative;}
.e2_box img.icon_label{position:absolute; top:-3px; right:-3px; max-width:20%}


.tab_renewal .tab3{ position:relative;}
.s3_img{ position:absolute; bottom:35px; right:-20px;}
@media (max-width:640px){
	.s3_img{ width:4.5em; bottom:40px; right:-5px;}
}


.roundb{ background:#d53633; color:#fff; border-radius:4px; padding:2px 5px; display:inline-block; font-size:0.9em; margin:3px 5px;}