
/*------------------------------------------------- ¸®´º¾ó css 745¹ø ¶óÀÎºÎÅÍ ½ÃÀÛ ----------------------------------------------------------------------------------------------*/

input:-webkit-input-placeholder{color:#999999;} /*Å©·Ò, »çÆÄ¸®*/
input:-moz-input-placeholder{color:#999999;} /*ÆÄÀÌ¾îÆø½º*/
input:-ms-input-placeholderplaceholder{color:#999999;} /*ie*/

/*HTML5 / CSS3 placeholder*/
input:-webkit-input-placeholder {/* WebKit browsers */ color: #999999;}
input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999999;}
input:-ms-input-placeholder {/* Internet Explorer 10+ */color: #999999;}

/* Support for all WebKit browsers. */
 -webkit-font-smoothing: antialiased;

 /* Support for Safari and Chrome. */
 text-rendering: optimizeLegibility;

 /* Support for Firefox. */
 -moz-osx-font-smoothing: grayscale;

 /* Support for IE.  */
 font-feature-settings: 'liga'; 


/* ºÎÆ®½ºÆ®·¦ btn ÃÊ±âÈ­ */
.btn:hover, .btn:focus, .btn.focus{ color:inherit;}
.payinfo_top .parea_1 > dl > dd span.won
/* ±âÁ¸ css¿¡¼­ °¡Á®¿Â ºÎºÐ */
.style1 {color: #e54f4f;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
body { overflow-y: scroll;}
body.modal-open{padding-right:0px !important;overflow-y: scroll !important;}
body.provision_txt{line-height: 22px;}

/*±âÁ¸ common.css ½ÃÀÛ --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#conts{float:left;width:830px; margin-left:30px;}

.positionrel{ position:relative;}
/*ÃæÀü¼¾ÅÍ ½ÃÀÛ --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 2017-10-16 ¹ÚÁøÈ¯ :: start */
.txt-c{text-align: center !important;}
.txt-l{text-align: left !important;}
.txt-r{text-align: right !important;}
.fw600{ font-weight:600;}
.fontb{ font-weight: bold;}
/*   ¹öÆ°    */
.btn_paycustomer{ display:inline-block;  background-color:#7E8387; color:#fff; padding:11px 14px; font-size:13px; cursor:pointer; letter-spacing:-1px; border:1px solid #6f7579; }
.btn_paycustomer:hover{ text-decoration:none; border:1px solid #454545; background-color:#666; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.btn_gradein{ display:inline-block;  border: 1px solid #bebebe; font-size:#555; padding:11px 38px 11px 11px; font-size:13px; cursor:pointer; background:url(../img2/icon_btn_gradein.gif) no-repeat 96px center; text-align:center; letter-spacing:-1px; }
.btn_gradein:hover{}

/*   ¿ä±Ý¾È³»    */
.clr_blue{ /* color:#6a9fd4; */ font-family: 'Nanum Gothic'; line-height:120%; display:inline-block; padding-bottom:3px; font-size: 13px;}
.clr_purple{ color:#7d6ec7; font-family: 'Nanum Gothic'; line-height:140%; display:inline-block; padding-bottom:3px; font-size: 13px;}
.clr_purple_pb2{ color:#826fde; font-family: 'Nanum Gothic'; line-height:120%; display:inline-block; padding-bottom:3px;}
.clr_darkblue{/* color:#6B88B9; */ font-family: 'Nanum Gothic'; line-height:120%; display:inline-block; padding-bottom:3px; font-size: 13px; }
.clr_darkblue_pb2{ color:#6B88B9; font-family: 'Nanum Gothic'; line-height:120%; display:inline-block; padding-bottom:2px; }
.b{ font-weight:bold;}
.clr_evtred{color:#FF5531; font-weight: bold !important;}
.c_payinfo{ width:100%; position:relative;}
/*.c_payinfo .paylabel_01{position:absolute;left:160px;top: 5px;border-radius: 20px;padding:5px 15px;font-size:16px;font-family:tahoma, Geneva, sans-serif;color: #2196f3;border: 1px solid #2196f3;font-weight:normal;line-height:130%;letter-spacing:normal;}
.c_payinfo .paylabel_01 > i { font-size:14px; vertical-align:middle; margin-bottom:3px;}
.c_payinfo .paylabel_02{position:absolute;left: 261px;top: 5px;border-radius: 20px;padding:5px 15px;font-size:16px;font-family:tahoma, Geneva, sans-serif;background-color:#2196f3;border:1px solid #127ed4;color:#fff;font-weight:normal;line-height:130%;letter-spacing:normal;}
.c_payinfo .paylabel_02 > i { font-size:14px;}*/
.c_payinfo .paylabel_03{position:absolute;left: 126px;top: 6px;border-radius: 20px;padding: 5px 15px;font-size:12px;font-family:tahoma, Geneva, sans-serif;background-color:#2196f3;border:1px solid #127ed4;color:#fff;font-weight:normal;line-height:15px;letter-spacing:normal;height:17px;}
.c_payinfo .paylabel_03:hover{ background-color:#127ed4;border:1px solid #127ed4;}
.c_payinfo .paylabel_03 > i { font-size:11px;}
.c_payinfo .paylabel_04{position:absolute; right:53px;top: -5px;border-radius: 20px;padding:5px 15px;font-size:12px;font-family:tahoma, Geneva, sans-serif;color: #2196f3;border: 1px solid #2196f3;font-weight:normal;line-height:130%;letter-spacing:normal;}
.c_payinfo .paylabel_04 > i { font-size:14px; vertical-align:middle; margin-bottom:1px;}
.c_payinfo .paylabel_04:hover{ background-color:#2196f3; color:#fff;}
.c_payinfo .paylabel_04 > i:hover{}
.c_payinfo .pay_labelicon{position:absolute;left: 240px;top: 14px;font-size: 14px;color: #2196f3;}
.c_payinfo .top_caption{color: #7f7f7f;font-size:13px;letter-spacing:-0.6px;line-height:140%;}
.c_payinfo h2{ font-size:40px; line-height:150%; letter-spacing:-1px; color:#505050; font-weight:bold; font-family: 'Nanum Gothic', sans-serif;}
.c_payinfo h2 span{ font-weight:normal;}
.c_payinfo > p { font-size:13px; color:#868686; line-height:150%; letter-spacing:-1px; }
.btn_accept01{ display:inline-block; background-color:#58A3ED; padding:5px 0px 6px 0px; width:100%; line-height:150%; }
.btn_accept01 > i { padding-bottom:3px;}
/*.btn_accept01:hover{ background-color:#4e96de;  -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; }*/
.btn_accept02{ display:inline-block; background-color:#786bb9; padding:5px 0px; width:100%; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.btn_accept02:hover{ background-color:#564b8a; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.btn_accept03{ display:inline-block; background-color:#786BB9; padding:5px 0px 6px 0px; width:100%; line-height: 150%; font-size: 13px; }
.btn_accept03_3{ display:inline-block; background-color:#786BB9; padding:5px 0px 6px 0px; width:100%; line-height: 150%; font-size: 13px; }
/*.btn_accept03:hover{ background-color:#564b8a;  -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}*/
.btn_accept04{ display:inline-block; background-color:#fff; padding:4px 0px; width:100px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;  color:#505050; border:1px solid #9C9C9C;}
.btn_accept04:hover{ background-color:#f3f3f3; border:1px solid #888;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.btn_accept05{ display:inline-block; background-color:#58a3ed; padding:5px 0px; width:100%; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.btn_accept05:hover{ background-color:#58a3ed; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.1s ease-in-out;}


/* ÆÐÅ°Áö±¸¸Å - ±âÁ¸ ½Ã¾È (Å×½ºÆ® ÆäÀÌÁö¿¡¼­¸¸ »ç¿ëµÊ - payinfo_renew*/
.coin_area01 { overflow:hidden; margin-top:30px; width:100%;}
.coin_area01 > h3{ font-size:15px; letter-spacing:-1px; color:#505050; line-height:150%; font-family: tahoma, Geneva, sans-serif; }
.coin_area01 .coin_prbox{ background-color:#F6F6F6; padding:10px 10px 0px 10px; overflow:hidden; border-top:1px solid #ddd; margin-top:10px;}
.coin_area01 .coin_prbox:after{ clear:both; display:block; content:'';}
.coin_area01 .coin_prbox li{ border:2px solid #58A3ED; width:321px; height:135px; float:left; margin-right:10px; background-color:#fff; text-align:center; position:relative; margin-bottom:10px; cursor:pointer; }
.coin_area01 .coin_prbox li:nth-child(2n+0){ margin-right:0px;}
.coin_area01 .coin_prbox li.active{border-color:#145494; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36);}
.coin_area01 .coin_prbox li:hover{border-color:#145494;  -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area01 .coin_prbox li:last-child{margin-right:0px;}
.coin_area01 .coin_prbox li > .cap { padding:10px 0; background-color:#f3f5f7; margin-top:10px; font-size:13px; letter-spacing:-0.6px; color:#646464; }
.coin_area01 .coin_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; margin-top:10px;}
.coin_area01 .coin_prbox li > .btn { position:absolute; bottom:0px; left:0px; width:100%;}
.coin_area01 .coin_prbox li > .btn > a { color:#fff; font-size:12px; font-weight:600;}
.coin_area01 .coin_prbox li > .btn > a > i { color:#fff; font-size:13px;}
.coin_area01 .coin_prbox li > .prboxline{ position:absolute; top:20px; left:0px; width:13px; height:12px; }
.coin_area01 .coin_prbox li > .prboxline .line{ width:13px; height:2px; margin-bottom:2px; background-color:#58a3ed; display:inline-block;}

/* ÆÐÅ°Áö±¸¸Å - ±âÁ¸ ½Ã¾È¿¡¼­ ÄÁÆ®·ÑÀ» À§ÇØ .coin_prbox > .package_prbox·Î º¯°æÇÔ  */
.coin_area01 { overflow:hidden; margin-top:30px; width:100%;}
.coin_area01 > h3{ font-size:15px; letter-spacing:-1px; color:#505050; line-height:150%; font-family: tahoma, Geneva, sans-serif; }
.coin_area01 .package_prbox{ width:100%; background-color:#F6F6F6; padding:10px 10px 0px 10px; overflow:hidden; border-top:1px solid #ddd; margin-top:10px;}
.coin_area01 .package_prbox:after{ clear:both; display:block; content:'';}
.coin_area01 .package_prbox li{ border:2px solid #58A3ED; width:321px; height:135px; float:left; margin-right:10px; background-color:#fff; text-align:center; position:relative; margin-bottom:10px; cursor:pointer; }
.coin_area01 .package_prbox li:nth-child(2n+0){ margin-right:0px;}
.coin_area01 .package_prbox li.active{border-color:#145494; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36);}
.coin_area01 .package_prbox li:hover{border-color:#145494;  -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area01 .package_prbox li:last-child{margin-right:0px;}
.coin_area01 .package_prbox li > .cap { padding:10px 0; background-color:#f3f5f7; margin-top:10px; font-size:13px; letter-spacing:-0.7px; color:#646464; }
.coin_area01 .package_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; margin-top:10px;}
.coin_area01 .package_prbox li > .btn { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area01 .package_prbox li > .btn > a { color:#fff; font-size:12px; font-weight:600;}
.coin_area01 .package_prbox li > .btn > a > i { color:#fff; font-size:13px;}
.coin_area01 .package_prbox li > .prboxline{ position:absolute; top:23px; left:0px; width:13px; height:12px; }
.coin_area01 .package_prbox li > .prboxline .line{ width:13px; height:2px; margin-bottom:2px; background-color:#58a3ed; display:inline-block;}

/* active ÆÐÅ°Áö±¸¸Å*/


/* ÄÚÀÎ±¸¸Å 
.coin_area02{overflow:hidden; margin-top:20px; width:100%;}
.coin_area02 > h3{ font-size:15px; letter-spacing:-0.4px; color:#505050; line-height:150%; font-family: tahoma, Geneva, sans-serif; background: url(/img2/npoint/subtit_bullet.png) 0px 3.5px no-repeat; padding-left:20px;  }
.coin_area02 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal; }
.coin_area02 .coin_prbox { width:830px; padding:10px 0px 0px 0px; overflow:hidden; }
.coin_area02 .coin_prbox li{ border:2px solid #617CA8; width:250px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; overflow:hidden; margin-bottom:15px; cursor:pointer; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area02 .coin_prbox li.active{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02 .coin_prbox li:hover{border-color:#5a6672;
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02 .coin_prbox li:nth-child(3n+0){ margin-right:0px;}
.coin_area02 .coin_prbox li.first{ margin-top:10px;}
.coin_area02 .coin_prbox li > .cap { padding:5px 0 1px 0; font-size:14px; letter-spacing:-0.6px; color:#646464; }
.coin_area02 .coin_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold;}
.coin_area02 .coin_prbox li > .btn_coin { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area02 .coin_prbox li > .btn_coin > a { color:#fff; font-size:12px; font-weight:600;}
.coin_area02 .coin_prbox li > .btn_coin > a.btn_accept01 {display:inline-block; background-color:#617CA8; padding:5px 0px 6px 0px; width:100%; line-height:150%; font-size: 13px;}
.coin_area02 .coin_prbox li:hover .btn_coin > a {
background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coin_area02 .coin_prbox li > .btn_coin > a > i { color:#fff; font-size:13px;}*/


/* 15¸Þ°¡ ÄÚÀÎ±¸¸Å 
.coin_area02_1{overflow:hidden; margin-top:30px; width:830px;}
.coin_area02_1 > h3{ font-size:15px; letter-spacing:-0.4px; color:#505050; line-height:150%; font-family: tahoma, Geneva, sans-serif;background: url(/img2/npoint/subtit_bullet.png) 0px 3.5px no-repeat; padding-left:20px;  }
.coin_area02_1 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal;}
.coin_area02_1 .newcoin_prbox { width:830px; padding:10px 0px 0px 0px; overflow:hidden;  }
.coin_area02_1 .newcoin_prbox li{ border:2px solid #58A3ED; width:250px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; overflow:hidden; margin-bottom:15px; cursor:pointer; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);} 
.coin_area02_1 .newcoin_prbox li.active{border-color:#5a6672; 
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.coin_area02_1 .newcoin_prbox li.active .btn_coin > a{ background-color: #5a6672; border-color:#5a6672;}
.coin_area02_1 .newcoin_prbox li:hover{border-color:#5a6672;
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02_1 .newcoin_prbox li:nth-child(3n+0){ margin-right:0px;}
.coin_area02_1 .newcoin_prbox li.first{ margin-top:10px;}
.coin_area02_1 .newcoin_prbox li > .cap { padding:5px 0 1px 0; font-size:14px; letter-spacing:-0.6px; color:#646464; }
.coin_area02_1 .newcoin_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold;}
.coin_area02_1 .newcoin_prbox li > .btn_coin { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area02_1 .newcoin_prbox li:hover > .btn_coin > a { background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area02_1 .newcoin_prbox li > .btn_coin > a { color:#fff; font-size:13px; font-weight:600;}
.coin_area02_1 .newcoin_prbox li > .btn_coin > a > i { color:#fff; font-size:13px;}*/



/* ÄÚÀÎ±¸¸Å */
.coin_area02{overflow:hidden; margin-top:20px; width:100%;}
.coin_area02 > h3{ font-size:15px; letter-spacing:-0.4px; color:#505050; line-height:150%; font-family: tahoma, Geneva, sans-serif; background: url(/img2/npoint/subtit_bullet.png) 0px 3.5px no-repeat; padding-left:20px;  }
.coin_area02 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal; }

/*12-15 ÀÌº¥Æ® bg,border »ö»ó º¯°æ Å¬·¡½º Àû¿ë*/
.coin_area02 .prbox_eventbg li { border:2px solid #fe783a !important;}
.coin_area02 >.prbox_eventbg > li > .btn_coin > .btn_accept01 { background-color: #fe783a !important; }

.coin_area02 .coin_prbox { width:830px; padding:10px 0px 0px 0px; overflow:hidden;  }
.coin_area02 .coin_prbox li{ border:2px solid #58A3ED; width:250px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; /*overflow:hidden;*/ margin-bottom:15px; cursor:pointer; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);} 
.coin_area02 .coin_prbox li.active{border-color:#5a6672; 
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.coin_area02 .coin_prbox li.active .btn_coin > a{ background-color: #5a6672; border-color:#5a6672;}
.coin_area02 .coin_prbox li:hover{border-color:#5a6672;
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02 .coin_prbox li:nth-child(3n+0){ margin-right:0px;}
.coin_area02 .coin_prbox li.first{ margin-top:10px;}
.coin_area02 .coin_prbox li > .cap { padding:5px 0 1px 0; font-size:14px; letter-spacing:-0.6px; color:#454545; }
.coin_area02 .coin_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; color:#454545;}
.coin_area02 .coin_prbox li > .btn_coin { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area02 .coin_prbox li:hover > .btn_coin > a { background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area02 .coin_prbox li > .btn_coin > a { color:#fff; font-size:13px; font-weight:600;}
.coin_area02 .coin_prbox li > .btn_coin > a > i { color:#fff; font-size:13px;}

.coin_area02 .coin_prbox li > .btn_coin > a:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f107"; font-size: 15px;}
.coin_area02 .coin_prbox li.active > .btn_coin > a:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f106"; font-size: 15px;}



/* 15¸Þ°¡ ÄÚÀÎ±¸¸Å */
.coin_area02_1{overflow:hidden; margin-top:30px; width:830px;}
.coin_area02_1 > h3{ font-size:15px; letter-spacing:-0.4px; color:#454545; line-height:150%; font-family: tahoma, Geneva, sans-serif;background: url(/img2/npoint/subtit_bullet.png) 0px 3.5px no-repeat; padding-left:20px;  }
.coin_area02_1 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal;}

.coin_area02_1 .newcoin_prbox { width:830px; padding:10px 0px 0px 0px; overflow:hidden; }
.coin_area02_1 .newcoin_prbox li{ border:2px solid #5579b1; width:250px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; /*overflow:hidden;*/ margin-bottom:15px; cursor:pointer; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area02_1 .newcoin_prbox li.active{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02_1 .newcoin_prbox li.active > .btn_coin > a.btn_accept01 { background-color: #5a6672; border-color:#5a6672;}
.coin_area02_1 .newcoin_prbox li:hover{border-color:#5a6672;
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area02_1 .newcoin_prbox li:nth-child(3n+0){ margin-right:0px;}
.coin_area02_1 .newcoin_prbox li.first{ margin-top:10px;}
.coin_area02_1 .newcoin_prbox li > .cap { padding:5px 0 1px 0; font-size:14px; letter-spacing:-0.6px; color:#454545; }
.coin_area02_1 .newcoin_prbox li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; color:#454545;}
.coin_area02_1 .newcoin_prbox li > .btn_coin { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area02_1 .newcoin_prbox li > .btn_coin > a { color:#fff; font-size:12px; font-weight:600;}
.coin_area02_1 .newcoin_prbox li > .btn_coin > a.btn_accept01 {display:inline-block; background-color:#5579b1; padding:5px 0px 6px 0px; width:100%; line-height:150%; font-size: 13px;}
.coin_area02_1 .newcoin_prbox li:hover .btn_coin > a {
background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coin_area02_1 .newcoin_prbox li > .btn_coin > a > i { color:#fff; font-size:13px;}

.coin_area02_1 .newcoin_prbox li > .btn_coin > a:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f107"; font-size: 15px;}
.coin_area02_1 .newcoin_prbox li.active > .btn_coin > a:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f106"; font-size: 15px;}








/* ÃæÀü ÀÌº¥Æ® °ü·Ã */
.mb15_txt{ text-decoration: line-through; font-size: 14px;}
.mb20_txt{ color:#ff3c01; font-weight: bold; font-size: 16px; font-weight: bold;}

/* Á¤¾×±Ç ±¸¸Å */
.coin_area03{overflow:hidden; margin-top:20px; width:100%;}
.coin_area03 > h3{ font-size:15px; letter-spacing:-0.4px; color:#505050; line-height:150%;font-family: tahoma, Geneva, sans-serif;background: url(/img2/npoint/subtit_bullet.png) 0px 3px no-repeat; padding-left:20px;  }
.coin_area03 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal;}
.coin_area03 .coin_prbox_t1 {padding:10px 0px; /*overflow:hidden;*/ height: 112px;}
.coin_area03 .coin_prbox_t1 li{ border:2px solid #786bb9; /*width: calc(100% - 4px);*/ width:780px; height:93px; float:left;  background-color:#fff; text-align:center; position:relative; /*overflow:hidden;*/ cursor:pointer;-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); overflow: hidden;}
.coin_area03 .coin_prbox_t1 li.active{border-color:#483a8c; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area03 .coin_prbox_t1 li:hover{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area03 .coin_prbox_t1 li > .label_firstpay{ position: absolute; right:-33px; top:-45px;}
.coin_area03 .coin_prbox_t1 li > .day{width: 80px;height:19px;display:inline-block;position:absolute;left: 114px;top:35px;background-color:#82b744;color:#fff;font-size:13px;font-weight:600;border-radius: 4px;line-height: 18px;}
.coin_area03 .coin_prbox_t1 li > .day > span{ padding-top:0px; display:inline-block; }
.coin_area03 .coin_prbox_t1 li > .left{margin-left: 202px;float:left;width:240px;text-align:left;font-size:13px;padding-top:35px;letter-spacing:-0.6px;color: #454545;}
.coin_area03 .coin_prbox_t1 li > .left > .cap{/*margin-top:1px;*/ font-size:14px; font-weight: bold;}
.coin_area03 .coin_prbox_t1 li > .right{padding: 15px 71px 0 0;margin-right: 35px;width: 220px;float:right;}
.coin_area03 .coin_prbox_t1 li > .right .price { font-family:tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; margin-bottom:10px; color: #454545;}
.coin_area03 .coin_prbox_t1 li > .right .price_event{ font-family:tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; margin-bottom:10px;}
.coin_area03 .coin_prbox_t1 li > .right .price_event .tit1{ margin-right: 3px; font-size: 14px; color: #7f7f7f; font-weight: normal;} 
.coin_area03 .coin_prbox_t1 li > .right .price_event .tit2{}
.coin_area03 .coin_prbox_t1 li > .right > .btn_coin{ height:28px;}
.coin_area03 .coin_prbox_t1 li > .right > .btn_coin > a { color:#fff; font-size:13px; font-weight:600; padding-top:4px;}
.coin_area03 .coin_prbox_t1 li:hover > .right > .btn_coin > a.btn_accept02{background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area03 .coin_prbox_t1 li > .right > .btn_coin > a > i { color:#fff; font-size:13px;}

.coin_area03 .coin_prbox_t1 li > .prboxline{ position:absolute; top:20px; left:0px; width:13px; height:12px; }
.coin_area03 .coin_prbox_t1 li > .prboxline .line{ width:13px; height:2px; margin-bottom:2px; background-color:#786BB9; display:inline-block;}
.coin_area03 .coin_prbox_t1 li > .prboxicon{ position:absolute; right:-8px; bottom:-15px; }
.coin_area03 .coin_prbox_t1 li > .prboxicon > i { font-size:80px; opacity:0.05;}


.coin_area03 .coin_prbox_t2 { width:100%; padding:10px 0px 0px 0px; overflow:hidden;}
.coin_area03 .coin_prbox_t2 li{ border:2px solid #786BB9; width:383px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; margin-bottom:15px; cursor:pointer; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area03 .coin_prbox_t2 li.li_3n{ border:2px solid #786BB9; width:250px; height:93px; float:left; margin-right:15px; background-color:#fff; text-align:center; position:relative; margin-bottom:15px; cursor:pointer;-webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area03 .coin_prbox_t2 li.li_3n:last-child{margin-right:0px;}
.coin_area03 .coin_prbox_t2 li.active{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
 }
.coin_area03 .coin_prbox_t2 li:hover{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.coin_area03 .coin_prbox_t2 li:nth-child(2n){ margin-right:0px;}
.coin_area03 .coin_prbox_t2 li:nth-child(4n){ margin-right:15px;}
.coin_area03 .coin_prbox_t2 li > .day{width:49px; height:49px; display:inline-block; position:absolute; left:14px; top:10px; background-color:#c4c4ea; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:600; border-radius:50%; overflow:hidden;}
.coin_area03 .coin_prbox_t2 li > .day > span{ padding-top:15px; display:inline-block; font-size:13px; }
.coin_area03 .coin_prbox_t2 li > .cap { padding:5px 5px 1px 5px;; margin-top:6px; font-size:14px; letter-spacing:-0.6px; color:#454545; }
.coin_area03 .coin_prbox_t2 li > .btn_coin { position:absolute; bottom:0px; left:0px; width:100%; height:28px; overflow:hidden;}
.coin_area03 .coin_prbox_t2 li > .btn_coin > a { color:#fff; font-size:13px; font-weight:600;}
.coin_area03 .coin_prbox_t2 li:hover > .btn_coin > a.btn_accept03{
background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coin_area03 .coin_prbox_t2 li:hover > .btn_coin > a.btn_accept03_3{
background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.coin_area03 .coin_prbox_t2 li > .btn_coin > a > i { color:#fff; }
.coin_area03 .coin_prbox_t2 li > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; color:#454545; }
.coin_area03 .coin_prbox_t2 li > .prboxicon{ position:absolute; right:-5px; bottom:15px; }
.coin_area03 .coin_prbox_t2 li > .prboxicon > i { font-size:55px; opacity:0.05;}
.coin_area03 .coin_prbox_t2 li.active > .btn_coin a.btn_accept03_3{ background-color: #5a6672; border-color:#5a6672;}
.coin_area03 .coin_prbox_t2 li.active > .btn_coin a.btn_accept03{ background-color: #5a6672; border-color:#5a6672;}
.coin_area03 .coin_prbox_t1 li.active > .right > .btn_coin a.btn_accept02{ background-color: #5a6672; border-color:#5a6672;}
.coin_area03 .coin_prbox_t1 li.active {border-color:#5a6672;}



.coin_area03 .coin_prbox_t1 li > .right > .btn_coin > a.btn_accept02:after{position:absolute; right: 150px; font-family: 'FontAwesome';  content: "\f107"; font-size: 15px;}
.coin_area03 .coin_prbox_t1 li.active > .right > .btn_coin > a.btn_accept02:after{position:absolute; right: 150px; font-family: 'FontAwesome';  content: "\f106"; font-size: 15px;}

.coin_area03 .coin_prbox_t2 li > .btn_coin > a.btn_accept03:after{position:absolute; left: 212px; font-family: 'FontAwesome';  content: "\f107"; font-size: 15px;}
.coin_area03 .coin_prbox_t2 li.active > .btn_coin > a.btn_accept03:after{position:absolute; left: 212px; font-family: 'FontAwesome';  content: "\f106"; font-size: 15px;}

.coin_area03 .coin_prbox_t2 li > .btn_coin > a.btn_accept03_3:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f107"; font-size: 15px;}
.coin_area03 .coin_prbox_t2 li.active > .btn_coin > a.btn_accept03_3:after{position:absolute; left: 144px; font-family: 'FontAwesome';  content: "\f106"; font-size: 15px;}


/*½Ã°£Á¦ ±¸¸Å*/
.coin_area03 .coin_prbox_t3 { background-color:#F6F6F6; padding:10px 10px 0px 10px; overflow:hidden; border-top:1px solid #fff;}
.coin_area03 .coin_prbox_t3 li{ border:2px solid #6b88b9; width:321px; height:120px; float:left; margin-right:10px; background-color:#fff; text-align:center; position:relative; margin-bottom:10px; overflow:hidden; cursor:pointer;}
.coin_area03 .coin_prbox_t3 li.active{border-color:#3a5d98; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area03 .coin_prbox_t3 li:hover{border-color:#3a5d98; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area03 .coin_prbox_t3 li:nth-child(2n+0){ margin-right:0px;}
.coin_area03 .coin_prbox_t3 li > .left{width:70px; background-color:#6B88B9; height:100%; float:left;}
.coin_area03 .coin_prbox_t3 li > .left > span{padding: 10px 0;color:#dfe6f1;background-color: #617CA8;font-weight:600;width: 100%;display:inline-block;;font-size:14px;marin-top: 30px;margin-top: 39px;}
.coin_area03 .coin_prbox_t3 li > .right{ float:right; width:251px; text-align:center;}
.coin_area03 .coin_prbox_t3 li > .right .cap { padding:20px 0 5px 0; font-size:13px; letter-spacing:-0.6px; color:#646464; }
.coin_area03 .coin_prbox_t3 li > .right > .prboxicon{ position:absolute; right:-10px; bottom:-12px; }
.coin_area03 .coin_prbox_t3 li > .right > .prboxicon > i { font-size:60px; opacity:0.05;}
.coin_area03 .coin_prbox_t3 li > .right > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; margin-bottom:10px;}
.coin_area03 .coin_prbox_t3 li > .right > .btn { height:28px;}
.coin_area03 .coin_prbox_t3 li > .right > .btn > a { padding-top:7px;}

/*½Ã°£Á¦ ±¸¸Ç - Ãß°¡»çÇ×*/
.coin_area04{overflow:hidden; margin-top:30px; width:100%;}
.coin_area04 > h3{ font-size:15px; letter-spacing:-1px; color:#505050; line-height:150%;  }
.coin_area04 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal;}
.coin_area04 .coin_prbox_t3 { width:100%; background-color:#F6F6F6; padding:10px 10px 0px 10px; overflow:hidden; border-top:1px solid #fff;}
.coin_area04 .coin_prbox_t3 li{ border:2px solid #6b88b9; width:321px; height:120px; float:left; margin-right:10px; background-color:#fff; text-align:center; position:relative; margin-bottom:10px; overflow:hidden; cursor:pointer;}
.coin_area04 .coin_prbox_t3 li.active{border-color:#3a5d98; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area04 .coin_prbox_t3 li:hover{border-color:#3a5d98; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.36); }
.coin_area04 .coin_prbox_t1 li:hover > .right > .btn_coin > a.btn_accept05{background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area04 .coin_prbox_t1 li:hover > .prboxline .line{background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;} 
.coin_area04 .coin_prbox_t1 li:hover > .day{background-color: #FF5722;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;} 
.coin_area04 .coin_prbox_t3 li:nth-child(2n+0){ margin-right:0px;}
.coin_area04 .coin_prbox_t3 li > .left{width:70px; background-color:#6B88B9; height:100%; float:left;}
.coin_area04 .coin_prbox_t3 li > .left > span{padding: 10px 0;color:#dfe6f1;background-color: #617CA8;font-weight:600;width: 100%;display:inline-block;;font-size:14px;margin-top: 39px;font-family: Tahoma, Geneva, sans-serif;}
.coin_area04 .coin_prbox_t3 li > .right{ float:right; width:251px; text-align:center;}
.coin_area04 .coin_prbox_t3 li > .right .cap { padding:18px 0 5px 0; font-size:13px; letter-spacing:-0.6px; color:#646464; }
.coin_area04 .coin_prbox_t3 li > .right > .prboxicon{ position:absolute; right:-10px; bottom:-12px; }
.coin_area04 .coin_prbox_t3 li > .right > .prboxicon > i { font-size:60px; opacity:0.05;}
.coin_area04 .coin_prbox_t3 li > .right > .price { font-family:tahoma, Geneva, sans-serif; font-size:15px; font-weight:bold; margin-bottom:10px;}
.coin_area04 .coin_prbox_t3 li > .right > .btn_coin { height:28px;}
.coin_area04 .coin_prbox_t3 li > .right > .btn_coin > a { padding-top:7px;}


/* ÄÚÀÎ ÀÚµ¿ÃæÀü ¿øº» */

.coin_area04{overflow:hidden; margin-top:30px; width:100%;}
.coin_area04 > h3{ font-size:15px; letter-spacing:-0.4px; color:#505050; line-height:150%;font-family: tahoma, Geneva, sans-serif; background: url(/img2/npoint/subtit_bullet.png) 0px 3px no-repeat; padding-left:20px;    }
.coin_area04 > h3 > span{ font-size:13px; color:#9c9c9c; font-weight:normal;}
.coin_area04 .coin_prbox_t1 {padding:10px 0px; /*overflow:hidden;*/ height: 101px;}
.coin_area04 .coin_prbox_t1 li{ border:2px solid #58a3ed; /*width: calc(100% - 4px);*/ width:780px; height:82px; float:left;  background-color:#fff; text-align:center; position:relative; overflow:hidden; cursor:pointer;-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area04 .coin_prbox_t1 li.active{border-color:#483a8c; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area04 .coin_prbox_t1 li:hover{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area04 .coin_prbox_t1 li > .label_firstpay{ position: absolute; right:-33px; top:-45px;}
.coin_area04 .coin_prbox_t1 li > .day{width: 86px;height:19px;display:inline-block;position:absolute;left: 95px;top:30px;background-color:#ff9800;color:#fff;font-size:13px;font-weight:600;border-radius: 0px;line-height: 18px;}
.coin_area04 .coin_prbox_t1 li > .day > span{ padding-top:0px; display:inline-block; }
.coin_area04 .coin_prbox_t1 li > .left{margin-left: 192px;float:left;width:240px;text-align:left;font-size:13px;padding-top:29px;letter-spacing:-0.6px;color: #646464;}
.coin_area04 .coin_prbox_t1 li > .left > .cap{margin-top:1px; font-size:16px; font-weight: bold; letter-spacing: -0.6px; color:#323232;}
.coin_area04 .coin_prbox_t1 li > .right{padding: 0px 71px 0 0;margin:26px 35px 0px 0px; width: 220px;float:right;}
.coin_area04 .coin_prbox_t1 li > .right .price { font-family:tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; margin-bottom:10px;}
.coin_area04 .coin_prbox_t1 li > .right > .btn_coin{ height:28px;}
.coin_area04 .coin_prbox_t1 li > .right > .btn_coin > a { color:#fff; font-size:13px; font-weight:600; padding-top:4px;}
.coin_area04 .coin_prbox_t1 li:hover > .right > .btn_coin > a.btn_accept02{background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area04 .coin_prbox_t1 li > .right > .btn_coin > a > i { color:#fff; font-size:13px;}

.coin_area04 .coin_prbox_t1 li > .prboxline{ position:absolute; top:20px; left:0px; width:13px; height:12px; }
.coin_area04 .coin_prbox_t1 li > .prboxline .line{ width:13px; height:2px; margin-bottom:2px; background-color:#58a3ed; display:inline-block;}
.coin_area04 .coin_prbox_t1 li > .prboxicon{ position:absolute; right:-14px; bottom:-15px; }
.coin_area04 .coin_prbox_t1 li > .prboxicon > i { font-size:80px; opacity:0.12;}

/* ÄÚÀÎ ÀÚµ¿ÃæÀü ¿øº» - Å¬·¡½º¸í º¯ */

.coin_area04 .autocoin_prbox_t1 {padding:10px 0px; /*overflow:hidden;*/ height: 101px;}
.coin_area04 .autocoin_prbox_t1 li{ border:2px solid #58a3ed; /*width: calc(100% - 4px);*/ width:780px; height:82px; float:left;  background-color:#fff; text-align:center; position:relative; overflow:hidden; cursor:pointer;-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); -ms-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17); box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.17);}
.coin_area04 .autocoin_prbox_t1 li.active{border-color:#483a8c; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area04 .autocoin_prbox_t1 li:hover{border-color:#5a6672; 
box-shadow: 2px 4px 6px 0px rgba(140, 140, 140, 1);
-webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
-ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;}
.coin_area04 .autocoin_prbox_t1 li > .label_firstpay{ position: absolute; right:-33px; top:-45px;}
.coin_area04 .autocoin_prbox_t1 li > .day{width: 86px;height:19px;display:inline-block;position:absolute;left: 95px;top:30px;background-color:#ff9800;color:#fff;font-size:13px;font-weight:600;border-radius: 0px;line-height: 18px;}
.coin_area04 .autocoin_prbox_t1 li > .day > span{ padding-top:0px; display:inline-block; }
.coin_area04 .autocoin_prbox_t1 li > .left{margin-left: 192px;float:left;width:240px;text-align:left;font-size:13px;padding-top:29px;letter-spacing:-0.6px;color: #646464;}
.coin_area04 .autocoin_prbox_t1 li > .left > .cap{margin-top:1px; font-size:16px; font-weight: bold; letter-spacing: -0.6px; color:#323232;}
.coin_area04 .autocoin_prbox_t1 li > .right{padding: 0px 71px 0 0;margin:26px 35px 0px 0px; width: 220px;float:right;}
.coin_area04 .autocoin_prbox_t1 li > .right .price { font-family:tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; margin-bottom:10px;}
.coin_area04 .autocoin_prbox_t1 li > .right > .btn_coin{ height:28px;}
.coin_area04 .autocoin_prbox_t1 li > .right > .btn_coin > a { color:#fff; font-size:13px; font-weight:600; padding-top:4px;}
.coin_area04 .autocoin_prbox_t1 li:hover > .right > .btn_coin > a.btn_accept02{background-color: #5a6672;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.coin_area04 .autocoin_prbox_t1 li > .right > .btn_coin > a > i { color:#fff; font-size:13px;}

.coin_area04 .autocoin_prbox_t1 li > .prboxline{ position:absolute; top:20px; left:0px; width:13px; height:12px; }
.coin_area04 .autocoin_prbox_t1 li > .prboxline .line{ width:13px; height:2px; margin-bottom:2px; background-color:#58a3ed; display:inline-block;}
.coin_area04 .autocoin_prbox_t1 li > .prboxicon{ position:absolute; right:-14px; bottom:-15px; }
.coin_area04 .autocoin_prbox_t1 li > .prboxicon > i { font-size:80px; opacity:0.12;}

/* °£Æí¾ÆÀÌµð Ãß°¡ */

.id_add{border-top:2px solid #a7a7a7;}

.id_write {width:100%; }
.id_write th {height:61px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#222; font-weight:bold; background-color:#efefef; text-align:left; padding-left:20px;}
.id_write td {padding:8px 0px 8px 15px; border-bottom:1px solid #ccc;}
.id_write_input1 {width:100px; height:20px; border:1px solid #999}
.id_write_input1_off {width:100px; height:20px; border:1px solid #ededed; background-color:#f6f6f6} 	
.id_write_select {width:100px; height:22px; border:1px solid #999; margin-bottom:2px}
.id_write_input2 {width:430px; height:20px; padding-left:3px; border:1px solid #999;}
.id_write_input2_off {width:430px; height:20px; padding-left:3px; border:1px solid #ededed; background-color:#f6f6f6} 	
.id_write_input3 {width:50px; height:20px; border:1px solid #999; text-align:center}
.id_write_input4 {width:300px; height:20px; border:1px solid #999; padding-left:3px}
.id_write_input5 {width:50px; height:20px; border:1px solid #999; padding-right:2px; text-align:right}
.id_write_input6 {width:120px; height:20px; border:1px solid #999; padding-right:2px; text-align:right}
.id_write_textarea {width:97%; height:200px; border:1px solid #999;padding:10px; line-height:1.5em; margin:5px 0}


.id_addcheck{ margin:0px; padding:10px 20px; background-color:#f3f3f3; margin-top:10px; border:1px solid #dfdfdf;}
.id_addcheck li { margin-top:5px; display:block;}
.id_addcheck li > a { text-decoration:underline;}

.center_block{ width:100%; text-align:center;}
.btn_idadd{ display:inline-block; padding:8px 10px; min-width:70px; background-color:#2AA3FF; color:#fff; font-weight:bold; border:1px solid #0F83DE; text-align:center;}
.btn_idadd:hover{ text-decoration:none; color:#fff; -webkit-transition: all 0.1s ease-in-out; background-color:#1e93ec;}
.btn_rewrite{ display:inline-block; padding:8px 10px; min-width:70px; background-color:#949494; color:#fff; font-weight:bold; border:1px solid #7d7d7d; text-align:center;}
.btn_rewrite:hover{ text-decoration:none; color:#fff; -webkit-transition: all 0.1s ease-in-out; background-color:#848484; }


/* °áÁ¦Á¤º¸*/
.pd10{padding:10px;}
.ovh{ overflow:hidden;}
.dotted{clear: both; overflow: hidden; border: 0; border-bottom: 1px dotted #ddd; height: 3px; margin-bottom: 8px; margin-top:0px;}
.paym_info_wrap{ border:3px solid #5A6672; width:780px; /*overflow:hidden;*/ background: #fff; 
box-shadow: 2px 6px 9px 0px rgba(140, 140, 140, 0.6);
-webkit-box-shadow: 2px 6px 9px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 2px 6px 9px 0px rgba(140, 140, 140, 0.6);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border-radius: 7px;
}


.payinfo_top{ /*overflow:hidden;*/ position: relative;}
.payinfo_top > h4{ width:100%; background-color:#5A6672; margin:inherit; padding:3px 5px 6px 5px; color:#fff; font-size:13px; }
.payinfo_top > h4.fixedh4{ background-color:#5A6672; padding:inherit; padding:3px 5px 6px 5px; color:#fff; font-size:13px;  }
.payinfo_top > h4 > .fixed_cap{ float:right; font-size:12px !important; color:#fff; margin-right:22px; font-weight:normal;}
.payinfo_top > .h_h4div{ width:100%; background-color:#5A6672; margin:inherit; padding:3px 5px 6px 5px; color:#fff; font-size:14px; font-weight: bold; }
.payinfo_top > .h_h4div .fixedh4{ background-color:#5A6672; padding:inherit; padding:3px 5px 6px 5px; color:#fff; font-size:14px;  }
.payinfo_top > .h_h4div > .fixed_cap{ float:right; font-size:12px !important; color:#fff; margin-right:22px; font-weight:normal;}
.payinfo_top .parea_1{ /* padding:10px 10px; */ padding:10px 10px 7px 10px; /*overflow:hidden;*/}
.payinfo_top .parea_1 > dl { width:95%; margin:0 auto;}
.payinfo_top .parea_1 > dl:after{content:""; display:block; clear:both;}
.payinfo_top .parea_1 > dl.line_2list{}
.payinfo_top .parea_1 > dl.line_2list > dt{margin-top:15px;}
.payinfo_top .parea_1 > dl.line_2list > dd{padding-bottom:4px; color: #767676;}
/* dl¿¡ pr_cap2 Å¬·¡½º 2°³ Àû¿ëµÊ, Àû¿ëÇØº¸°í ÃßÈÄ ÅëÇÕ½ÃÅ³ °Í*/
.payinfo_top .parea_1 > dl.line_2list > dd span.pr_cap2{ font-size:16px; color:#eb3f3f; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px; display:inline-block; margin-bottom: 2px;}
.payinfo_top .parea_1 > dl > dt{ float:left; width:65px; font-size:13px; padding-bottom:5px; }
.payinfo_top .parea_1 > dl > dt.autochar{padding:inherit; padding-top:7px;}
.payinfo_top .parea_1 > dl > dd{ float:left; width:651px; text-align:right; font-size:13px; /*padding-bottom:5px;*/ letter-spacing:-0.4px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.payinfo_top .parea_1 > dl > dd span.won{ display:inline-block; padding-bottom:2px; line-height:150%;}
.payinfo_top .parea_1 > dl > dd span.txt{ display:inline-block; padding-bottom:2px; font-size:13px; font-weight:bold;}
.payinfo_top .parea_1 > dl > dd span.pr_cap1{ font-size:12px; color:#767676; margin-right:5px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1 > dl > dd span.pr_cap2{ font-size:16px; color:#eb3f3f; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px;}
.payinfo_top .parea_1 > dl > dd span.pr_cap2_black{ font-size:16px; color:#323232; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px;}
.payinfo_top .parea_1 > dl > dd span.pr_cap3{ font-size:13px;}

/*º¸À¯ Æ÷ÀÎÆ®*/
.payinfo_top .parea_1 > dl > dd > .keeppoint{ float:left;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .tit{ }
.payinfo_top .parea_1 > dl > dd > .keeppoint > .pop_pointkeep{ }
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_01{ float:left; font-weight: normal; color:#767676; letter-spacing: -1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_02{ float:left; }
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_03{ float:left; margin-left: 10px; }

/* 10MB ÄÚÀÎ ¾ÆÀÌµð°ª Ãß°¡·Î °æ·Î º¯°æ*/
.payinfo_top .parea_1 > dl > dd > .keeppoint > span.point_won{padding-bottom:0px; line-height:19px; /*width:62px;*/ }
.payinfo_top .parea_1 > dl > dd > .keeppoint > span.point_won > #totpointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay { float:left; margin-left: 10px; }
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay span.point_won{padding-bottom:0px; line-height:19px; /*width:62px;*/ }
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay span.point_won #usepointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_04{ float:left; }
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_04 > #totpointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_04 .usepoint{line-height: 15px; margin-bottom: 2px; display: inline-block;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_05{ float:left;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_05 > img {padding-top:2px; margin-left:6px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #tusepointdisplay > .kpline_06_pop{ float:left; margin-left:7px; font-size: 12px; color:#767676; text-align: left; font-weight: normal; letter-spacing: -0.6px; padding-top:1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}

/* 15MB ÄÚÀÎ ¾ÆÀÌµð°ª Ãß°¡·Î °æ·Î º¯°æ*/
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay { float:left; margin-left: 10px; }
.payinfo_top .parea_1 > dl > dd > .keeppoint > span.point_won > #ftotpointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_04{ float:left; }
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_04 > #fusepointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_04 .usepoint{line-height: 15px; margin-bottom: 2px; display: inline-block;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_05{ float:left;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_05 > img {padding-top:2px; margin-left:6px;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > #fusepointdisplay > .kpline_06_pop{ float:left; margin-left:7px; font-size: 12px; color:#767676; text-align: left; font-weight: normal; letter-spacing: -0.6px; padding-top:1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
 
/* Á¤¾×±Ç ÄÚÀÎ ¾ÆÀÌµð°ª Ãß°¡·Î °æ·Î º¯°æ*/ /* 10mb, 15mb¿Í id°ª °¨½Î´Â parea_1 Å¬·¡½º¸í ´Ù¸§*/
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > span.point_won{padding-bottom:0px; line-height:19px; /*width:62px;*/ }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > span.point_won > #ptotpointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay { float:left; margin-left: 10px; }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay span.point_won{padding-bottom:0px; line-height:19px; /*width:62px;*/ }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay span.point_won #ptotpointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_04{ float:left; }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_04 > #pusepointvalue > .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_04 .usepoint{line-height: 15px; margin-bottom: 2px; display: inline-block;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_05{ float:left;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_05 > img {padding-top:2px; margin-left:6px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > #pusepointdisplay > .kpline_06_pop{ float:left; margin-left:7px; font-size: 12px; color:#767676; text-align: left; font-weight: normal; letter-spacing: -0.6px; padding-top:1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}


.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .kpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

.payinfo_top .parea_1 > dl > dd > .keeppoint > .fkpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .fkpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .fkpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .fkpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

.payinfo_top .parea_1 > dl > dd > .keeppoint > .pkpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .pkpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .pkpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1 > dl > dd > .keeppoint > .pkpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

/* Á¤¾×±Ç º¸À¯ Æ÷ÀÎÆ® parea_1 > parea_1_inside Å¬·¡½º º¯°æÇÏ¿© °¨½Ñ´Ù */
.payinfo_top .parea_1_inside{ /*padding:0px 10px 10px 10px;*/ /*overflow:hidden;*/ padding :0px 10px 7px 10px;} /* ¼öÁ¤½Ã parea_1 Å¬·¡½º¿Í ÇÔ²² º¯°æµÇ¾î¾ß*/
.payinfo_top .parea_1_inside > dl { width:95%; margin:0 auto;}
.payinfo_top .parea_1_inside > dl:after{content:""; display:block; clear:both;}
.payinfo_top .parea_1_inside > dl.line_2list{}
.payinfo_top .parea_1_inside > dl.line_2list > dt{margin-top:15px;}
.payinfo_top .parea_1_inside > dl.line_2list > dd{padding-bottom:4px; color: #767676;}
/* dl¿¡ pr_cap2 Å¬·¡½º 2°³ Àû¿ëµÊ, Àû¿ëÇØº¸°í ÃßÈÄ ÅëÇÕ½ÃÅ³ °Í*/
.payinfo_top .parea_1_inside > dl.line_2list > dd span.pr_cap2{ font-size:16px; color:#eb3f3f; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px; display:inline-block; margin-bottom: 2px;}
.payinfo_top .parea_1_inside > dl > dt{ float:left; width:65px; font-size:13px; padding-bottom:5px; }
.payinfo_top .parea_1_inside > dl > dt.autochar{padding:inherit; padding-top:7px;}
.payinfo_top .parea_1_inside > dl > dd{ float:left; width:651px; text-align:right; font-size:13px; /*padding-bottom:5px;*/ letter-spacing:-0.4px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.payinfo_top .parea_1_inside > dl > dd span.won{ display:inline-block; padding-bottom:2px; line-height:120%;}
.payinfo_top .parea_1_inside > dl > dd span.txt{ display:inline-block; padding-bottom:2px; font-size:13px; font-weight:bold;}
.payinfo_top .parea_1_inside > dl > dd span.pr_cap1{ font-size:12px; color:#767676; margin-right:5px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd span.pr_cap2{ font-size:16px; color:#eb3f3f; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px;}
.payinfo_top .parea_1_inside > dl > dd span.pr_cap3{ font-size:13px;}

.payinfo_top .parea_1_inside > dl > dd > .keeppoint{ float:left;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .tit{ }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .pop_pointkeep{ }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_01{ float:left; font-weight: normal; color:#767676; letter-spacing: -1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_02{ float:left; }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_03{ float:left; margin-left: 10px; }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > span.point_won{padding-bottom:0px; line-height:19px; /*width:62px;*/ }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > span.point_won .point_lb{display:inline-block; margin-bottom:2px; font-weight: normal; margin-left: 2px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_04{ float:left; margin-left: 10px; }
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_04 .usepoint{line-height: 15px; margin-bottom: 2px; display: inline-block;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_05{ float:left;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_05 > img {padding-top:2px; margin-left:6px;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_06_pop{ float:left; margin-left:7px; font-size: 12px; color:#767676; text-align: left; font-weight: normal; letter-spacing: -0.6px; padding-top:1px; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .kpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .fkpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .fkpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .fkpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .fkpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .pkpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:182px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .pkpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .pkpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.payinfo_top .parea_1_inside > dl > dd > .keeppoint > .pkpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}


/* °áÁ¦±Ý¾× - ÃÖÁ¾°áÁ¦±Ý¾× line-height */
#price_view{ line-height: 14px; }
#newprice_view{ line-height: 14px; }
#primeprice_view{ line-height: 14px; }

.kpline_07_pop{ position: absolute; z-index: 999;  top:7.5%; left:857px; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.kpline_07_pop .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.kpline_07_pop .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.kpline_07_pop .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

/* ¿ÜºÎ ÆË¾÷*/
.kpline_07_pop_out{ position: absolute; z-index: 999;  top:-10px; left:50%; width:230px; height: 98px; box-shadow: 2px 1px 9px 2px rgb(166 166 166 / 32%); border-collapse: separate; background-color: #fff; border: 1px solid #2971d5; font-family: 'Nanum Gothic','Roboto', 'sans-serif' !important;}
.kpline_07_pop_out > .kpline_top{width:100%; text-align: center; font-weight: bold; background-color: #2971d5; font-size: 13px; font-weight: normal; padding:5px 0 6px 0px; line-height: 15px; color:#fff;}
.kpline_07_pop_out .kpline_cap{text-align: center; line-height: 19px; padding-top:9px; font-weight: normal;}
.kpline_07_pop_out .kpline_btn{text-align: center; line-height: 19px; padding-top:8px; font-size: 12px; font-weight: normal;}

 
.payform_input{ width:100%;  height:22px; border:1px solid #ddd; font-size: 13px; padding:2px 10px; width:420px; margin-top:1px; text-align: right; font-weight: normal; line-height: 15px; font-family:Tahoma, Geneva, sans-serif;}
.btn_pointuse{ background: #888; border: 1px solid #818181; padding: 0px 8px; border-radius: 3px; height: 22px; color: #fff; display: inline-block; line-height: 19px; margin-top: 1px; font-size: 12px;}
.btn_pointuse:hover{background:#777; border: 1px solid #676767;}





.payinfo_top .parea_1 > dl.point > dt{ float:left; width:9%; font-size:13px; padding-bottom:5px; }
.payinfo_top .parea_1 > dl.point > dt.autochar{padding:inherit; padding-top:7px;}
.payinfo_top .parea_1 > dl.point > dd{ float:left; width:91%; text-align:right; font-size:13px; /*padding-bottom:5px;*/ letter-spacing:-0.4px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.payinfo_top .parea_1 > dl.point > dd > div > span.won{ display:inline-block; }
.payinfo_top .parea_1 > dl.point > dd > div > span.txt{ display:inline-block; font-size:13px; font-weight:bold;}
.payinfo_top .parea_1 > dl.point > dd > div > span.pr_cap1{ font-size:12px; color:#767676; margin-right:5px;}
.payinfo_top .parea_1 > dl.point > dd > div > span.pr_cap2{ font-size:16px; color:#eb3f3f; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; letter-spacing:-0.2px;}
.payinfo_top .parea_1 > dl.point > dd > div > span.pr_cap3{ font-size:13px;}


.payinfo_top .parea_1 > dl > dd .won_box{ display:inline-block; padding-bottom:2px; line-height:120%;}
.payinfo_top .parea_1 > dl > dd .won_box > .bluetit{ margin-right: 7px; background-color: #fff; padding:3px 10px; border-radius: 25px; border:1px solid #2798E1; color:#2798E1;}
.payinfo_top .parea_1 > dl > dd .won_box > span > label { cursor: pointer; margin-bottom: 0px; }
.payinfo_top .parea_1 > dl > dd .won_box > span > label > .blue{ color:#1284f5;line-height: 145%;}
.payinfo_top .parea_1 > dl > dd .won_box > span > label > input{ width:15px; height: 15px; margin-right:3px; }
.payinfo_top .parea_1 > dl > dd .won_box > .tab_01{ padding:6px 0px; border:2px solid #58a3ed; border-radius: 25px; background-color: #f9f9f9; width:149px; text-align: center; display: inline-block;
-webkit-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
-ms-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.payinfo_top .parea_1 > dl > dd .won_box > .tab_01:hover{ 
-webkit-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.payinfo_top .parea_1 > dl > dd .won_box > .tab_02{  padding:6px 0px; border:2px solid #58a3ed; border-radius: 25px; background-color: #f9f9f9; width:149px; text-align: center; display: inline-block;
-webkit-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
-ms-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.payinfo_top .parea_1 > dl > dd .won_box > .tab_02:hover{ 
-webkit-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
-ms-box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
box-shadow: 1px 3px 4px 0px rgba(140, 140, 140, 0.6);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.payinfo_bottom{ overflow:hidden;}
.payinfo_bottom > h4{ width:100%; background-color:#5A6672; padding:6px 5px 6px 5px; color:#fff; font-size:13px; margin:0px;  }
.payinfo_bottom .parea_2{ padding:20px 30px 5px 35px; overflow:hidden;}
.payinfo_bottom .parea_2 > ul {}
.payinfo_bottom .parea_2 > ul li{ float:left; width:119px;margin-right:27px; margin-bottom:10px; ; font-size:13px; }
.payinfo_bottom .parea_2 > ul li:nth-child(5n+0){margin-right:0px;}
.payinfo_bottom .parea_2 > ul li > a > .im_bg1{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_01.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg2{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_02.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg3{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_03.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg4{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_04.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg5{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_05.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg6{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_06.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg7{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_10.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg8{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_08.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}
.payinfo_bottom .parea_2 > ul li > a >.im_bg9{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_091.gif) no-repeat; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);}

.payinfo_bottom .parea_2 > ul li > a >.im_bg1:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_01_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg2:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_02_on.gif) no-repeat;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; }
.payinfo_bottom .parea_2 > ul li > a >.im_bg3:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_03_on.gif) no-repeat;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg4:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_04_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg5:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_05_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg6:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_06_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg7:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_10_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg8:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_08_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li > a >.im_bg9:hover{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_091_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}

.payinfo_bottom .parea_2 > ul li.active > a >.im_bg1{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_01_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg2{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_02_on.gif) no-repeat;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; }
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg3{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_03_on.gif) no-repeat;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg4{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_04_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg5{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_05_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg6{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_06_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg7{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_10_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg8{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_08_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}
.payinfo_bottom .parea_2 > ul li.active > a >.im_bg9{ width:119px; height:64px; background-color:#f5f5f5; overflow:hidden; position:relative; border-radius:5px; margin-bottom:5px;background:url(/img2/payment/icon_payinfo_091_on.gif) no-repeat; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;}


.payinfo_bottom .parea_2 > ul li > a >span{ display:block; text-align:center; letter-spacing:-0.7px;}

/* http://test.netfile.co.kr/mypage/pop_auto_end.jsp?user_id=jaesuni49 ¿ùÀÚµ¿°áÁ¦ ÇØÁö ÆË¾÷Ã¢ css ¹é¾÷*/
.pop_auto_end_tit{ padding:20px 0px 0px 20px; font-size:16px; font-weight:bold; letter-spacing:-0.6px; border-top:3px solid #3F7CDA} 
.pop_auto_end_tit > .label_atend{ width:3px; height:13px; background-color:#3F7CDA; display:inline-block; margin:5px 5px 0 0; }
.pop_auto_end_tit > .at_blue{color:#3F7CDA;}
.pae_list{padding:0px; margin:0px; padding:10px 10px 15px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f8f8f8; margin-top:10px;}
.pae_list li{ list-style:none; line-height:20px; display:block; }
.pae_list li > input{padding:0px 0 0 0px; margin:3px 5px 0 0; float:left;}
.pae_list li > textarea{width:100%; margin-top:5px;}
.pae_list li > span {}

.reser_text{ margin-top: 10px; /*width: calc(100% - 30px);*/ width:100%; float: left; background: #fff; border: 1px solid #ddd; padding: 15px; border-radius: 5px; display:block; -webkit-box-sizing: border-box;
    box-sizing: border-box; }
.reser_text > span{ background: #b0b0b0; border-radius: 50%; padding: 15px 21px; float: left; color: #fff; font-size: 26px; font-weight:bold; margin:13px 0px 0px 5px; }
.reser_text .reser_text_1{ padding-left: 75px; color: #666; }
.reser_text .reser_text_1 > span{ color: #f77120;font-weight: bold; }

.label_eventpay{ background-color: #ff5722; padding:2px 6px; color:#fff !important; font-weight: bold !important; border-radius: 3px; font-size: 12px;}
.label_eventpay_con{ background-color: #ff5722; padding:0px 6px; color:#fff !important; font-weight: bold !important; border-radius: 3px; font-size: 12px; display: inline-block;}

/* ÃæÀüÆäÀÌÁö ÀÌº¥Æ® ³ëÃâ*/

/*1°³ÀÏ °æ¿ì*/	
/*dl.coin_event_cap1{border:1px solid #ddd; height:20px; padding:7px 10px 6px 22px; border:1px solid #ddd; margin-top:20px; background-color:#fafafa;}
dl.coin_event_cap1:after{ clear:both;}
dl.coin_event_cap1 dt{ float:left; width:55px; padding-top:4px;}
dl.coin_event_cap1 dd{ float:left; line-height:150%; font-weight:bold; }
dl.coin_event_cap1 dd > p {margin: 1px 0 0px 0; background: url(/img2/etc/bullet_cube_gray.gif) no-repeat 0 7px; padding-left: 10px; font-size:12px;}*/

dl.coin_event_cap1{border:1px solid #ddd; height:20px; padding:7px 10px 6px 22px; border:1px solid #ddd; margin-top:20px; background-color:#fafafa;}
dl.coin_event_cap1:after{ clear:both;}
dl.coin_event_cap1 dt{ float:left; width:55px; padding-top:1px;}
dl.coin_event_cap1 dd{ float:left; line-height:150%; font-weight:bold; }
dl.coin_event_cap1 dd > p {margin: 0px 0 0px 0px; /*background: url(/img2/etc/bullet_cube_gray.gif) no-repeat 0 7px;*/ padding-left: 10px; font-size:12px;}

/*2°³ÀÏ °æ¿ì*/	
dl.coin_event_cap2{border:1px solid #ddd; height:40px; padding:7px 10px 5px 22px; border:1px solid #ddd; margin-top:20px; background-color:#fafafa;}
dl.coin_event_cap2:after{ clear:both;}
dl.coin_event_cap2 dt{ float:left; width:55px; padding-top:14px;}
dl.coin_event_cap2 dd{ float:left; line-height:150%; font-weight:bold; }
dl.coin_event_cap2 dd > p {margin: 0 0 3px 0; background: url(/img2/etc/bullet_cube_gray.gif) no-repeat 0 7px; padding-left: 10px; font-size:12px;}

/*Á¤¾×±Ç Å¸ÀÌÆ²*/
.clr9c{color:#9c9c9c;}

/* ¹ÝÂ¦ÀÌº¥Æ® °ü·Ã ³»¿ë */
.position_rel{ position:relative;}
#img_pop01{ position:absolute; left:0px; top:0px; z-index:9999;}
.pop_caption{ margin-top:5px;}
.pop_caption li{ line-height:150%; font-family:Verdana, Geneva, sans-serif; font-size:12px; letter-spacing:-0.4px;} 
.pop_caption li{ padding-left:47px; background:url("/img2/mv_event.gif") no-repeat 0px 3px;} 
.pop_caption li > span{ font-family:Verdana, Geneva, sans-serif; line-height:150%; padding-bottom:2px; }
.pop_caption li .clr_sale{font-family:Verdana, Geneva, sans-serif;  padding-bottom:2px; line-height:150%; font-weight:bold; display:inline-block;letter-spacing:-0.4px;} 	
.mid_pb1{ vertical-align:middle; padding-bottom:1px;}



/*ÄÁÅÙÃ÷ ¸ÞÀÎ --------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pop_down_head 				{width:100%; border-collapse:collapse; border:1px solid #ccc; background-color:#ededed } 
.pop_down_head td 		{ padding:7px 10px; text-align:left; font-weight:bold}
.pop_down_head td.center  { text-align:center}

.pop_down					 {width:100%; border-collapse:collapse;} 
.pop_down td 				 {padding:7px 10px; text-align:left}
.pop_down td.down_price	 {text-align:center} 
.pop_down_list 			 {width:448px;height:160px;background-color:#ffffff;border:1px solid #ccc; border-top:none; border-bottom:none; overflow:auto}

.pop_down_all				 {width:100%; border-collapse:collapse; background-color:#c2daf9; border:1px solid #a8cdff }
.pop_down_all td	 	 {text-align:left;  padding:10px 10px 7px 10px; font-weight:bold}
.pop_down_all td.right {text-align:right}   


#mediaLayout1   {width:960px; border:0px dotted green;} /*Á¦ÈÞ ¼­ºê Ä«Å×°í¸® ¸Þ´º¿Í Æ÷½ºÅÍ,ÃßÃµÅ×¸¶*/

/*#mediaNavi {} 
#mediaNavi ul {background:url(../../img2/media/media_mn2.png) no-repeat left top; height:35px}
#mediaNavi li{float:left}
#mediaNavi ul li a				{border:0px solid red; height:35px;display:block; text-indent:-9999px}

#mediaNavi ul li.mediaHome a 	{width:137px}
#mediaNavi ul li.mediaMovie a 	{width:137px}
#mediaNavi ul li.mediaEnter a	{width:137px}
#mediaNavi ul li.mediaAni a		{width:137px}
#mediaNavi ul li.mediaEdu a     {width:137px}
#mediaNavi ul li.mediaAdult a   {width:137px}
#mediaNavi ul li.mediaGood50 a  {width:137px}

#mediaNavi ul li.mediaHome a:hover 	{background:url(../../img2/media/media_mn2.png) no-repeat 0px -35px}	
#mediaNavi ul li.mediaMovie a:hover {background:url(../../img2/media/media_mn2.png) no-repeat -137px -35px}	
#mediaNavi ul li.mediaEnter a:hover {background:url(../../img2/media/media_mn2.png) no-repeat -274px -35px}
#mediaNavi ul li.mediaAni a:hover 	{background:url(../../img2/media/media_mn2.png) no-repeat -411px -35px}
#mediaNavi ul li.mediaEdu a:hover 	{background:url(../../img2/media/media_mn2.png) no-repeat -548px -35px}
#mediaNavi ul li.mediaAdult a:hover {background:url(../../img2/media/media_mn2.png) no-repeat -685px -35px}
#mediaNavi ul li.mediaGood50 a:hover{background:url(../../img2/media/media_mn2.png) no-repeat -822px -35px}

#mediaNavi ul li.mediaHome a.on 	{background:url(../../img2/media/media_mn2.png) no-repeat 0px -35px}	
#mediaNavi ul li.mediaMovie a.on {background:url(../../img2/media/media_mn2.png) no-repeat -137px -35px}	
#mediaNavi ul li.mediaEnter a.on {background:url(../../img2/media/media_mn2.png) no-repeat -274px -35px}
#mediaNavi ul li.mediaAni a.on 	 {background:url(../../img2/media/media_mn2.png) no-repeat -411px -35px}
#mediaNavi ul li.mediaEdu a.on   {background:url(../../img2/media/media_mn2.png) no-repeat -548px -35px}
#mediaNavi ul li.mediaAdult a.on {background:url(../../img2/media/media_mn2.png) no-repeat -685px -35px}
#mediaNavi ul li.mediaGood50 a.on{background:url(../../img2/media/media_mn2.png) no-repeat -822px -35px}*/

/*12¿ù 12ÀÏ ±³À°/Ãë¹Ì »èÁ¦ °ü·Ã ¸Þ´º ¹Ý¿µ */
#mediaNavi {} 
#mediaNavi ul {background:url(../../../img2/media/media_mn2_new.png) no-repeat left top; height:35px}
#mediaNavi li{float:left}
#mediaNavi ul li a				{border:0px solid red; height:35px;display:block; text-indent:-9999px}

#mediaNavi ul li.mediaHome a 	{width:160px}
#mediaNavi ul li.mediaMovie a 	{width:160px}
#mediaNavi ul li.mediaEnter a	{width:160px}
#mediaNavi ul li.mediaAni a		{width:160px}
/*#mediaNavi ul li.mediaEdu a     {width:160px}*/
#mediaNavi ul li.mediaAdult a   {width:160px}
#mediaNavi ul li.mediaGood50 a  {width:160px}

#mediaNavi ul li.mediaHome a:hover 	{background:url(../../img2/media/media_mn2_new.png) no-repeat 0px -35px}	
#mediaNavi ul li.mediaMovie a:hover {background:url(../../img2/media/media_mn2_new.png) no-repeat -160px -35px}	
#mediaNavi ul li.mediaEnter a:hover {background:url(../../img2/media/media_mn2_new.png) no-repeat -320px -35px}
#mediaNavi ul li.mediaAni a:hover 	{background:url(../../img2/media/media_mn2_new.png) no-repeat -480px -35px}
/*#mediaNavi ul li.mediaEdu a:hover 	{background:url(../../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/
#mediaNavi ul li.mediaAdult a:hover {background:url(../../img2/media/media_mn2_new.png) no-repeat -640px -35px}
#mediaNavi ul li.mediaGood50 a:hover{background:url(../../img2/media/media_mn2_new.png) no-repeat -800px -35px}

#mediaNavi ul li.mediaHome a.on 	{background:url(../../img2/media/media_mn2_new.png) no-repeat 0px -35px}	
#mediaNavi ul li.mediaMovie a.on {background:url(../../img2/media/media_mn2_new.png) no-repeat -160px -35px}	
#mediaNavi ul li.mediaEnter a.on {background:url(../../img2/media/media_mn2_new.png) no-repeat -320px -35px}
#mediaNavi ul li.mediaAni a.on 	 {background:url(../../img2/media/media_mn2_new.png) no-repeat -480px -35px}
/*#mediaNavi ul li.mediaEdu a.on   {background:url(../../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/
#mediaNavi ul li.mediaAdult a.on {background:url(../../img2/media/media_mn2_new.png) no-repeat -640px -35px}
#mediaNavi ul li.mediaGood50 a.on{background:url(../../img2/media/media_mn2_new.png) no-repeat -800px -35px}



/*04¿ù 12ÀÏ ¼ºÀÎ ¸Þ´º »èÁ¦ netfile.kr  */
#mediaNavi2 {} 
#mediaNavi2 ul {background:url(../../img2/media/media_mn2_new0412.png) no-repeat left top; height:35px}
#mediaNavi2 li{float:left}
#mediaNavi2 ul li a				{border:0px solid red; height:35px;display:block; text-indent:-9999px}

#mediaNavi2 ul li.mediaHome a 	{width:192px}
#mediaNavi2 ul li.mediaMovie a 	{width:192px}
#mediaNavi2 ul li.mediaEnter a	{width:192px}
#mediaNavi2 ul li.mediaAni a		{width:192px}
/*#mediaNavi ul li.mediaEdu a     {width:160px}*/
#mediaNavi2 ul li.mediaAdult a   {width:192px}
#mediaNavi2 ul li.mediaGood50 a  {width:192px}

#mediaNavi2 ul li.mediaHome a:hover 	{background:url(../../img2/media/media_mn2_new0412.png) no-repeat 0px -35px}	
#mediaNavi2 ul li.mediaMovie a:hover {background:url(../../img2/media/media_mn2_new0412.png) no-repeat -192px -35px}	
#mediaNavi2 ul li.mediaEnter a:hover {background:url(../../img2/media/media_mn2_new0412.png) no-repeat -384px -35px}
#mediaNavi2 ul li.mediaAni a:hover 	{background:url(../../img2/media/media_mn2_new0412.png) no-repeat -576px -35px}
/*#mediaNavi ul li.mediaEdu a:hover 	{background:url(../../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/
/*#mediaNavi2 ul li.mediaAdult a:hover {background:url(../../img2/media/media_mn2_new.png) no-repeat -640px -35px}*/
#mediaNavi2 ul li.mediaGood50 a:hover{background:url(../../img2/media/media_mn2_new0412.png) no-repeat -768px -35px}

#mediaNavi2 ul li.mediaHome a.on 	{background:url(../../img2/media/media_mn2_new0412.png) no-repeat 0px -35px}	
#mediaNavi2 ul li.mediaMovie a.on {background:url(../../img2/media/media_mn2_new0412.png) no-repeat -192px -35px}	
#mediaNavi2 ul li.mediaEnter a.on {background:url(../../img2/media/media_mn2_new0412.png) no-repeat -384px -35px}
#mediaNavi2 ul li.mediaAni a.on 	 {background:url(../../img2/media/media_mn2_new0412.png) no-repeat -576px -35px}
/*#mediaNavi ul li.mediaEdu a.on   {background:url(../../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/
/*#mediaNavi2 ul li.mediaAdult a.on {background:url(../../img2/media/media_mn2_new.png) no-repeat -640px -35px}*/
#mediaNavi2 ul li.mediaGood50 a.on{background:url(../../img2/media/media_mn2_new0412.png) no-repeat -768px -35px}



#mediaTopWebtoon		 {clear:both; border:0px dotted red; background-color:#3b4153; text-align:center; padding:35px 0 0 0}
#mediaTabWebtoon	 {background:url(../../img2/media/tab_bg.gif) repeat-x; width:825px; height:30px; margin-bottom:0px; margin-left:68px}
#mediaTabWebtoon dd 	 {float:left; padding-left:0px; background-color:#3b4153}
#mediaTopWebtoon ul		 {height:220px;border:0px solid #00ff48; padding-left:68px } /*¸®½ºÆ® ³ôÀÌ Á¶Á¤*/
#mediaTopWebtoon li		 {float:left; text-align:center;padding-right:50px;}
#mediaTopWebtoon li.last    {padding-right:0}
#mediaTopWebtoon .poster  {width:125px}
#mediaTopWebtoon .subject {padding-top:10px; color:#FFF}
#mediaTopWebtoon .coin    {font-size:11px; color:#9da0a9; font-weight:bold }

#mediaMovieWebtoon	{clear:both; border:0px solid red}


#mediaTop				 {clear:both; border:0px dotted red; background-color:#3b4153; text-align:center; padding:35px 0}


#mediaTab			 {background:url(../../img2/media/tab_bg.gif) repeat-x; width:825px; height:30px; margin-bottom:20px; margin-left:68px}
#mediaTab dd 	 {float:left; padding-left:0px; background-color:#3b4153}

/* 3´Ü */
#mediaAdult			 {border:0px solid pink; height:191px}
.playboy 		 {float:left; border:0px solid yellow; width:270px; padding-right:30px;padding-left:42px}
.korea			 {float:left; border:0px solid yellow; width:270px; padding-right:30px}
.webtoon		 {float:left; border:0px solid yellow; width:270px; }
.webtoontext	 {float:right; margin-right:60px; margin-top:10px; color:#FFFFFF}

/* 2´Ü 
#mediaAdult			 {text-align:center; border:0px solid pink; height:191px}
.playboy 		 {float:left; border:0px solid yellow; width:480px; text-align:right; padding-right:10px}
.girlstv		 {border:0px solid red; text-align:right; padding-right:50px}
*/
#mediaAdultTxt {border:0px solid pink;margin-top:18px}

#mediaTop ul {height:210px;border:0px solid #00ff48; padding-left:68px } /*¸®½ºÆ® ³ôÀÌ Á¶Á¤*/
#mediaTop li {float:left; text-align:center;padding-right:50px;}
#mediaTop li.last  {padding-right:0}
#mediaTop .poster  {width:125px;  border-radius:15px;}
#mediaTop .subject {padding-top:10px; color:#FFF}
#mediaTop .coin    {font-size:11px; color:#9da0a9; font-weight:bold }

#mediaTheme { height:35px}
#mediaTheme li {float:left; width:192px; text-align:center}
#mediaTheme li a{display:block; padding:10px 0 9px 0; background-color:#4f5465; color:#9598a3; border-right:1px solid #616575}
#mediaTheme li a:hover{background-color:#616575; color:#fff; text-decoration:none;}
#mediaTheme li a.on{background-color:#616575; color:#fff;text-decoration:none;}

/* »ó´Ü ¹Ú½º¿µ¿ª ¾Æ·¡¿¡ À§Ä¡ÇÑ µðÀÚÀÎ ·¹ÀÌ¾Æ¿ô
#mediaSorting {height:30px; margin-top:20px; margin-bottom:20px; text-align:center} 
#mediaSorting ul {background:url(../../img2/media/media_sorting.gif) no-repeat center top; height:30px; }
#mediaSorting li {float:left}
#mediaSorting ul li a				 {border:0px solid red; height:30px;display:block; text-indent:-9999px;width:90px;}
#mediaSorting ul li.sorting1 a 		 {margin-left:345px}

#mediaSorting ul li.sorting1 a:hover  {background:url(../../img2/media/media_sorting.gif) no-repeat 0 -30px}
#mediaSorting ul li.sorting2 a:hover  {background:url(../../img2/media/media_sorting.gif) no-repeat -90px -30px}
#mediaSorting ul li.sorting3 a:hover {background:url(../../img2/media/media_sorting.gif) no-repeat -180px -30px}	

#mediaSorting ul li.sorting1 a.on 	 {background:url(../../img2/media/media_sorting.gif) no-repeat 0 -30px}
#mediaSorting ul li.sorting2 a.on 	 {background:url(../../img2/media/media_sorting.gif) no-repeat -90px -30px}
#mediaSorting ul li.sorting3 a.on	 {background:url(../../img2/media/media_sorting.gif) no-repeat -180px -30px}	
*/		

#mediaSorting {height:30px; margin-bottom:40px} 
#mediaSorting ul {background:url(../../img2/media/media_sorting.png) no-repeat left top; height:30px; }
#mediaSorting li {float:left}
#mediaSorting ul li a				 {border:0px solid red; height:30px;display:block; text-indent:-9999px;width:90px;}
#mediaSorting ul li.sorting1 a 		 {margin-left:345px}
#mediaSorting ul li.sorting1 a:hover {background:url(../../img2/media/media_sorting.png) no-repeat -345px -30px}
#mediaSorting ul li.sorting2 a:hover {background:url(../../img2/media/media_sorting.png) no-repeat -435px -30px}
#mediaSorting ul li.sorting3 a:hover {background:url(../../img2/media/media_sorting.png) no-repeat -525px -30px}
#mediaSorting ul li.sorting1 a.on 	 {background:url(../../img2/media/media_sorting.png) no-repeat -345px -30px}
#mediaSorting ul li.sorting2 a.on 	 {background:url(../../img2/media/media_sorting.png) no-repeat -435px -30px}
#mediaSorting ul li.sorting3 a.on	 {background:url(../../img2/media/media_sorting.png) no-repeat -525px -30px}



#mediaLayout2   {clear:both; width:960px; margin-top:20px; margin-bottom:30px} /*³ÝÆú´õ ÃßÃµÄÁÅÙÃ÷¿Í ÀÏÀÏº£½ºÆ® ÁÂ¿ì ¿µ¿ª ºÐ¸® ·¹ÀÌ¾Æ¿ô*/
#mediaLeft	 {float:left;width:680px} /*³ÝÆú´õ ÁÂÃø ÃßÃµÄÁÅÙÃ÷ ¿µ¿ª*/
#mediaMain_good { border:0px solid red; margin-top:13px}  /*ÃßÃµÄÁÅÙÃ÷ ¿µÈ­ ¼Ò°³ ´Ü¶ô*/
#mediaMain_good_poster	{float:left}
  .poster_s1  {width:80px} 
#mediaMain_txt    	{margin-left:100px; line-height:17px;}
  #mediaMain_txt li   	{margin-bottom:3px}
  #mediaMain_txt span  {display:inline-block}
  #mediaMain_txt li.name 	 {font-weight:bold; color:#222; padding-bottom:3px}
  #mediaMain_txt span.sTit 	 {color:#777; width:35px; background:url(../../img2/media/mediaLeft_sTit_bar.gif) right top no-repeat }
  #mediaMain_txt span.sConts1 {padding-left:5px; width:200px}
  #mediaMain_txt span.sConts2 {padding-left:5px; width:270px}
  #mediaMain_txt span.sConts3 {padding-left:5px; width:520px}	

#mediaRight    {margin-left:700px} /*³ÝÆú´õ ¿ìÃø ÀÏÀÏº£½ºÆ® ¿µ¿ª width 260*/
.bbs_media {width:100%; border:1px solid #ccc }
.bbs_media th {height:36px; color:#acacad; text-align:right; font-weight:normal; padding-right:12px; background:url(../../img2/media/best_bg.gif) no-repeat }
.bbs_media td {padding:0; border-bottom:1px solid #ccc; text-align:left; vertical-align:middle; padding-top:3px;}
.bbs_media td.poster  {width:38px; padding:2px}
.poster_s2  {width:35px}
.bbs_media td.subject {font-weight:bold}
.bbs_media p.coin       {font-size:11px; color:#777; font-weight:normal}


#mediaMovie				 {clear:both; border:0px solid red}
#mediaMovie div		 {border-bottom:1px solid #eaeaea; width:100%}
#mediaMovie .more 	 {float:right}

#mediaMovie ul		 {margin-top:10px;clear:both;height:195px;border:0px solid blue;margin-bottom:30px;} /*¸®½ºÆ® ³ôÀÌ Á¶Á¤*/
#mediaMovie li		 {float:left;text-align:left;padding-right:29px;}
#mediaMovie li.last  {padding-right:0}

#mediaMovie .poster  {width:112px; height:160px;} /* 2012.07.25 heightÃß°¡ Áö¾Æ¶õ */
#mediaMovie .subject {padding-top:7px; font-weight:bold; width:112px;} /* 2012.07.20 width¼³Á¤ Áö¾Æ¶õ */
#mediaMovie .coin    {padding-top:6px; font-size:11px; color:#777; font-weight:normal; }



#mediaViewBox   {width:1100px; border:5px solid #ccc; margin-top:30px;padding:25px; margin-bottom:40px}
#viewLeft	 {float:left;width:240px;background-color:pink;}
#viewRight {margin-left:270px}

#viewLeft .poster {border:1px solid #888}
.mediaView_name   {padding:4px 0; font-size:17px; font-weight:bold; }
.mediaView_line   {height:1px; margin:15px 0 20px 0; background-color:#e5e5e5}
.mediaView_Info   {margin-top:13px; padding:10px 10px ; background-color:#f2f2f2; color:#777; line-height:1.4em; font-size:13px;}

#mediaView_txt    			{border:1px solid red7}
#mediaView_txt li   	{margin-bottom:5px}
#mediaView_txt span   {display:inline-block}	
#mediaView_txt span.name 	 {font-weight:bold; color:#222; padding-bottom:3px}
#mediaView_txt span.sTit 	 {color:#777; width:35px; background:url(../../img2/media/mediaLeft_sTit_bar.gif) right -2px no-repeat; margin-right:10px }
#mediaView_txt span.coin   {font-size:16px; color:#FF3300; font-weight:bold}

#mediaView_story				{line-height:1.5em}
#mediaView_story img		{margin-bottom:15px; display:block; margin-top:40px;}

#mediaView_series 				{border-top:0px solid #ccc; margin-top:20px;}
#mediaView_series img		{margin-bottom:15px; margin-top:40px;}

#mediaView_relevant 			{border-top:0px solid #ccc; margin-top:30px;}
#mediaView_relevant img		{margin-bottom:15px; display:block ;margin-top:40px;}


#mediaView_review    			{border-top:0px solid #ccc; margin-top:20px;} 
#mediaView_review img		{margin-bottom:15px;margin-top:40px;}



#mediaOuter {width:100%; border:0px solid red; *zoom:1 }
#mediaOuter:after{content:"";clear:both;display:block }
.mediaInner1 {width:185px; float:left; margin-bottom:10px; padding-left:15px}
.mediaInner2 {width:560px; float:left; text-align:center;border:0px solid red;height:60px} /*20120821 height°ª Àû¿ë : Á¤À¯Áø*/
.mediaInner3 {width:200px; float:left; text-align:right}



/*È«º¸°¡ÀÌµå  --------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#e_eventWrap{position:relative; width:830px; float:left; margin-left: 30px; }

#e_eventWrap img{border:0 none; width:830px;}
.e_content{width:960px; margin:0 auto;} 
.e_imgBox{font-size:0; line-height:0;}
.e_cf{display:block; content:''; clear:both;}

.e_step01{width:100%; }
.e_step02{width:830px; height:165px; background:url(/etc/_eventImg/step02_ned01.png) no-repeat; }
.e_url{position:absolute !important; width:580px; height:42px; top:110px; left:85px; padding:0 15px; font-size:15px; line-height:42px; color:#444; border:2px solid #d2d2d2; z-index:90;}
a.e_urlBt{display:block; position:absolute !important; width:118px; height:42px; top:110px; right:83px; z-index:90;}

.e_step03{width:100%; height:685px; background:url(/etc/_eventImg/step03.png) no-repeat; }
.e_bannerBt{position:absolute !important; width:150px; height:24px; top:0; right:90px; z-index:90;}
.e_step03Bn01{width:630px; margin:0 auto; padding-top:55px;}
.e_bn01List{float:left;width:170px; padding:0 20px 46px 20px;}
.e_bn01List .e_img{padding-bottom:13px;}
.e_bn01List .e_btn{width:100%; height:22px;}
.e_bn01List .e_btn .e_btLeft{float:left; width:78px; height:22px;}
.e_bn01List .e_btn .e_btRight{float:right; width:78px; height:22px;}

.e_step04{width:100%; height:360px; background:url(/etc/_eventImg/step04.png) no-repeat; }
.e_bnListBox{width:744px; padding-left:117px;}
.e_bnListBox .e_bnListBnLeft{float:left; width:234px; padding-bottom:26px;}
.e_bnListBox .e_bnListBnRight{float:right; width:468px; padding-bottom:26px;}
.e_bnListImg{width:100%; padding-bottom:12px;}
.e_bnListBtn{width:100%;}
.e_bnListBtn a{margin-right:13px;}

.e_step05{width:830px;height:350px; background:url(/etc/_eventImg/footer.png) no-repeat;}

.e_movieBox{position:absolute !important; width:739px; height:437px; top:536px; left:0; z-index:900; background:url(/etc/_eventImg/mainMovieBox.png); }	

/* input select */
.input_ci{ height: 24px; border: 1px solid #ccc; font-size: 12px; padding: 2px 2px 2px 6px; line-height: 140%; color:#545454;} 
.input_ci_2{ height: 25px; border: 1px solid #ccc; font-size: 12px; padding: 2px 2px 2px 6px; line-height: 140%; color:#545454;} 
.select_ci{ height: 24px; border: 1px solid #ccc; font-size: 12px; padding: 2px 2px 2px 6px; line-height: 140%; color:#545454;} 
.select_ci_2{ height: 25px; border: 1px solid #ccc; font-size: 12px; padding: 2px 2px 2px 6px; line-height: 140%; color:#545454;} 
.input_chum{ margin: 5px 0; float: left; vertical-align: middle; color: #9c9c9c; background-color: #ececec;}
.input_chum_2{ float: left; vertical-align: middle; color: #9c9c9c; background-color: #ececec; height:25px; }

/* input select */
.sch_input{ border:1px solid #A0A1A4; height:23px; padding: 1px 3px; vertical-align: bottom; background-color:#e8e8e8; font-size:12px; line-height:150%; color:#444; border-radius:2px;}
.sch_select{border:1px solid #A0A1A4; height:23px; padding: 1px 3px; vertical-align: bottom; font-size:12px; line-height:150%; color:#444; border-radius:2px;}
.sch_select:hover{ font-size:12px;}

/* table */
.search_table{ border:1px solid #ddd; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14)}
.search_table td{ background-color:#F9F9F9; border-bottom:1px solid #ddd; padding:6px 10px; font-size:13px; line-height:150%; min-height:35px; }
.search_table td.tit{ background-color:#e0e3e4; text-align:center; font-size:14px;}
.search_table td.btn_area{ text-align:center;}

.table_base{clear: both; border-bottom: 1px solid #ccc; border-top: 2px solid #b3bfcb; margin-bottom: 20px;}
.table_default { font-size:14px; margin-bottom:0;}
.table_default thead > tr > th { padding:5px 10px; vertical-align:top; border-bottom:0; color:#555; text-align: center; border-bottom:1px solid #868686; font-size:13px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+50,f4f4f4+51,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-bottom:1px solid #e3e3e3; color:#3e4661;
}

.table_default thead > tr > .left{ text-align:left !important;}
.table_default thead > tr > .center{ text-align:center !important;}
.table_default thead > tr > .right{ text-align:right !important;}

.table_default tbody > tr > td { color: #888; padding: 5px 10px; text-align: center; border-top: 1px solid #ddd; font-size:13px;}
.table_default tbody > tr > td.left{ text-align:left !important;}
.table_default tbody > tr > td.center{ text-align:center !important;}
.table_default tbody > tr > td.right{ text-align:right !important;}

.table_default tbody > tr > td > a{ font-size:13px;}
.table_default tbody > tr > td.title { text-align:left; overflow:hidden; max-width:510px; vertical-align: top;}
.table_default tbody > tr > td.title a { /*font-weight:bold;*/ color:#666; /*line-height: initial;*/}
.table_default tbody > .notice > td { background-color: #EAF7FD; color: #454545;}



/**************************************************************************¸®´º¾ó ½ÃÀÛ********************************************************************************************/

/* °øÅë¿ä¼Ò */
body,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}
.wrap { width:100%;}
.container { width:1100px; padding-left:0; padding-right:0;}
section:after {clear:both;display:block;content:"";height:0;line-height:0;}
article:after {clear:both;display:block;content:"";height:0;line-height:0;}
code { font-size:100%;}
.popover { max-width:340px;}
input[type="radio"],
input[type="checkbox"] { border:1px solid #ddd; margin-top:0;}
.row_bg { width:100%; background-color:#F5F5F5;}
.center-block { text-align:center;}
.btn { border-radius:0;}
input { border-radius:0 !important; /*width:auto !important;*/ display:inline-block !important;}
select { border-radius:0 !important; width:auto !important; display:inline-block !important; height: 34px; padding: 1px 3px; font-size: 14px; line-height: 1.42857143;     color: black;}
.form-control { box-shadow:none;} li{ list-style:none;}
/* ÀÌ¹ÌÁö +¹®ÀÚ·Ñ¿À¹ö¸¸µé±â */
.img_show		{display:block;}
.img_hide		{display:none;}
.roll_over:hover	{}
.roll_over:hover .img_show	{display:none;}
.roll_over:hover .img_hide	{display:block;}

.textoverflow {overflow:hidden;position:relative;white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	   -moz-text-overflow:ellipsis;
	     -o-text-overflow:ellipsis;
	    -ms-text-overflow:ellipsis;	
	        text-overflow:ellipsis;}

/*¹®ÀÚ¿­ ÀÚ¸£±â*/
.ellipsis{ 
	white-space:nowrap;
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;		/* Opera under 10.7 */
	overflow:hidden;			/* "overflow" value must be different from "visible" */ 
	-moz-binding: url('ellipsis.xml#ellipsis');
}


/*Çì´õ*/
#header_wrap{width:100%; margin:0 auto;}
#header_wrap .top_line{height:100px;}
/*·Î°í ¿µ¿ª*/

#header_wrap .top_line .logo{float: left; width:350px; height: 100px; display: inline-block;}
/*°Ë»ö ¿µ¿ª*/
#header_wrap .top_line .search{ float: left; width:400px; height: 100px; display: inline-block;}
#header_wrap .top_line .search .sch_box{width:400px; height: 46px; position: relative; border:2px solid #2798e1; border-radius: 25px; margin-top:28px; margin-left: 0px;}
#header_wrap .top_line .search .sch_box:before{ content: '|'; position:absolute; top:13px; left:17px; color:#e4e4e4;}
#header_wrap .top_line .search .sch_box > input{ width: 332px; border: 0; border-radius: 0; float: left; font-size: 13px; height: 38px; margin: 2px  0px 3px 20px; padding: 0px 0px 0px 10px;  /*font-weight:600;*/ font-family:'Nanum Gothic','Roboto', 'sans-serif'; background-color: #fff !important; color:#444; letter-spacing: -0.4px}
#header_wrap .top_line .search .sch_box > input::placeholder { color:#464646;}
#header_wrap .top_line .search .sch_box > input::-moz-placeholder { color:#464646;}
#header_wrap .top_line .search .sch_box > input:-ms-input-placeholder { color:#464646 !important;}
#header_wrap .top_line .search .sch_box > input::-webkit-input-placeholder  { color:#464646;}
#header_wrap .top_line .search .sch_box > input:active, input:hover, input:visited{background-color: #fff !important;}

#header_wrap .top_line .search .sch_box > .sch_box_input{ color:inherit; width: 332px; border: 0; border-radius: 0; float: left; font-size: 13px; height: 38px; margin: 2px  0px 3px 20px; padding: 0px 0px 0px 10px;  /*font-weight:600;*/ font-family:'Nanum Gothic','Roboto', 'sans-serif'; background-color: #fff !important;}
#header_wrap .top_line .search .sch_box > .sch_box_input::placeholder { color:#9c9c9c;}
#header_wrap .top_line .search .sch_box > .sch_box_input::-moz-placeholder { color:#9c9c9c;}
#header_wrap .top_line .search .sch_box > .sch_box_input:-ms-input-placeholder { color:#9c9c9c !important;}
#header_wrap .top_line .search .sch_box > .sch_box_input::-webkit-input-placeholder  { color:#9c9c9c;}
#header_wrap .top_line .search .sch_box > .sch_box_input:active, input:hover, input:visited{background-color: #fff !important;}

#header_wrap .top_line .search .sch_box .search_box_btn{display: inline-block; float: right;padding: 5px 7px; margin-right: 5px;}
#header_wrap .top_line .search .sch_box .search_box_btn i { font-size:26px; color:#2798e1;}
#header_wrap .top_line .search .sch_box .search_box_btn i:hover{color:#1072b1;}
/*Äü¾ÆÀÌÄÜ ¿µ¿ª*/
#header_wrap .top_line .qicon{ float: left; height: 100px; width:350px; display: inline-block;}
#header_wrap .top_line .qicon a { color:#444;}
#header_wrap .top_line .qicon a > dl{ float: right; margin-left:23px; margin-top:16px; letter-spacing: -1px; overflow: hidden;}
#header_wrap .top_line .qicon a > dl.mlsize01{}
#header_wrap .top_line .qicon a > dl.mlsize02{margin-left:23px;}
#header_wrap .top_line .qicon a > dl.mlsize03{margin-left:17px;}
#header_wrap .top_line .qicon a > dl.mlsize04{margin-left:14px;}
#header_wrap .top_line .qicon a > dl dt{ text-align: center; margin-left: -1px;}
#header_wrap .top_line .qicon a > dl dd { font-weight:700; text-align: center; margin-top:3px; font-size: 13px; color:#444; letter-spacing: -0.5px;}


/*¸Þ´º¹Ù ¿µ¿ª*/
.btn_logout{padding:2px 13px; background-color: #1b6a9d; border:1px solid #125885; border-radius: 3px; line-height: 150%; color:#fff;}
.btn_logout:hover{ background-color: #146092;}
#header_wrap .menu_line{ height:90px; background-color:#2798e1; }
#header_wrap .menu_line .menu {width:848px; overflow: hidden; display: inline-block; float:left;}
#header_wrap .menu_line .menu li{ float: left;}
/*ºñ·Î±×*/
#header_wrap .menu_line .login_box{ position:relative; text-align: center; float:left; width:252px; height: 90px; padding: 15px 10px 0px 10px; background: url("/img2/cha_img/header/login_bg.gif") no-repeat;} 
/*#header_wrap .menu_line .lb_sub{padding:15px 25px 0px 25px;}*/
/*#header_wrap .menu_line .lb_sub{padding:15px 10px 0px 10px;}*/
#header_wrap .menu_line .login_box .icon_user{ margin-left:-5px;}
#header_wrap .menu_line .login_box > ul.info_ing{ width:100%; margin-left:22px; margin-top:5px;}
#header_wrap .menu_line .login_box > ul.info_ing > li { float:left; color:#fff;}
#header_wrap .menu_line .login_box > ul.info_ing > li.new_mem {}
#header_wrap .menu_line .login_box > ul.info_ing > li.new_mem a {color:#fff;}
#header_wrap .menu_line .login_box > ul.info_ing > li.new_mem a:hover{ text-decoration: underline;}
#header_wrap .menu_line .login_box > ul.info_ing > li.find_idpw{ margin-left: 12px; }
#header_wrap .menu_line .login_box > ul.info_ing > li.find_idpw a{color:#fff;}
#header_wrap .menu_line .login_box > ul.info_ing > li.find_idpw a:hover{ text-decoration: underline;}
/*·Î±×ÀÎ ½Ã*/
#header_wrap .menu_line .login_box > .top{border-bottom: 1px solid #58ade5; width:252px; height: 45px; position: relative;}
#header_wrap .menu_line .login_box > .top .left_id{ color:#fff; font-size: 13px; float: left; display: inline-block; margin-top:2px; font-family: sans-serif; max-width:110px; letter-spacing: -0.4px; margin:14px 0px 0px 17px;}
#header_wrap .menu_line .login_box > .lg_box_bottom{ height: 45px;}
#header_wrap .menu_line .login_box > .lg_box_bottom li{width:84px; border-right:1px solid #59ACE2; float: left; height: 45px; line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li:last-child{border-right:0px;}

#header_wrap .menu_line .login_box > .lg_box_bottom li .cap1{ text-align: center; height: 19px; margin-top:4px; line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li .cap1 > img{  opacity: .9; vertical-align: top;  line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li .cap2{ text-align: center; font-size: 12px; color:#fff; letter-spacing: -0.4px;  line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li .cap2 > a{font-size: 12px; color:#fff; vertical-align: middle;  line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li .cap2 a:hover{opacity: .8; vertical-align: middle; line-height: 150%;}
#header_wrap .menu_line .login_box > .lg_box_bottom li .cap2:hover{opacity: .8;}

#header_wrap .menu_line .login_box > .bottom{ width:206px; margin:0 auto; display: block; overflow: hidden; margin-top:6px; }
#header_wrap .menu_line .login_box > .bottom .left_msg{ color:#fff; font-size: 13px; float: left; cursor: pointer; font-family: sans-serif;}
#header_wrap .menu_line .login_box > .bottom .left_msg > span:hover{ opacity: 0.8;}
#header_wrap .menu_line .login_box > .bottom .left_msg > i { font-size:18px;  vertical-align: middle; padding-bottom: 1px;}
#header_wrap .menu_line .login_box > .bottom .right_mypage{ color:#fff; font-size: 13px; float: right; cursor: pointer;}
#header_wrap .menu_line .login_box > .bottom .right_mypage > span:hover{ opacity: 0.8;}
#header_wrap .menu_line .login_box > .bottom .right_mypage > i { font-size:21px; vertical-align: middle;}

#header_wrap .menu_line .login_box .open > .dropdown-menu{ position: absolute; left:-3px; width:234px; max-height: 175px; z-index: 100000; background: #fff; cursor: default; padding:15px;}
#header_wrap .menu_line .login_box .open > .dropdown-menu > .info-customer li { border-bottom: 1px dotted #dfdfdf; padding:1px 0; font-size: 13px;}
#header_wrap .menu_line .login_box .open > .dropdown-menu > .info-customer li a { font-size: 13px;}
#header_wrap .menu_line .login_box .open > .dropdown-menu {}




#header_wrap .menu_line .login_box_main{ position:relative; text-align: center; float:left; width:252px; height: 90px; padding: 15px 10px 0px 10px; background: url("/img2/cha_img/header/login_bg.gif") no-repeat;} 
#header_wrap .menu_line .login_box_main_main .icon_user{ margin-left:-5px;}
#header_wrap .menu_line .login_box_main > ul.info_ing{ width:100%; margin-left:22px; margin-top:5px;}
#header_wrap .menu_line .login_box_main > ul.info_ing > li { float:left; color:#fff;}
#header_wrap .menu_line .login_box_main > ul.info_ing > li.new_mem {}
#header_wrap .menu_line .login_box_main > ul.info_ing > li.new_mem a {color:#fff;}
#header_wrap .menu_line .login_box_main > ul.info_ing > li.new_mem a:hover{ text-decoration: underline;}
#header_wrap .menu_line .login_box_main > ul.info_ing > li.find_idpw{ margin-left: 12px; }
#header_wrap .menu_line .login_box_main > ul.info_ing > li.find_idpw a{color:#fff;}
#header_wrap .menu_line .login_box_main > ul.info_ing > li.find_idpw a:hover{ text-decoration: underline;}
#header_wrap .menu_line .login_box_main > .top{border-bottom: 1px solid #58ade5; width:252px; height: 45px; position: relative;}
#header_wrap .menu_line .login_box_main > .top .left_id{ color:#fff; font-size: 13px; float: left; display: inline-block; margin-top:2px; font-family: sans-serif; max-width:110px; letter-spacing: -0.4px; margin:14px 0px 0px 17px;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom{}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li{width:84px; border-right:1px solid #59ACE2; float: left;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li:last-child{border-right:0px;}

#header_wrap .menu_line .login_box_main > .lg_box_bottom li .cap1{ text-align: center; height: 19px; margin-top:4px;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li .cap2{ text-align: center; font-size: 12px; color:#fff; letter-spacing: -0.4px;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li .cap2 > a{font-size: 12px; color:#fff;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li .cap2 a:hover{opacity: .8;}
#header_wrap .menu_line .login_box_main > .lg_box_bottom li .cap2:hover{opacity: .8;}

#header_wrap .menu_line .login_box_main > .bottom{ width:206px; margin:0 auto; display: block; overflow: hidden; margin-top:6px; }
#header_wrap .menu_line .login_box_main > .bottom .left_msg{ color:#fff; font-size: 13px; float: left; cursor: pointer; font-family: sans-serif;}
#header_wrap .menu_line .login_box_main > .bottom .left_msg > span:hover{ opacity: 0.8;}
#header_wrap .menu_line .login_box_main > .bottom .left_msg > i { font-size:18px;  vertical-align: middle; padding-bottom: 1px;}
#header_wrap .menu_line .login_box_main > .bottom .right_mypage{ color:#fff; font-size: 13px; float: right; cursor: pointer;}
#header_wrap .menu_line .login_box_main > .bottom .right_mypage > span:hover{ opacity: 0.8;}
#header_wrap .menu_line .login_box_main > .bottom .right_mypage > i { font-size:21px; vertical-align: middle;}

#header_wrap .menu_line .login_box_main .open > .dropdown-menu{ position: absolute; left:-3px; width:234px; max-height: 175px; z-index: 100000; background: #fff; cursor: default; padding:15px;}
#header_wrap .menu_line .login_box_main .open > .dropdown-menu > .info-customer li { border-bottom: 1px dotted #dfdfdf; padding:1px 0; font-size: 13px;}
#header_wrap .menu_line .login_box_main .open > .dropdown-menu > .info-customer li a { font-size: 13px;}
#header_wrap .menu_line .login_box_main .open > .dropdown-menu {}



.info-customer > li > .info_img{width:99px;}
.curson{ cursor: pointer;}

.login_hr{ margin:5px 0; opacity: 0.4}

/*¹öÆ°*/
.btn_login{ min-width:190px; display: inline-block; border:2px solid #ddd; border-radius: 3px; font-weight: bold; color:#fff; text-align: center; padding:10px 0px; line-height: 14px;
font-size: 14px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32a7f2+0,32a7f2+50,32a7f2+50,289de8+51,289de8+100 */
background: #32a7f2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #32a7f2 0%, #32a7f2 50%, #32a7f2 50%, #289de8 51%, #289de8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #32a7f2 0%,#32a7f2 50%,#32a7f2 50%,#289de8 51%,#289de8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #32a7f2 0%,#32a7f2 50%,#32a7f2 50%,#289de8 51%,#289de8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a7f2', endColorstr='#289de8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn_login:hover{ color:#fff; text-decoration: none; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32a7f2+0,32a7f2+50,32a7f2+50,289de8+51,289de8+100 */
background: #32a7f2; /* Old browsers */
background: -moz-linear-gradient(45deg,  #289de8 0%, #289de8 50%, #289de8 50%, #32a7f2 51%, #32a7f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #289de8 0%,#289de8 50%,#289de8 50%,#32a7f2 51%,#32a7f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #289de8 0%,#289de8 50%,#289de8 50%,#32a7f2 51%,#32a7f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a7f2', endColorstr='#32a7f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


    
/*¸ÞÀÎ*/
/*ÃßÃµÄÁÅÙÃ÷*/
.fa-angle-right:before{margin-left: 10px;}
.fa-angle-left:before{margin-left: 10px;}
.h3_tit{ font-size: 20px; font-weight: bold; margin-left:10px; position: relative;}
.h3_tit .sub_txt{ position: absolute; right:10px; top:-1px; font-size: 12px; font-weight: normal; background-color: #f3f3f3;  padding:0px 6px; border:1px solid #ddd; border-radius: 3px; color:#7f7f7f; font-family: sans-serif; width:36px; height: 24px; } 
.h3_tit .sub_txt > i { color:#12374d; margin-top:-1px;}
.h3_tit .sub_txt > .more_horiz{margin-left:2px; margin-top:1px; }
.h3_tit .sub_txt:hover{ cursor: pointer;background-color: #e9e9e9; border:1px solid #bbb;}

/* ´õº¸±â °øÅë */
.sub_txt_comm{ /*position: absolute; right:10px; top:-4px;*/  font-size: 12px; font-weight: normal; background-color: #f3f3f3;  padding:3px 6px; border:1px solid #ddd; border-radius: 3px; color:#7f7f7f; font-family: sans-serif; width:36px; height: 24px; } 
.sub_txt_comm > i { color:#12374d; margin-top:-3px;}
.sub_txt_comm > .more_horiz{margin-left:2px; margin-top: 5px;}
.sub_txt_comm:hover{ cursor: pointer;background-color: #e9e9e9; border:1px solid #bbb;}

/*¸ÞÀÎ Å¾ ´õº¸±â */
.h3_tit_2{ font-size: 20px; font-weight: bold; position: relative; line-height: 140%;}
.h3_tit_2 .sub_txt{ position: absolute; right:0px; top:0px; width:36px; height: 24px; font-size: 12px; font-weight: normal; background-color: #f3f3f3;  padding:0px 6px; border:1px solid #ddd; border-radius: 3px; color:#6b6b6b; font-family: sans-serif;} 
.h3_tit_2 .sub_txt > i { color:#12374d; margin-top:-1px;}
.h3_tit_2 .sub_txt > .more_horiz{margin-left:2px; margin-bottom: 7px;}
.h3_tit_2 .sub_txt:hover{ cursor: pointer;background-color: #e9e9e9; border:1px solid #bbb;}

/*ÄÁÅÙÃ÷ Çìµå¶óÀÎ*/
.headline { border-bottom: 1px dotted #e4e9f0; display: block; height: 31px; margin: 0px 0 15px 0; position: relative; width:100%;}
.headline_mbt0 { margin: 0px 0px 20px 0px;}
.headline .absol_owl_btn { position: absolute; right: 0px; top: 2px;}
.headline span.tit_list { color: #7f7f7f; font-family:'Nanum Gothic','Roboto', 'sans-serif'; font-size: 14px; font-weight: 600; letter-spacing: -0.4px; line-height: 29px; margin: 0px 0px 0px 10px; font-weight:normal;}
.headline h2 { font-family:'Nanum Gothic','Roboto', 'sans-serif'; color: #444; font-size: 18px; font-weight:bold; letter-spacing: -0.6px; line-height: 24px;}
.headline h2, .headline h3, .headline h4 { border-bottom: 2px solid #1b97d8; display: inline-block; margin: 0 0 -2px 0; padding: 0px 0px 5px 0px;}
.headline .sub_txt{ position: absolute; right:0px; top:0px; font-size: 12px; font-weight: normal; background-color: #f3f3f3;  padding:0px 6px; border:1px solid #ddd; border-radius: 3px; color:#7f7f7f; font-family:'Nanum Gothic','Roboto', 'sans-serif'; height: 24px; width:36px; } 
.headline .sub_txt > i { color:#12374d; margin-top:-1px;}
.headline .sub_txt > .more_horiz{margin-left:2px; margin-top: 2px;}
.headline .sub_txt:hover{ cursor: pointer;background-color: #e9e9e9; border:1px solid #bbb;}


.main_visual{width:100%; min-width: 1100px; height: 366px; background: url(/img2/cha_img/main/main_visualbg6_1.jpg) no-repeat; background-size: cover;}
.chu_box{ width:100%; height: 417px; background-color: #fff; border-radius: 5px; margin-top:40px; padding:24px 20px 20px 20px; border-collapse:inherit;
 -webkit-box-shadow: 2px 1px 14px 3px rgba(166, 166, 166, 0.275); -ms-box-shadow: 2px 1px 14px 3px rgba(166, 166, 166, 0.275); box-shadow: 2px 1px 14px 3px rgba(166, 166, 166, 0.275); 
border-collapse: separate; }
.chu_box .movie_list{margin-top:10px;}
.chu_box .movie_list .slick-track{width:1100px;}
.chu_box .movie_list .slick-slide{ border:1px solid #dfdfdf; margin:0px 10px 0px 10px; border-radius: 5px; overflow: hidden;}
.chu_box .movie_list .slick-slide:hover .top{color:#2196F3;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.chu_box .movie_list .con_img{width:190px; height: 272px; overflow: hidden;}
.chu_box .movie_list .slick-slide .img_v1{ width:100%; border-bottom: 1px solid #dfdfdf;
transform:scale(1);             /*  default */
-webkit-transform:scale(1);     /*  Å©·Ò */
-moz-transform:scale(1);       /* FireFox */
-o-transform:scale(1);           /* Opera */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.chu_box .movie_list .slick-slide .img_v1:hover{transform:scale(1.07);             /*  default */
-webkit-transform:scale(1.07);     /*  Å©·Ò */
-moz-transform:scale(1.07);       /* FireFox */
-o-transform:scale(1.07);           /* Opera */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.chu_box .movie_list .slick-slide .con_tit{width:100%; height: 60px; padding:8px 10px 10px 10px; position:relative;}
.chu_box .movie_list .slick-slide .con_tit > .top { width:170px; height: 18px; font-size: 14px; font-weight: bold;}
.chu_box .movie_list .slick-slide .con_tit > .bottom {margin-top:5px; font-size: 13px; color:#9f9f9f; width:170px;}
.chu_box .movie_list .slick-slide .con_tit > .age12{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.chu_box .movie_list .slick-slide .con_tit > .age15{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.chu_box .movie_list .slick-slide .con_tit > .age18{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.chu_box .movie_list .slick-slide .con_tit > .age99{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.chu_box .movie_list .slick-slide .con_tit > .ageA { position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 

#wrapper .movie_list .left_prev{ position: absolute; left:-70px; top:45%; width:36px; height:36px;color:#fff; font-size: 32px; cursor: pointer; border:2px solid #fff; opacity: 0.44; border-radius: 5px;  line-height: 99%;}
#wrapper .movie_list .left_prev:hover{color:#fbfbfb; opacity: 1;}
#wrapper .movie_list .right_next{position: absolute; right:-70px; top:45%; width:36px; height:36px; color:#fff; font-size: 32px; cursor: pointer; border:2px solid #fff; opacity: 0.44; border-radius: 5px; line-height: 99%;}
#wrapper .movie_list .right_next:hover{color:#fbfbfb; opacity: 1;}
/*¹è³Ê¶óÀÎ*/
/*indicators*/

.banner_01{width:540px; height: 108px; border-radius: 5px; float:left; border-collapse:inherit; border-collapse: separate;  margin-left: 20px; }
.banner_01 .carousel, .carousel-inner, .carousel-inner .item { height:auto; border-radius: 5px; }
.banner_01 .carousel-inner .test01 { /*height:auto;*/ /*a img:hover { opacity:0.8; } a img.not:hover { opacity:1; }*/}
.banner_01 .carousel-inner{ }
.banner_01 .carousel-inner > .item { border-radius:5px;}
.banner_01 .carousel-inner > .item img{ height: 110px; line-height: inherit; border:0px;}
.banner_01 .carousel-indicators { bottom:-21px;}
.banner_01 .carousel-indicators .active{background-color: #2798E1; border:0px; width:25px;}
.banner_01 .carousel-indicators li { background-color: #afafaf; /*border:1px solid #ccc;*/}
.banner_01:hover{ 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.5);
-ms-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.5);
box-shadow: 4px 2px 13px 5px rgba(166, 166, 166,  0.5);}

.banner_02{width:260px; height: 110px;  background-color: #fbfbfb; float:left; border-collapse:inherit; border-radius: 5px; overflow:hidden; border-collapse: separate; 
}
.banner_02:hover{ 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.4);
-ms-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.4);
box-shadow: 4px 2px 13px 5px rgba(166, 166, 166,  0.4);}
 

.banner_03{width:260px; height:110px; margin-left:20px; background-color:#dddddd; float:left; border-collapse:inherit; border-radius: 5px; overflow:hidden; border-collapse: separate; 
}
.banner_03:hover{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.4);
-ms-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.4);
box-shadow: 4px 2px 13px 5px rgba(166, 166, 166,  0.4);}


/* Ãß°¡¹è³Ê ebs, ¼ºÀÎ¹° */

.banner2_01{width:354px; height: 54px; border-radius: 5px; float:left; border-collapse:inherit; border-collapse: separate;  margin-left: 20px; overflow: hidden; border:1px solid #dfdfdf;}
.banner2_01:hover{ 
-webkit-box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35); 
-ms-box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35); 
box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.banner2_02{width:353px; height: 54px; float:left; border-collapse:inherit; border-radius: 5px; overflow:hidden; border-collapse: separate; overflow: hidden; border:1px solid #dfdfdf;}
.banner2_02:hover{ 
-webkit-box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
-ms-box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;} 

.banner2_03{width:353px; height:54px; margin-left:20px; float:left; border-collapse:inherit; border-radius: 5px; overflow:hidden; border-collapse: separate; overflow: hidden; border:1px solid #dfdfdf;}
.banner2_03:hover{
-webkit-box-shadow: 2px 1px 12px rgba(166, 166, 166, 0.35);
-ms-box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
box-shadow: 2px 1px 12px 3px rgba(166, 166, 166, 0.35);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}


/*¸ÞÀÎ °Ô½ÃÆÇ ¿µ¿ª*/


.main_board{width:100%; min-width: 1100px; background-color: #f6f6f6; margin-top:30px; border-top:1px solid #dfdfdf; padding:40px 0; }
.main_board .mb_left{width:550px; height: 280px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px; margin-left: 20px;}

.main_board .mb_03{width:260px; height: 280px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px; margin-left: 20px;}
.main_board .mb_04{width:260px; height: 280px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px; margin-left: 20px;}



.refer_table{display: table; width:100%; border-top:2px solid #468FBE; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-top:10px;}
.refer_table ._row{ display: table-row;}
.refer_table > ._row > ._cell { display: table-cell; width:260px; padding:8px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: relative;}

.refer_table > ._row > ._cell .sub_txt{ position: absolute; right:12px; top:13px; font-size: 12px; font-weight: normal; background-color: #afafaf;  padding:2px 11px; border:1px solid #aaa; border-radius: 3px;  font-family: sans-serif; color:#fff; letter-spacing: -1px;} 
.refer_table > ._row > ._cell .sub_txt > i { color:#12374d;}
.refer_table > ._row > ._cell .sub_txt:hover{ cursor: pointer;background-color: #8a8a8a; border:1px solid #888;-webkit-box-shadow: 1px 1px 3px 1px rgba(166, 166, 166, 0.4); box-shadow: 1px 1px 3px 1px rgba(166, 166, 166, 0.4); -ms-box-shadow: 1px 1px 3px 1px rgba(166, 166, 166, 0.4);}

.mb_notice li.ellipsis > a:hover{ opacity:0.8;}

a.sub_txt_down:hover{ opacity: inherit; background:#434871;}


.main_board .mb_right_01{width:260px; height: 280px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px; }
.main_board .mb_right_01 .mb_notice{border-top:1px solid #dfdfdf; margin-top:10px; }
.main_board .mb_right_01 .mb_notice li{ font-size: 13px; color:#7f7f7f; line-height: 150%; list-style-position: inside; list-style: inside; line-height: 150%; padding-top: 13px; padding-left:0px; letter-spacing: -0.4px;}
.main_board .mb_right_01 .mb_notice li:before{list-style-position: inside; list-style: inside;}
.main_board .mb_right_02{width:260px; height: 280px; margin-left: 20px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px;}
.main_board .mb_right_02 .mb_fiction{border-top:1px solid #dfdfdf; margin-top:10px; }
.main_board .mb_right_02 .mb_fiction li{ font-size: 13px; color:#7f7f7f; line-height: 150%; list-style-position: inside; list-style: inside; line-height: 150%; padding-top: 13px; padding-left:0px;letter-spacing: -0.4px;}
.main_board .mb_right_02 .mb_fiction li:before{}
.main_board .mb_right_01 .mb_notice li{}

.main_board .mb_03{width:260px; height: 280px; margin-left: 20px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px;}
.main_board .mb_03 .mb_fiction{border-top:1px solid #dfdfdf; margin-top:10px; }
.main_board .mb_03 .mb_fiction li{ font-size: 13px; color:#7f7f7f; line-height: 150%; list-style-position: inside; list-style: none; line-height: 150%; padding-top: 13px; padding-left:0px;letter-spacing: -0.4px;}
.main_board .mb_03 .mb_fiction li > a{ margin-left:0px;}
.main_board .mb_03 .sub_txt_down{ font-family: tahoma; font-size: 11px; color:#fff; background-color: #A3A3A3; border:1px solid #9A9A9A; padding:0px 5px; line-height: 150%; border-radius: 3px; letter-spacing: normal;}
.main_board .mb_03 .sub_txt_down:hover{background:#8a8a8a;}
.main_board .mb03_tit{ position: absolute; top:-9px; left: 50%; margin-left: -30px;}

.main_board .mb_04{width:260px; height: 280px; margin-left: 20px; float:left; background-color: #fff; border:1px solid #dfdfdf; padding:20px; border-radius: 5px;}
.main_board .mb_04 .mb_fiction{border-top:1px solid #dfdfdf; margin-top:10px; }
.main_board .mb_04 .mb_fiction li > span{margin-left:-5px;}
.main_board .mb_04 .mb_fiction li{ font-size: 13px; color:#7f7f7f; line-height: 150%; list-style-position: inside; list-style: inside; line-height: 150%; padding-top: 13px; padding-left:0px;letter-spacing: -0.4px;}
/*.main_board .mb_04 .sub_txt_down{ font-family: tahoma; font-size: 11px; color:#fff; background-color: #9e9e9e; border:1px solid #919191; padding:0px 5px; line-height: 150%; border-radius: 3px; letter-spacing: normal;}
.main_board .mb_04 .sub_txt_down:hover{ opacity: inherit; background:#919191;}*/
.main_board .mb_04 .sub_txt_down{ font-size: 13px; color:#fff; background-color: #9E9E9E; border:1px solid #8f8f8f; padding:2px 14px 3px 14px; line-height: 13px; border-radius: 3px; letter-spacing: -0.6px; display: inline-block;}
.main_board .mb_04 .sub_txt_down:hover{ opacity: inherit; background:#8f8f8f;}


.mb_cl444{ color:#444;}

.mb_notice li.ellipsis > a{ margin-left:-5px;}
.mb_fiction li.ellipsis > a{ margin-left:-5px;}

.sub_txt_down2{ font-family: tahoma; font-size: 12px; color:#fff; background-color: #808080; border:1px solid #6b6b6b; padding:1px 6px 2px 6px; line-height: 150%; border-radius: 3px; letter-spacing: normal;}
.sub_txt_down2:hover{opacity: inherit; background:#6b6b6b;}

.sub_txt_down3{ font-size: 13px; color:#fff; letter-spacing: -0.6px; background-color: #9E9E9E; border:1px solid #8f8f8f; padding:1px 14px 1px 14px; line-height: 150%; border-radius: 3px; display: inline-block;}
.sub_txt_down3:hover{opacity: inherit; background:#8f8f8f;}



/* foonter, inlclude2 ¹× ¼ºÀÎÀÎÁõ ¿Ï·áÆäÀÌÁö Àû¿ë common/common_index 2°³ °°ÀÌ ¼öÁ¤µÇ¾î¾ß ÇÔ.*/
#netfile_foot{ width:100%; }
.inner_foot{ width:100%; min-width: 1100px; background-color: #e9e9e9; height: 41px; border-top:1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.inner_foot > ul {width:1100px; margin:0 auto;}
.inner_foot > ul > li { float:left; width:16.6%; border-left:1px solid #dfdfdf; text-align: center; font-size: 13px; height:40px; padding-top:9px;}
.inner_foot > ul > li:last-child{ border-right: 1px solid #dfdfdf;}
.inner_foot > ul > li.blue a { color:#333; } 
.inner_foot > ul > li > strong{ color:#666;}
.inner_foot > ul > li > a{ color:#777;}
.at_bar{display: inline-block; margin-right: 14px; width: 1px; height: 11px;  vertical-align: -2px;margin-left:14px;}
.conts { overflow: hidden; position: relative; width: 1100px; margin: 0 auto;font-size:12px; margin-top:15px; padding-bottom: 5px;}
.conts .left{width:200px; float:left; padding-top:10px;}
.conts .right{width:900px; float:left; color:#7f7f7f;}
.conts > ul{ display:inline-block; overflow:hidden; text-align:center; }		
.conts > ul > li { float:left; line-height:160%; margin-right:14px; color:#777; letter-spacing:-0.4px; }
.conts > ul > li:last-child{ margin-right:0px;}
.small12{ font-size:11px; letter-spacing: -0.4px; color:#9c9c9c;}
.conts > p { display:block; text-align:center; line-height:160%; margin-right:14px; color:#777; letter-spacing:-0.4px; font-size:12px;}
.conts > p > a.mail_to{ font-family:'Nanum Gothic','Roboto', 'sans-serif'; letter-spacing:0.3px;}
.conts > p > span.small{ font-size:12px; letter-spacing:normal;}
/*ÀÌÀü ·Î±×ÀÎ ÆäÀÌÁö ¼öÁ¤ */

.fomer .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.fomer .form_ctrl{ width:100%;  height:40px; border:1px solid #ddd; font-size: 14px; padding:5px 10px; }
.fomer .login_sf{  width:100%;  margin:0 auto; overflow: hidden; }
.fomer .login_sf > li.left{ float:left; font-size: 13px;}
.fomer .login_sf > li.right{ float:right; font-size: 13px;}
.fomer .naver_mem { }
.fomer .naver_mem li { padding-bottom:15px; overflow: hidden; }
.fomer .naver_mem .cap {padding-top:5px; display: inline-block; float:left; color:#7f7f7f; font-size: 13px; letter-spacing: -0.4px; }
.fomer .modal-content { border-radius:0px;}

.fomer .modal-dialog{margin:100px auto;}
.fomer .modal-header{ background-color: #2689e1; }
.fomer .modal-header > button{ color:#fff;}
.fomer .modal-header > h4{color:#fff; font-size: 16px; font-weight: bold; text-align: center; }
.fomer .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.fomer .form_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 14px; padding:5px 10px; }
.fomer .login_sf{  width:100%;  margin:0 auto; overflow: hidden; }
.fomer .login_sf > li.left{ float:left; font-size: 13px;}
.fomer .login_sf > li.right{ float:right; font-size: 13px;}
.fomer .naver_mem { }
.fomer .naver_mem li { padding-bottom:15px; overflow: hidden; }
.fomer .naver_mem .cap {padding-top:5px; display: inline-block; float:left; color:#7f7f7f; font-size: 13px; letter-spacing: -0.4px; }
.fomer .modal-content { border-radius:0px;}

/* ¸ð´Þ ·Î±×ÀÎ */
.btn_srchidpw{ text-decoration: underline; letter-spacing: -0.4px; font-size: 13px;}
.btn_srchidpw:hover{}
.mylogin_md .modal-dialog{margin:100px auto;}
.mylogin_md .modal-header{ background-color: #2689e1; }
.mylogin_md .modal-header > button{ color:#fff;}
.mylogin_md .modal-header > h4{color:#fff; font-size: 16px; font-weight: bold; text-align: center; }
.mylogin_md .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.mylogin_md .form_ctrl{ width:100%;  height:40px; border:1px solid #ddd; font-size: 14px; padding:5px 10px; }
.mylogin_md .login_sf{  width:100%;  margin:0 auto; overflow: hidden; }
.mylogin_md .login_sf > li.left{ float:left; font-size: 13px;}
.mylogin_md .login_sf > li.right{ float:right; font-size: 13px;}
.mylogin_md .naver_mem { }
.mylogin_md .naver_mem li { padding-bottom:15px; }
.mylogin_md .naver_mem .cap {padding-top:5px; display: inline-block; float:left; color:#7f7f7f; font-size: 13px; letter-spacing: -0.4px; }
.mylogin_md .modal-content { border-radius:0px;}

.mylogin_md_sub .modal-dialog{margin:100px auto;}
.mylogin_md_sub .modal-header{ background-color: #2689e1; }
.mylogin_md_sub .modal-header > button{ color:#fff;}
.mylogin_md_sub .modal-header > h4{color:#fff; font-size: 16px; font-weight: bold; text-align: center; }
.mylogin_md_sub .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.mylogin_md_sub .form_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 14px; padding:5px 10px; }
.mylogin_md_sub .login_sf{  width:100%;  margin:0 auto; overflow: hidden; }
.mylogin_md_sub .login_sf > li.left{ float:left; font-size: 13px;}
.mylogin_md_sub .login_sf > li.right{ float:right; font-size: 13px;}
.mylogin_md_sub .naver_mem { }
.mylogin_md_sub .naver_mem li { padding-bottom:15px; overflow: hidden; }
.mylogin_md_sub .naver_mem .cap {padding-top:5px; display: inline-block; float:left; color:#7f7f7f; font-size: 13px; letter-spacing: -0.4px; }
.mylogin_md_sub .modal-content { border-radius:0px;}



/* ¸ð´Þ ºÒ¹ýÃÔ¿µ¹°½Å°í */
.btn_srchidpw{ text-decoration: underline; letter-spacing: -0.4px; font-size: 13px;}
.btn_srchidpw:hover{}
.pop_policy .modal-dialog{margin:100px auto;}
.pop_policy .modal-header{ background-color: #3e3e3e; }
.pop_policy .modal-header > button{ color:#fff;}
.pop_policy .modal-header > h4{color:#fff; font-size: 16px; font-weight: bold; text-align: center; }
.pop_policy .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.pop_policy .form_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; }
.pop_policy .form_ctrl::-webkit-input-placeholder{font-size:13px;}


.pop_policy .formarea_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; }
.pop_policy .formarea_ctrl::-webkit-input-placeholder{font-size:13px;}
.pop_policy .modal-content { border-radius:0px;}

.btn_boxshadow_login{box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_boxshadow_login:hover{ 
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.btn_mem_naver{width:100%;text-align:center; display:block; color:#fff; font-weight: bold; line-height: 150%; padding:6px 0px; font-size: 14px; background-color: #1EBE3E; border:1px solid #1CB63A; letter-spacing: -0.6px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mem_naver:hover{ background-color:#1CB63A;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.btn_mem_kakao{width:100%;text-align:center; display:block; color:#222; font-weight: bold; line-height: 150%; padding:6px 0px; font-size: 14px; background-color: #F1D62F; border:1px solid #ead000; letter-spacing: -0.6px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mem_kakao:hover{ background-color:#ead000;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.mem_navericon{ position:absolute; top:8px; left: 12px;}
.mem_kakaoicon{ position:absolute; top:7px; left: 12px;}


.btn_mem_naver_line{width:100%;text-align:center; display:block; color:#fff; font-weight: bold; line-height: 150%; padding:10px 0px; font-size: 14px; background-color: #1EBE3E; border:1px solid #1CB63A; letter-spacing: -0.6px; padding-left: 6px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mem_naver_line:hover{ background-color:#1CB63A;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.btn_mem_kakao_line{width:100%;text-align:center; display:block; color:#222; font-weight: bold; line-height: 150%; padding:10px 0px; font-size: 14px; background-color: #F1D62F; border:1px solid #ead000; letter-spacing: -0.6px; padding-left: 6px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mem_kakao_line:hover{ background-color:#ead000;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.mem_navericon_line{ position:absolute; top:12px; left: 11px;}
.mem_kakaoicon_line{ position:absolute; top:11px; left: 11px;}


.btn_modal_naver{text-align:center; display:block; color:#fff; font-weight: bold; padding:7px 0px; line-height: 18px; font-size: 13px; background-color: #1EBE3E; border:1px solid #1CB63A; letter-spacing: -0.4px; 
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_modal_naver:hover{ background-color:#1CB63A;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.btn_modal_kakao{text-align:center; display:block; color:#222; font-weight: bold; padding:7px 0px; line-height: 18px; font-size: 13px; background-color: #F1D62F; border:1px solid #ead000; letter-spacing: -0.4px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_modal_kakao:hover{ background-color:#ead000;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 8px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.modal_navericon{ position:absolute; top:9px; left: 10px; width:16px;}
.modal_kakaoicon{ position:absolute; top:8px; left: 10px; width:18px;}

.btn_modal_mem{text-align:center; display:block; color:#454545; font-weight: bold; padding:7px 0px; line-height: 18px; font-size: 13px; background-color: #F6F6F6; border:1px solid #ccc; letter-spacing: -0.4px; 
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 3px 0 #bfbfbf84;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_modal_mem:hover{ background-color:#f2f2f2;  border:1px solid #bbb;
box-shadow: rgba(0, 0, 0, 0.1) 2px 5px 8px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.btn_loginbtn_cel{width:100%;text-align:center; display:block; color:#fff; font-weight: bold; line-height: 150%; padding:10px 0px; font-size: 14px; background-color: #9e9e9e; border:1px solid #969696;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_loginbtn_cel:hover{ background-color:#888;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 8px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}
.btn_loginbtn{ width:100%;text-align:center; display:inlile-block; color:#fff; font-weight: bold; line-height: 150%; padding:11px 0px; font-size: 14px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#267ce1+0,27dde0+100 */
background: #267ce1; /* Old browsers */
background: -moz-linear-gradient(left,  #267ce1 0%, #27dde0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #267ce1 0%,#27dde0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #267ce1 0%,#27dde0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267ce1', endColorstr='#27dde0',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
   
}

.btn_loginbtn:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27dde0+0,267ce1+100 */
background: #27dde0; /* Old browsers */
background: -moz-linear-gradifent(left,  #27dde0 0%, #267ce1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #27dde0 0%,#267ce1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #27dde0 0%,#267ce1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27dde0', endColorstr='#267ce1',GradientType=1 ); /* IE6-9 */transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.btn_loginmodal{ width:100%; display: inline-block; text-align:center; color:#fff; font-weight: bold; line-height: 150%; padding:11px 0px; font-size: 15px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 2px 4px 0 #bfbfbf; letter-spacing: -0.4px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#267ce1+0,27dde0+100 */
background: #267ce1; /* Old browsers */
background: -moz-linear-gradient(left,  #267ce1 0%, #27dde0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #267ce1 0%,#27dde0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #267ce1 0%,#27dde0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267ce1', endColorstr='#27dde0',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
   
}

.btn_loginmodal:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27dde0+0,267ce1+100 */
background: #27dde0; /* Old browsers */
background: -moz-linear-gradifent(left,  #27dde0 0%, #267ce1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #27dde0 0%,#267ce1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #27dde0 0%,#267ce1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27dde0', endColorstr='#267ce1',GradientType=1 ); /* IE6-9 */transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}



/* ¸ð´Þ - ºÒ¹ýÃÔ¿µ¹°½Å°í Å×ÀÌºí*/
.table_use01 { font-size:13px; width:100%;}
.table_use01 .htit { width:100px; padding:5px 0px; vertical-align:top; border-bottom:0; color:#444; text-align: center; border-bottom:1px solid #868686; font-size:13px; line-height:20px; background-color:#f3f5f5; color:#3e4661; border:1px solid #ddd; font-weight:bold; vertical-align:middle;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+50,f4f4f4+51,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-bottom:1px solid #e3e3e3; color:#3e4661;
}
.table_use01 th{ border:1px solid #ddd; vertical-align:middle; border-left:1px solid #ddd;}
.table_use01 thead th a {color:#454545; text-decoration:none;}
.table_use01 a{color:#454545; text-decoration:none;}
.table_use01 .left{ text-align:left !important;}
.table_use01 .center{ text-align:center !important;}
.table_use01 .right{ text-align:right !important;}

.table_use01 td { color: #454545; padding: 5px 6px; text-align: center; border:1px solid #ddd; font-size:13px;}
.table_use01 .sctnum{ color:#454545; text-decoration:none }
.table_use01 td.left{ text-align:left !important;}
.table_use01 tr > td.center{ text-align:center !important;}
.table_use01 tr > td.right{ text-align:right !important;}
/*.table_multi_black_left .leftline{border-left:2px solid #b3bfcb;}*/
.table_use01 .topline{border-top:2px solid #b3bfcb;}
.policy_cap{ font-size: 13px; letter-spacing: -0.6px; color: #505050; margin-bottom: 15px; line-height: 150%;}
.policy_cap > .cap2{ font-size: 12px;}




/* È¸¿ø°¡ÀÔ */
.member_wrap{ width:100%;  padding:22px 0px 25px 0px; border-radius: 5px; background-color: #fbfbfb; border:1px solid #dfdfdf; min-height: 600px; }
.member_wrap .m_insertcp_idpw{width:100%; margin: 0 auto;}
.member_wrap .m_insertcp_idpw .cap1{ width:50%; float:left;text-align: center;  font-size: 13px; font-weight: bold;  ine-height: 150%; letter-spacing: -1px; margin: 20px 0 10px 0; color: #7f7f7f;}
.member_wrap .m_insertcp_idpw .cap2{ width:100%; float:left; overflow: hidden; margin:0 auto; border-top:2px solid #278ae1; border-right:1px solid #dfdfdf; font-size: 13px; color:#7f7f7f; letter-spacing: -0.6px;  }
.member_wrap .m_insertcp_idpw .cap2 li {width:25%; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float: left; padding-left:44px;  background-color: #fff; text-align: center; padding:10px 0; font-size: 13px; background-color: #fff; }
.member_wrap .m_insertcp_idpw .cap2 li:last-child{}
.member_wrap .m_insertcp_idpw .cap3{ width:100%; float:left; color:#7f7f7f;font-size: 12px;letter-spacing: -0.8px;padding: 10px;text-align: left;font-size: 13px;border: 1px solid #ddd; background-color: #fff; height: 80px; }
.member_wrap .m_insertcp_idpw .cap3 .clred{color:#E83A3A;}

.member_wrap .m_insertcp{width:540px; margin: 0 auto;}
.member_wrap .m_insertcp .cap1{ text-align: center;  font-size: 13px; font-weight: bold;  ine-height: 150%; letter-spacing: -1px; margin: 20px 0 10px 0; color: #7f7f7f;}
.member_wrap .m_insertcp .cap2{ overflow: hidden; width:100%; margin:0 auto; border-top:2px solid #278ae1; border-right:1px solid #dfdfdf; font-size: 13px; color:#7f7f7f; letter-spacing: -0.6px;  }
.member_wrap .m_insertcp .cap2 li {width:50%; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float: left; padding-left:44px;  background-color: #fff; text-align: center; padding:5px 0; font-size: 13px; background-color: #fff; }
.member_wrap .m_insertcp .cap2 li:last-child{}
.member_wrap .m_insertcp .cap3{/* margin:10px 0; */ margin-top:5px; color:#7f7f7f;font-size: 13px;letter-spacing: -0.8px;padding: 10px;text-align: left;font-size: 13px;border: 1px solid #ddd; background-color: #fff; }
.member_wrap .m_insertcp .cap3 .clred{color:#E83A3A;}
.member_wrap .m_insert{ width:540px; margin: 0 auto;}
.member_wrap .m_insert dl{width:100%; display:block; overflow: hidden;}
.member_wrap .m_insert dl dt{ float: left; width:120px; font-size: 13px; color:#454545; padding-top:12px; margin-bottom: 20px;}
.member_wrap .m_insert dl dd{ float: left; width:420px;}
.member_wrap .m_insert dl dd .form_ctrl{ width:100%;  height:34px; border:1px solid #ddd; font-size: 13px; padding:5px 10px; width:420px; }
.member_wrap .m_insert dl dd .form_select{width:100%; height:34px; border:1px solid #ddd; font-size: 13px; padding:5px 10px;}
.member_wrap .m_insert dl dd .m_insert_cap {font-size: 12px; color:#9f9f9f; letter-spacing: -0.6px; margin:3px 0 6px 0px; display: block;}
.member_wrap .m_insert dl dd .m_insert_cap2{font-size: 12px; color:#2196F3; letter-spacing: -0.6px; margin:10px 0 6px 3px; display: block; text-decoration: underline;}

.member_wrap .m_insert2{ width:540px; margin: 0 auto; padding:20px; border:5px solid #dfdfdf; background-color: #fff;}
.member_wrap .m_insert2 dl{width:100%; display:block; overflow: hidden;}
.member_wrap .m_insert2 dl dt{ float: left; width:100px; font-size: 13px; color:#454545; padding-top:12px; margin-bottom: 20px;}
.member_wrap .m_insert2 dl dd{ float: left; width:390px;}
.member_wrap .m_insert2 dl dd .form_ctrl{ width:100%;  height:34px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; width:420px; }
.member_wrap .m_insert2 dl dd .form_select{width:100%; height:34px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px;}
.member_wrap .m_insert2 dl dd .m_insert_cap {font-size: 12px; color:#9f9f9f; letter-spacing: -0.6px; margin:3px 0 6px 3px; display: block;}
.member_wrap .m_insert2 dl dd .m_insert_cap > span.cap{font-size: 12px; color:#2196F3; letter-spacing: -0.6px; display: block;}
.member_wrap .m_insert2 dl dd .m_insert_cap2 a{font-size: 12px; color:#2196F3; letter-spacing: -0.6px; margin:10px 0 6px 3px; display: block; text-decoration: underline;}

.porvbox{ width:100%; margin-top:10px; overflow: hidden;}
.porvbox .pb_frame{margin-top:5px; color:#7f7f7f; background-color: #fff; border:1px solid #dfdfdf; padding:5px; width:100%; height:85px;margin-right:10px;}
.btn_overlap{height:34px; border:1px solid #d4d4d4; background:#e9e9e9; text-align:center; width:130px; display:inline-block; padding-top:7px;}
.btn_overlap:hover{ background-color: #e1e1e1;}
.btn_overlap_2{height:34px; border:1px solid #d4d4d4; background:#e9e9e9; text-align:center; width:70px; display:inline-block; padding-top:7px;}
.btn_overlap_2:hover{ background-color: #e1e1e1;}
.mem_btnline{text-align:center; margin:0 auto; margin-top:15px; display: inline-block; }
.h3_tit_mem{ text-align: center; font-size: 21px; font-weight: bold; line-height: 150%; letter-spacing: -1px; margin: 0px 0 10px 0;}
.h4_tit_mem{text-align: center; font-size: 13px; line-height: 150%; letter-spacing: -0.4px; margin: 0px 0 10px 0; font-weight: normal; color:#7f7f7f;}
.h4_tit_mem .clred{color:#F44336; font-weight: bold;}
.h4_tit_mem2{text-align: center; font-size: 12px; line-height: 150%; letter-spacing: -0.6px; margin:0 auto; width:538px; font-weight: normal; color:#7f7f7f; background-color: #fff; border:1px solid #dfdfdf; padding:5px;}
.h4_tit_mem2 > strong{color:#656565;}

.mem_hr{width:540px; margin-top:10px; margin-bottom: 20px;}
.mem_hr2{width:540px; margin-top:30px; border-style: dashed; border-color: #dfdfdf;}
.mem_hr3{width:540px; margin-top:10px; margin-bottom:0;}


/*Å¸ÀÌÆ² ¼³Á¤*/
.mem_headline { border-bottom: 1px dotted #e4e9f0; display: block; height: 31px; margin: 31px 0 20px 0; position: relative; width:100%;}
.mem_headline { margin: 0px 0px 20px 0px;}
.mem_headline .absol_owl_btn { position: absolute; right: 0px; top: 2px;}
.mem_headline span.tit_list { color: #646464; font-family:'Nanum Gothic','Roboto', 'sans-serif'; font-size: 14px; font-weight: 600; letter-spacing: -0.4px; line-height: 29px; margin: 0px 0px 0px 10px; font-weight:normal;}
.mem_headline h2 { font-family:'Nanum Gothic','Roboto', 'sans-serif'; color: #444; font-size: 15px; font-weight:bold; letter-spacing: -1px; line-height: 24px;}
.mem_headline h2, .headline h3, .headline h4 { border-bottom: 2px solid #1b97d8; display: inline-block; margin: 0 0 -2px 0; padding: 0px 0px 5px 0px;}

.txt_viewall{padding-left: 10px; color: #999; letter-spacing: -1px; text-decoration: underline; vertical-align: -2px;}
.txt_viewall:hover{color:#666;}

.btn_refr{height:34px; border:1px solid #d4d4d4; background:#e9e9e9; text-align:center; width:130px; display:inline-block; padding-top:10px; position: relative;}
.btn_refr:hover{ background-color: #e1e1e1;}
.btn_refr > i { position: absolute; top:4px; left:25px;} 
.btn_refr > .txt { position: absolute; top:7px; left:50px;}

.btn_myline{ width:100%; text-align: center; margin-top:20px;}
.btn_helpdeskline{width:100%; text-align: center; margin-top:10px; overflow: hidden; padding-bottom: 10px;}

/* ¼­ºê ·¹ÇÁÆ®¸Þ´º ¹è³Ê */
.sublm_banner{ position:relative; overflow: hidden; padding:13px 0px 13px 13px;  border-top:3px solid #a0adbb; border-left:1px solid #c4cace; border-right:1px solid #c4cace; border-bottom:1px solid #c4cace; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sublm_banner > .tit{ display: block; margin-bottom: 10px; font-size: 14px; font-weight: bold; letter-spacing: -1px; color:#454545;}
.sublm_banner > .cap{ display: block; font-size: 13px; letter-spacing: -0.6px; color:#7f7f7f;}
.sublm_banner > i.icon_01{ position: absolute; right: 4px; top: 8px; opacity: 0.4; font-size: 45px; color:#728c9e;}
.sublm_banner > i.icon_02{ position: absolute; right: 4px; top: 8px; opacity: 0.4; color:#728c9e;}
.sublm_banner > i.icon_03{ position: absolute; right: 11px; top: 40px; opacity: 0.4; font-size: 37px; color:#728c9e;}


/* È¸¿ø°¡ÀÔ ¿Ï·á ¹è³Ê */
.mem_bnlist { overflow: hidden; }
.mem_bnlist li{ float: left;}
.memok_banner{ width:410px; position:relative; overflow: hidden; padding:21px 0px 20px 13px;  border-top:3px solid #2798e1; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.memok_banner > .tit{ display: block; margin-bottom: 7px; font-size: 19px; font-weight: bold; letter-spacing: -1px; color:#4f4f4f;}
.memok_banner > .cap{ display: block; font-size: 13px; letter-spacing: -0.7px; color:#7f7f7f;}
.memok_banner > i.icon_01{ position: absolute; right: 4px; top: 8px; opacity: 0.33; font-size: 45px;}
.memok_banner > i.icon_02{ position: absolute; right: 4px; top: 8px; opacity: 0.33;}
.memok_banner > i.icon_03{ position: absolute; right: 20px; top: 24px; font-size: 37px; color:#2798e1;}

.mem_infobox{ width:100%; margin-top:30px; border:5px solid #dfdfdf; padding:16px; background-color: #fff;  }
.mem_infobox > .t1 { font-size: 14px; font-weight: bold; letter-spacing: -1px;}
.mem_infobox > .t2 { font-size: 14px; letter-spacing: -1px; margin-top:10px; color:#7f7f7f;}

.member_wrap_in{width:850px; margin-left: 120px;}



/*¼­ºêÆË¾÷*/
.sub_pop_01{ position:relative; height: 290px; background-color: #fff; border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:15px; text-align: center;}
.sub_pop_01 .toplabel{ position: absolute; top:0px; left: 50%; margin-left:-75px; width:150px; height:5px; background:#647BE1;}
.sub_pop_01 > .tit{ font-size:26px; line-height: 150%; margin-top:20px; display: block; color:#2362C9; font-weight: bold; text-align: center; letter-spacing: -1.2px;}
.sub_pop_01 > .cap{ font-size:13px; line-height: 160%; margin-top:25px; letter-spacing: -1px; text-align: left; background-color: #fbfbfb; padding:10px; border:1px solid #dfdfdf;}
.sub_pop_01 > .cap > .blue{color:#2362C9; font-weight: bold}
    
/*°Ë»ö°á°ú*/
.searchview{width:100%; background-color: #f3f5f5; height: 65px; border-bottom: 1px solid #dfdfdf; padding:15px;}
.searchview .form_ctrl{ width:100%;  height:35px; border:2px solid #1a84d4; font-size: 13px; padding:5px 7px; border-radius: 4px !important; }
.searchview .form_select{width:100%; height:40px; border:1px solid #ddd; font-size: 13px; padding:5px 7px; color:#6f6f6f; border-radius: 3px !important; }
.searchview .css_disable{ background-color:#ddd; color:#9c9c9c; border:1px solid #ccc; opacity:0.6;} 
.searchview .resch{display:inline-block; padding-top:10px; font-size: 13px; font-weight: bold; color:#545454;}

.btn_search_file{height: 35px; border: 1px solid #0e79bf; background-color: #2898e2; text-align: center; width: 90px; display: inline-block; padding-top: 6px; font-size: 14px; color:#fff; font-weight: bold; border-radius: 4px; line-height: 140%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23); }
.btn_search_file:hover{ background-color: #0e79bf;}
.btn_search_more{height: 35px; border: 1px solid #e29525; background-color: #f9a52a; text-align: center; width: 90px; display: inline-block; padding-top: 6px; font-size: 14px; color:#fff; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23); border-radius: 4px; cursor: pointer; line-height: 140%; }
.btn_search_more:hover{ background-color: #e29525;}
.btn_search_more_off{height: 35px; border: 1px solid #ccc; background-color: #ddd; text-align: center; width: 90px; display: inline-block; padding-top: 7px; font-size: 14px; color:#9c9c9c; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); */border-radius: 4px; cursor: pointer; line-height: 140%; cursor: inherit; opacity: 0.6;}
.btn_search_more_off:hover{cursor: inherit;}

h3.sch_title { font-size: 21px; color: #1c344d; margin: 20px 0 15px; letter-spacing: -1px; }
h3.sch_title i { font-size: 16px; color: #2798e1; /*vertical-align: bottom;*/ margin-right: 3px;  letter-spacing: -1px; }


/*È¸¿ø°¡ÀÔ ¿Ï·á*/
.memok_tit { margin-bottom:30px;}
.memok_tit > .t1{ font-size: 31px; text-align: left; color:#454545; line-height:135%; font-weight: bold; letter-spacing: -1.3px; }
.memok_tit > .t2{ font-size: 31px; text-align: left; color:#454545; line-height:135%; letter-spacing: -1.5px; }
.memok_tit > .t3{ font-size: 14px; text-align: left; color:#3D6ACF; line-height:150%; color:#454545; margin-top:15px; letter-spacing: -1px; }
.memok_tit > .t3 > .cred{ color:#f00; font-weight: bold;}
.mk_green{ color:#2ABC45; font-weight: bold; display: inline-block;}
.mk_yellow{ color:#ffb507; font-weight: bold;  display: inline-block;}


/* ¼ºÀÎÀÎÁõ ÆäÀÌÁö */

.age_memheader{ height: 101px; border-bottom: 1px solid #dfdfdf;}
.age_memheader .left{ float:left;}
.age_memheader .right{ float:right; text-align: center;}
.age_memheader .right > li{ float: left; margin-left: 45px; padding-top:44px; }
.age_memheader .right > li a {font-size: 16px; font-weight: bold; letter-spacing: -0.4px; }

.age_memtop { overflow: hidden; text-align: center; padding-left: 100px;}
.age_memtop .left{ float: left; width:220px;}
.age_memtop .left > .age{display: inline-block; font-size: 100px; font-weight: bold; padding: 17px; line-height: 110%; text-align:left; border: 10px solid #f00; border-radius: 100px; width: 170px; height: 170px; letter-spacing: -10px;} 
.age_memtop .right{ float:left; text-align: left;}
.age_memtop .right > .txt1{ font-size: 22px; font-weight: bold; letter-spacing: -1.2px; line-height: 150%; margin-top:37px;}
.age_memtop .right > .txt2{ font-size: 15px; letter-spacing: -1px; color:#9f9f9f; line-height: 150%; margin-top:15px;}

.age_membt{ border:5px solid #dfdfdf; padding:20px 20px; width:923px; margin-left: 91px; margin-top:20px;}
.age_membt > .btbox1{ background-color: #f1f1f1; padding:15px; font-size: 13px; color:#7f7f7f; border:1px solid #dfdfdf;}


.h3_age_membt{ font-size: 15px; font-weight: bold; color:#000; letter-spacing: -0.6px; margin:15px 0;}

.btn_meage01{padding:8px 24px; font-size: 13px; font-weight: bold; background-color: #2196f3; border:1px solid #1687e0; border-radius: 3px; line-height: 150%; color:#fff; width: 199px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage01:hover{ background-color: #1687e0;}
.btn_meage0_down1{padding:8px 0px; font-size: 13px; font-weight: bold; background-color: #fff; border:1px solid #2196f3; border-radius: 3px; line-height: 150%; color:#2196f3; width: 215px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage0_down1:hover{ background-color: #f3f5f5;}
.btn_meage0_down2{padding:8px 0px; font-size: 13px; font-weight: bold; background-color: #0078D7; border:1px solid #1687e0; border-radius: 3px; line-height: 150%; color:#fff; width: 220px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage0_down2:hover{ background-color: #1687e0;}

.btn_meage02{padding:8px 24px; font-size: 13px; font-weight: bold; background-color: #2196f3; border:1px solid #1687e0; border-radius: 3px; line-height: 150%; color:#fff; width: 199px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage02:hover{ background-color: #1687e0;}
.btn_meage03{padding:8px 24px; font-size: 13px; font-weight: bold; background-color: #545454; border:1px solid #393939; border-radius: 3px; line-height: 150%; color:#fff; width: 199px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage03:hover{ background-color: #393939;}
.btn_meage04{padding:8px 20px; font-size: 13px; font-weight: bold; background-color: #607D8B; border:1px solid #4e6b79; border-radius: 3px; line-height: 150%; color:#fff; width: 199px; display: inline-block; text-align: center; box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 4px;}
.btn_meage04:hover{ background-color: #4e6b79;}


/*¼ºÀÎÀÎÁõ ¼º°ø, ½ÇÃ¤, 5È¸ */
.age_memtop_view2 { overflow: hidden; text-align: center;}
.age_memtop_view2 .top{ width:100%; margin-top:30px;}
.age_memtop_view2 .top > .age{display: inline-block; font-size: 100px; font-weight: bold; padding: 16px; line-height: 110%; text-align: left; border: 10px solid #f00; border-radius: 100px; width: 170px; height: 170px; letter-spacing: -10px;} 
.age_memtop_view2 .btm{ width:100%; }
.age_memtop_view2 .btm > .txt1{ font-size: 25px; font-weight: bold; letter-spacing: -1.2px; line-height: 140%; margin-top:20px; line-height: 36px;}
.age_memtop_view2 .btm > .txt2{ font-size: 14px; letter-spacing: -1px; color:#7f7f7f; line-height: 140%; margin-top:20px;}




/* ¸¶ÀÌÆäÀÌÁö */
.pit_savebn{width:125px; height: 61px; display: inline-block; font-weight: bold; text-align: center; background-color: #f3f5f5; border:1px solid #dfdfdf; padding-top:11px;}
.my_h4{ font-size: 17px; font-weight: bold; letter-spacing: -1px; margin-top:0px;}
.my_h5{ font-size: 12px; letter-spacing: -0.6px; color:#7f7f7f; font-weight: normal; margin-bottom: 25px;}
.my_h5 > .blue {color:#349FE3; font-weight: bold;}
.my_h5 > .black {font-weight:bold; color:#000;}

.mysub_h4{ font-size: 20px; line-height: 21px; font-weight: bold; letter-spacing: -1px; margin-top:0px; color:#454545; font-family:'Nanum Gothic','Roboto', 'sans-serif';}
.mysub_h4 > .cap{ font-size: 13px; line-height: 21px; font-weight: bold; letter-spacing: -0.4px; margin-top:0px; color:#454545; font-family:'Nanum Gothic','Roboto', 'sans-serif';}
.mysub_h4 > .cap_r{font-size: 13px; line-height: 21px; letter-spacing: -0.4px; margin-top:0px; color:#787878; font-family:'Nanum Gothic','Roboto', 'sans-serif';}
.mysub_h5{ font-size: 13px; letter-spacing: -0.6px; color:#7f7f7f; font-weight: normal; margin-bottom: 20px; font-family:'Nanum Gothic','Roboto', 'sans-serif'; margin-top:0px; line-height: 22px;}
.mysub_h5 > .blue {color:#349FE3; font-weight: bold;}
.mysub_h5 > .black {font-weight:bold; color:#000;}

.overshadow{ border-radius: 5px; box-shadow: rgba(202, 202, 202, 0.7) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.overshadow:hover{border-radius: 5px; box-shadow: rgba(202, 202, 202, 1) 2px 5px 11px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.overshadow2{ border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.overshadow2:hover{border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.4) 2px 5px 11px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.overshadow3{ border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.overshadow3:hover{border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.4) 2px 5px 11px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.overshadow_media{ box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.overshadow_media:hover{ box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 11px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.overshadow_media_view{ box-shadow: rgba(0, 0, 0, 0.13) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.overshadow_media_view:hover{ box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 11px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.event_list h3 > a{ font-size: 14px; letter-spacing: -0.4px;}

.use_ticket{ background-color:#ececec; padding:7px 15px; border:1px solid #ccc; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); margin-top:10px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,000000+100&0.76+0,0.1+100 */
background: -moz-linear-gradient(top,  rgba(229,229,229,0.76) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,0.76) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,0.76) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2e5e5e5', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}

/* ¼­ºê Å¸ÀÌÆ² ¶óÀÎ - µðÆúÆ®*/
.stitle_default{ line-height: 150%;} 
.stitle_default > .tit{font-size: 17px; font-weight: bold; color:#454545; letter-spacing: -0.4px; line-height: 150%; padding-left: 23px; background: url("/img2/npoint/subtit_bullet.png") 0px 4px no-repeat;}
.stitle_default > .tit > .grey12 { color:#7f7f7f; font-weight: normal; margin-left:10px; font-size:13px;}
.stitle_default > .tit > .blue{color:#4B7BC3;}
.stitle_default > .cap{ font-size: 13px; font-weight: normal; color:#7f7f7f; letter-spacing: -0.6px; line-height: 150%; margin-top:2px; padding-left: 24px;}
.stitle_default > .cap .blue{color:#4B7BC3;}
.stitle_default > .cap .black{ color:#000; font-weight: bold;}

/* ÄÁÅÙÃ÷ ¸®´º¾ó */
.mid_list{ width:100%;}
.mid_list > li{width:142px; overflow: hidden; float:left; margin-right: 30px; border:1px solid #dfdfdf; border-radius: 7px; margin-bottom: 30px;}
/*.mid_list > li:hover{  margin-top:5px; -webkit-transition: all 0.2s ease-in-out;}*/
.mid_list > li:hover .con_tit { color:#2E9CE2;}
.mid_list > li:hover .con_tit > .bottom { color:#6f6f6f;}
.mid_list > li:nth-child(5n+0){margin-right:0px;}
.mid_list > li:after{ clear: both;}

.mid_list > li .con_img { width:140px; height: 192px; overflow: hidden;}
.mid_list > li .img_v1{ width:100%; border-bottom: 1px solid #dfdfdf;
transform:scale(1);             /*  default */
-webkit-transform:scale(1);     /*  Å©·Ò */
-moz-transform:scale(1);       /* FireFox */
-o-transform:scale(1);        /* Opera */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list > li .img_v1:hover{
 transform:scale(1.05);             /*  default */
-webkit-transform:scale(1.05);     /*  Å©·Ò */
-moz-transform:scale(1.05);       /* FireFox */
-o-transform:scale(1.05);        /* Opera */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.mid_list > li .con_tit{width:100%; height: 57px; padding:8px 10px 8px 10px; position:relative;}
.mid_list > li .con_tit > .top { width:120px; height: 18px; font-size: 14px; font-weight: bold;}
.mid_list > li .con_tit > .bottom {margin-top:5px; font-size: 12px; color:#9f9f9f;}
.mid_list > li .con_tit > .age12{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list .con_tit > .age15{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list .con_tit > .age18{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list .con_tit > .ageA{ position: absolute; top:-17px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 

.btn_girlsdown{width:264px; background-color:#7e7e7e; border:1px solid #7e7e7e; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px;}
.btn_girlsdown:hover{ background-color:#5e5e5e;border:1px solid #5e5e5e;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_playbdown{width:254px; position:absolute; bottom:-25px; left:0px; background-color:#607D8B; border:1px solid #607D8B; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px;}
.btn_playbdown:hover{ background-color:#607D8B;border:1px solid #607D8B;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_mddown{width:110px; background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:5px 12px; font-weight:bold; font-size: 14px; color:#fff !important; border-radius: 5px;}
.btn_mddown:hover{ background-color:#1f8acf;border:1px solid #167bbd; color:#fff !important;
box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mddown:active{color:#fff;}

.btn_mdsearch{width:140px; background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:5px 12px; font-weight:bold; font-size: 14px; color:#fff !important; line-height: 150%;}
.btn_mdsearch:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



/* ¼ºÀÎ ÇÃ·¹ÀÌº¸ÀÌ */
.mid_list_playboy{ width:100%;}
.mid_list_playboy > li{width:256px; height: 304px; overflow: hidden; float:left; margin-right: 30px; border:1px solid #dfdfdf; margin-bottom: 30px;overflow: hidden; }
.mid_list_playboy > li:hover{/*border-radius: 0px; */}
.mid_list_playboy > li:hover .con_tit { color:#FF3A51;}
.mid_list_playboy > li:hover .con_tit > .bottom { /*color:#6f6f6f;*/}
.mid_list_playboy > li:nth-child(3n+0){margin-right:0px;}
.mid_list_playboy > li:after{ clear: both;}

.mid_list_playboy > li .con_img { width:256px; height: 183px; overflow: hidden;}
.mid_list_playboy > li .con_img > .left{ float: left; width:128px; height: 183px; overflow: hidden;}
.mid_list_playboy > li .con_img > .right{ float: left; width:128px; height: 183px; padding:5px 9px 5px 9px; background-color: #1b2b35; color:#b9b9b9; font-size: 12px; }
/*.mid_list_playboy > li:hover .con_img > .right{  color:#fff; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}*/
.mid_list_playboy > li .img_v1{ width:100%;
/*transform:scale(1.01);            
-webkit-transform:scale(1.01);   
-moz-transform:scale(1.01);       
-o-transform:scale(1.01);        
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;*/
}
.mid_list_playboy > li .img_v1:hover{
/* transform:scale(1.05);            
-webkit-transform:scale(1.05);   
-moz-transform:scale(1.05);      
-o-transform:scale(1.05);       
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   */
}
.mid_list_playboy > li .con_tit{width:100%; padding:10px 10px 10px 10px; position:relative;}
.mid_list_playboy > li .con_tit > .top { width:234px; height: 18px; font-size: 13px; font-weight: bold; margin-bottom: 10px;}
.mid_list_playboy > li .con_tit > .bottom {margin-top:5px; font-size: 12px; color:#9f9f9f; line-height: 140%;}
.mid_list_playboy > li .con_tit > .age12{ position: absolute; top:-19px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_playboy .con_tit > .age15{ position: absolute; top:-19px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_playboy .con_tit > .age18{ position: absolute; top:-19px; right: 86px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_playboy .con_tit > .age99{ position: absolute; top:-19px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_playboy .con_tit > .won100{ position: absolute; top:-19px; right: 10px; width:70px;  height: 30px; border-radius: 15px; background-color: #2798e1; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_playboy > li .con_tit > .adult_btnline{padding-top: 9px;text-align: center;}

/* °É½ºÆ¼ºñ ¸®½ºÆ®*/
.mid_list_girlstv{ width:100%;}
.mid_list_girlstv > li{width:256px; height: 304px; padding:10px; overflow: hidden; margin-right: 30px; border:1px solid #ececec; margin-bottom: 30px; overflow: hidden; text-align: center; float:left; position: relative;}
.mid_list_girlstv > li:hover{/*border-radius: 0px; */}
.mid_list_girlstv > li:hover .con_tit { color:#FF3A51;}
.mid_list_girlstv > li:hover .con_tit > .bottom { /*color:#6f6f6f;*/}
.mid_list_girlstv > li:nth-child(3n+0){margin-right:0px;}
.mid_list_girlstv > li:after{ clear: both;}

.mid_list_girlstv > li .con_img { width:140px; height: 199px; overflow: hidden;border:1px solid #ccc; margin-left:47px; margin-top:5px; }
.mid_list_girlstv > li .con_img > .left{ float: left; width:128px; height: 183px; overflow: hidden;}
.mid_list_girlstv > li .con_img > .right{ float: left; width:128px; height: 183px; padding:5px 9px 5px 9px; background-color: #1b2b35; color:#b9b9b9; font-size: 12px; }
.mid_list_girlstv > li:hover .con_img > .right{ background-color: #fbfbfb; color:#fff; border-bottom:1px dotted #dfdfdf;;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_girlstv > li .img_v1{ width:100%;
transform:scale(1.00);            
-webkit-transform:scale(1.00);   
-moz-transform:scale(1.00);       
-o-transform:scale(1.00);        
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_girlstv > li:hover .img_v1{
 transform:scale(1.05);            
-webkit-transform:scale(1.05);   
-moz-transform:scale(1.05);      
-o-transform:scale(1.05);       
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.mid_list_girlstv > li .con_tit{float:left; width:100%; padding-top:13px;}
.mid_list_girlstv > li .con_tit > .top { width:100%; height: 27px; font-size: 13px; font-weight: bold; overflow: hidden; margin-top:1px;}
.mid_list_girlstv > li .con_tit > .bottom {margin-top:5px; font-size: 12px; color:#9f9f9f;}
.mid_list_girlstv > li .con_tit > .bottom_jul{ margin-top:5px; height: 36px; font-size: 12px; color:#9f9f9f; overflow: hidden;}
.mid_list_girlstv > li .con_tit > .btn_girlsdown{ position: absolute; left:10px; bottom: 10px;}
.mid_list_girlstv > li .con_tit > .age12{ position: absolute; top:-18px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_girlstv .con_tit > .age15{ position: absolute; top:-18px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_girlstv .con_tit > .age18{ position: absolute; top:195px; left: 179px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_girlstv .con_tit > .age99{ position: absolute; top:-18px; right: 10px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 


/* ebs, ¼ºÀÎÇÁ¸®¹Ì ¸®½ºÆ®*/
.mid_list_ebs{ width:100%;}
.mid_list_ebs > li{width:256px; height: 284px; padding:10px; overflow: hidden; margin-right: 30px; border:1px solid #ececec; margin-bottom: 30px; overflow: hidden; text-align: center; float:left; position: relative; border-radius: 7px; }
.mid_list_ebs > li:hover{/*border-radius: 0px; */}
/*.mid_list_ebs > li:hover .con_tit { color:#FF3A51;}*/
.mid_list_ebs > li:hover .con_tit > .bottom { /*color:#6f6f6f;*/}
.mid_list_ebs > li:nth-child(3n+0){margin-right:0px;}
.mid_list_ebs > li:after{ clear: both;}

.mid_list_ebs > li .con_img { width:125px; height: 176px; overflow: hidden; border:1px solid #ececec; margin-left:49px; margin-top:5px; border-radius: 7px; }
.mid_list_ebs > li .con_img > .left{ float: left; width:128px; height: 183px; overflow: hidden;}
.mid_list_ebs > li .con_img > .right{ float: left; width:128px; height: 183px; padding:5px 9px 5px 9px; background-color: #1b2b35; color:#b9b9b9; font-size: 12px; }
.mid_list_ebs > li:hover .con_img > .right{ background-color: #fbfbfb; color:#fff; border-bottom:1px dotted #dfdfdf;;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_ebs > li .img_v1{ width:100%;
transform:scale(1.00);            
-webkit-transform:scale(1.00);   
-moz-transform:scale(1.00);       
-o-transform:scale(1.00);        
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_ebs > li:hover .img_v1{
 transform:scale(1.05);            
-webkit-transform:scale(1.05);   
-moz-transform:scale(1.05);      
-o-transform:scale(1.05);       
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.mid_list_ebs > li .con_tit{float:left; width:100%; padding-top:10px;}
.mid_list_ebs > li .con_tit > .top { width:100%; font-size: 13px; font-weight: bold; overflow: hidden; letter-spacing: -0.45px;}
.mid_list_ebs > li .con_tit > .bottom {margin-top:5px; font-size: 12px; color:#9f9f9f;}
.mid_list_ebs > li .con_tit > .bottom_jul{ margin-top:5px; height: 36px; font-size: 12px; color:#9f9f9f; overflow: hidden;}
.mid_list_ebs > li .con_tit > .btn_girlsdown{ position: absolute; left:-10px; bottom: 0px;}
.mid_list_ebs > li .con_tit > .age12{position: absolute; top:186px; left: 177px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs .con_tit > .age15{ position: absolute; top:186px; left: 177px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs .con_tit > .age18{ position: absolute; top:172px; left: 168px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs .con_tit > .ageA{ position: absolute; top:172px; left: 168px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs > li .con_tit .coin_price{font-size: 14px; font-weight: bold; color:#f00; margin-top:3px; letter-spacing: -0.45px;}
 

/* ebs, ¼ºÀÎÇÁ¸®¹Ì ¸®½ºÆ®*/
.mid_list_ebs_horiz{ width:100%;}
.mid_list_ebs_horiz > li{width:256px; height: 236px; padding:10px; overflow: hidden; margin-right: 30px; border:1px solid #ececec; margin-bottom: 30px; overflow: hidden; text-align: center; float:left; position: relative; }
.mid_list_ebs_horiz > li:hover{/*border-radius: 0px; */}
/*.mid_list_ebs > li:hover .con_tit { color:#FF3A51;}*/
.mid_list_ebs_horiz > li:hover .con_tit > .bottom { /*color:#6f6f6f;*/}
.mid_list_ebs_horiz > li:nth-child(3n+0){margin-right:0px;}
.mid_list_ebs_horiz > li:after{ clear: both;}

.mid_list_ebs_horiz > li .con_img { width:234px; height: 132px; overflow: hidden; border:1px solid #ececec; border-radius: 7px;}
.mid_list_ebs_horiz > li .con_img > .left{ float: left; width:128px; height: 183px; overflow: hidden;}
.mid_list_ebs_horiz > li .con_img > .right{ float: left; width:128px; height: 183px; padding:5px 9px 5px 9px; background-color: #1b2b35; color:#b9b9b9; font-size: 12px; }
.mid_list_ebs_horiz > li:hover .con_img > .right{ background-color: #fbfbfb; color:#fff; border-bottom:1px dotted #dfdfdf;;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_ebs_horiz > li .img_v1{ width:100%;
transform:scale(1.00);            
-webkit-transform:scale(1.00);   
-moz-transform:scale(1.00);       
-o-transform:scale(1.00);        
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mid_list_ebs_horiz > li:hover .img_v1{
 transform:scale(1.05);            
-webkit-transform:scale(1.05);   
-moz-transform:scale(1.05);      
-o-transform:scale(1.05);       
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.mid_list_ebs_horiz > li .con_tit{float:left; width:100%; padding-top:10px;}
.mid_list_ebs_horiz > li .con_tit > .top { width:100%; font-size: 13px; font-weight: bold; overflow: hidden;}
.mid_list_ebs_horiz > li .con_tit > .bottom {margin-top:5px; font-size: 12px; color:#9f9f9f;}
.mid_list_ebs_horiz > li .con_tit > .bottom_jul{ margin-top:5px; height: 36px; font-size: 12px; color:#9f9f9f; overflow: hidden;}
.mid_list_ebs_horiz > li .con_tit > .btn_girlsdown{ position: absolute; left:-10px; bottom: 0px;}
.mid_list_ebs_horiz > li .con_tit > .age12{position: absolute; top:186px; left: 177px; width:30px;  height: 30px; border-radius: 35px; background-color: #FFC107; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs_horiz .con_tit > .age15{ position: absolute; top:186px; left: 177px; width:30px;  height: 30px; border-radius: 35px; background-color: #2196F3; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs_horiz .con_tit > .age18{ position: absolute; top:125px; left: 203px; width:30px;  height: 30px; border-radius: 35px; background-color: #ff3a51; padding:5px; font-size: 14px; font-weight: bold; color:#fff; text-align: center; line-height: 140%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs_horiz .con_tit > .ageA{ position: absolute; top:186px; left: 177px; width:30px;  height: 30px; border-radius: 35px; background-color: #4CAF50; padding:5px; font-size: 11px; font-weight: bold; color:#fff; text-align: center; line-height: 155%; letter-spacing: -1px; padding-left: -1px; font-family: sans-serif; vertical-align: middle;} 
.mid_list_ebs_horiz > li .con_tit .coin_price{font-size: 14px; font-weight: bold; color:#f00; margin-top:3px;}
 




/* ·¹ÇÁÆ®¸Þ´º °øÁö»çÇ×/Ä«ÇÇ¶óÀÌÅÍ */
.left_copynotice{border-top: 3px solid #a0adbb; border-left: 1px solid #c4cace; border-right: 1px solid #c4cace; border-bottom: 1px solid #c4cace; padding:10px 15px;; margin-top:10px;}
.left_copynotice > .top { display: block; padding-bottom: 5px;}
.left_copynotice > .top > .tit { font-size:14px; font-weight: bold; letter-spacing: -1px; color:#454545;  }
.left_copynotice > .top > .more > a{ color:#7f7f7f; font-display: 11px; letter-spacing: -0.6px;}
.left_copynotice > .bottom {padding-top:5px; border-top:1px solid #dfdfdf;} 
.left_copynotice > .bottom li{color:#7f7f7f; font-size: 13px; letter-spacing: -0.6px; list-style:inside; line-height: 200%;} 
.left_copynotice > .bottom li > a {margin-left:-5px; color:#454545;}



/* ÇÃ·¹ÀÌº¸ÀÌ ÅÇ */
.nav-tabs > li > a{border:0px; }
.nav-tabs > li.active  { border:0px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:0px; }
#conts .playoby_tab { border-bottom:1px solid #ddd; }
#conts .playoby_tab li { border-radius: 0px; width:150px; text-align: center; border:0px; background-color: #e9e9e9;cursor: pointer;}
#conts .playoby_tab li a {border-radius: 0px; font-size: 15px; font-weight: bold; margin-right: 0px;}
#conts .playoby_tab li.active a{ color:#fff; background-color: #e12727; border-radius: 0px;}
#conts .playoby_tab li.active :hover{ background-color: #e12727; color:#fff;}

#conts .playoby_tab li a:hover{ background-color: #f3f3f3; color:#454545;}



/* ÄÁÅÙÃ÷ »ó¼¼ÆäÀÌÁö */

.media_hr{ margin:12px 0;}
.media_viewbox{ width:100%; height: 343px;}
.media_viewbox > .left{}
.media_viewbox > .left > img{ width:240px; height: 343px; float:left; border-radius: 7px; }
.media_viewbox > .left > img:hover{}
.media_viewbox > .right{ padding-left:30px; width:588px; height: 343px; float:left; position:relative;}
.media_viewbox > .right > .tit{ font-size: 20px; font-weight: bold; margin:0px 0px 10px 0; display: block; line-height: 140%; overflow: hidden; letter-spacing: -0.6px;}
.media_viewbox > .right > .tit .cap {font-size:15px; color:#9f9f9f; font-weight: normal; margin-left: 10px; font-family: 'roboto'}
.media_viewbox > .right > .info .fa{color:#f8bd00; font-size: 16px; padding-top:1px; }
.media_viewbox > .right > .info { width:100%; display:inline-block; margin-bottom: 10px;}
.media_viewbox > .right > .info dt{ width:50px; float: left; line-height: 150%;}
.media_viewbox > .right > .info dd{ float:left; line-height: 150%; color:#454545;}
.media_viewbox > .right > .info dd .price{ color:#e00; font-size: 19px; font-family: 'roboto'; font-weight: bold;}
.media_viewbox > .right > .info dd .price > span.txt{ font-size:14px; color:#e00; font-weight: bold; margin-left: 3px;}
.media_viewbox > .right > .info dd .bullet{ color:#ddd; padding:0px 5px;}
.media_viewbox > .right > .btn_mddown{ }
.media_viewbox > .right > .btn_mdsearch{ }

.media_viewcontents .info_ntc{ width:558px; border:5px solid #eee; padding:10px; overflow: hidden; margin-top:0px; margin-top:23px; position: absolute; bottom:0px; right:0px;}
.media_viewcontents .info_ntc li {width:100%; color:#7f7f7f; font-size:12px;}
.media_viewcontents .info_ntc li .customer_lk{text-decoration: underline; color:#2196F3;}
.media_viewcontents h3.title { font-size: 21px; color: #1c344d; margin: 30px 0 14px; letter-spacing: -1px; }
.media_viewcontents h3.title i { font-size: 16px; color: #2798e1; /*vertical-align: bottom;*/ margin-right: 3px;  letter-spacing: -1px; }
.media_viewcontents .view_summary{ font-size: 13px; color: #454545; line-height: 150%; padding: 18px 20px 0px 20px;  border: 1px solid #e9e9e9; background-color: #f3f5f5; border-radius: 3px;}

.label_cashback{font-size: 13px; letter-spacing: -1px; border:1px solid #34ad27; padding:0px 4px; display: inline-block; color:#34ad27; margin-left: 15px; margin-bottom: 2px; height: 20px; line-height: 17px;}
.btn_mddown_02{background-color:#2798e1; width:166px; border:1px solid #1d88ce; text-align: center; padding:8px 0px; font-weight:bold; font-size: 14px; color:#fff !important; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 6px;}
.btn_mddown_02:hover{ background-color:#1f8acf;border:1px solid #167bbd; color:#fff !important;
box-shadow: rgba(0, 0, 0, 0.32) 2px 4px 9px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mddown_03{background-color:#999; width:166px; border:1px solid #888; text-align: center; padding:8px 0px; font-weight:bold; font-size: 14px; color:#fff !important; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 6px;}
.btn_mddown_03:hover{ background-color:#888;border:1px solid #777; color:#fff !important;
box-shadow: rgba(0, 0, 0, 0.32) 2px 4px 9px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_mddown:active{color:#fff;}
.downbox{width:558px; height: 80px; margin-top:24px;}
.downbox > .down{width:186px; float:left;}
.downbox > .info{float:left; letter-spacing: -0.45px; color:#9b9b9b; line-height: 17px;}

#mediaView_review h3.title { font-size: 21px; color: #1c344d; margin: 30px 0 14px; letter-spacing: -1px; }
#mediaView_review h3.title i { font-size: 16px; color: #2798e1; /*vertical-align: bottom;*/ margin-right: 3px;  letter-spacing: -1px; }

.view_review_wrap{}
.view_review_wrap > li:last-child{border-bottom: 1px dotted #d5d5d5;}
.view_review { clear: both; margin: 0px 0px 0px 0px; overflow: hidden; border-top: 1px dotted #d5d5d5; padding:10px 0; }
.view_review dl { overflow: hidden; background: #f5f5f5; padding: 15px; margin: 28px 0 34px; }
.view_review dl > dt { float: left; width: 7%; line-height: 1.5em; font-family: 'Work Sans', sans-serif; font-size: 14px; color: #656565; font-weight: normal; margin-left: 3.5%;
}
.view_review dl > dt:first-child { margin-left: 0; }
.view_review dl > dd { float: left; width: 15%; font-size: 14px;	text-align: right;	 line-height: 1.8em; }
.view_review .review_write { font-family: 'Oxygen', sans-serif; font-size: 15px; color: #656565; overflow: hidden; margin-bottom: 40px; }
.view_review .review_write li { position: relative; float: left; width: 50%; line-height: 2.3em; margin-bottom: 10px; }
.view_review .review_write li:nth-child(odd) { text-align: left; }
.view_review .review_write li:nth-child(even) { text-align: right; }
.view_review .review_write li:last-child { text-align: center; }
.view_review .review_write li.btn_area_noline { clear: both; width: 100%; text-align: center; }
.view_review .review_write li.comment { clear: both; width: 100%; text-align: left; }
.view_review .review_write li.comment label  { width: 9%; vertical-align: top; }
.view_review .review_write li.comment textarea { display: inline-block; width: 89%; }
.view_review .review_write label { width: 18%;	 cursor: default; margin-right: 10px; font-size: 13px; }
.view_review .review_write input { width: 78%; }
.view_review .writer { float: left; width: 10%; }
.view_review .writer .circle_wrapper { border-radius: 50%; width: 30px; height: 30px; margin: 5px auto 0px; text-align: center; background-color: #c6c6c6;}
.view_review .writer .circle_wrapper i { color: #fff; font-size: 27px; margin-top: 10px; }
.view_review .writer .circle_wrapper .img-circle { width: 52px; height: 52px; color: #e0e0e0; font-size: 36px; }
.view_review .writer .day { font-family: 'Lato', sans-serif; font-size: 12px; color: #999; text-align: center; margin-bottom: 4px; }
.view_review .writer .modify { text-align: center; }
.view_review .writer .modify i { font-size: 14px; color: #999; margin-right: 4px; }
.view_review .rating { float: right; width: 90%; }
.view_review .rating .name { font-size: 14px; color: #353535; font-weight: bold; overflow: hidden;}
.view_review .rating .day { font-family: 'Lato', sans-serif; font-size: 11px; color: #b1b1b1; text-align: center; margin-bottom: 4px; font-weight: normal; margin-right: 10px; padding: 0px 10px;    background-color: #f6f6f6; border-radius: 0px;}
.view_review .rating dl { background: #fff; padding: 0; margin: 10px 0 16px; }
.view_review .rating dl dt { font-size: 12px; width: 9%; margin-left: 4%; }
.view_review .rating dl dt:first-child { margin-left: 0; }
.view_review .rating dl dd { font-size: 12px; width: 13%; line-height: 1.7em; text-align: right; }
.view_review .rating dl dd i { font-size: 14px; }
.view_review .rating .desc { font-size: 13px; color: #7f7f7f; line-height: 1.4em; font-family: 'Work Sans', sans-serif; padding-right:10px;  }
.view_review .review_write .btn_rating { width: 78%; display: inline-block; }
.view_review .review_write .btn_rating .btn { width: 100%; padding: 5px 12px; }
.view_review .review_write .rating_down { position: absolute; right: 0; width: 78%; z-index: 100; background: #f5f5f5; border: 1px solid #d5d5d5; padding: 20px; border-radius: 0 0 3px 3px; }
.view_review .review_write .rating_down dl { padding: 0; margin: 0; background: transparent; }
.view_review .review_write .rating_down dl dt { width: 30%; margin-left: 0; text-align: left; }
.view_review .review_write .rating_down dl dd { width: 70%; }
.view_review .review_write .rating_down .starrr { float: left; width: 62%;font-size: 14px; }


/*Æ÷ÀÎÆ®*/
.point_use{border-top: 1px solid #efefef; width:545px; float:left;}
.point_use > dl{ display: block; overflow: hidden; border-bottom: 1px solid #efefef; padding:13px 0;}

.point_use > dl > dt { font-size: 15px; font-weight: bold; display: block; width:100%; line-height: 22px; list-style: inside;}
.point_use > dl > dt > .blue{color:#2798e1;}
.point_use > dl > dd { font-size: 13px; color:#7f7f7f; display: block; width:100%; line-height: 22px; margin-left: 10px;}


/*³ÝÆÄÀÏ ÄÚÀÎ ÃæÀü¼Ò*/
.pf_info li{ width:100%; line-height: 150%; color:#7f7f7f; font-size: 13px;}
.pf_info_cap{ font-size:13px; color:#4B7BC3; line-height: 150%; }

.freeinfo_bg{position: absolute; top:97px; right:0px;}

.btn_freeinfo{width:240px; background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:9px 12px; font-weight:bold; font-size: 14px; position: relative;}
.btn_freeinfo:hover, .btn_freeinfo:focus, .btn_freeinfo:focus{ background-color:#1d88ce; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_freeinfo > i { position:absolute; right:10px; top:7px; opacity: 0.6;}


/* °øÅë ¹öÆ° */

/*È®ÀÎ ¹öÆ°*/
.btn_com_confirm{ background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_com_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }


.btn_kpt_confirm{ background-color:#5a6672; border:1px solid #5a6672; border-radius: 3px; text-align: center; padding:2px 6px; font-size: 12px; color:#fff !important; line-height: 17px; display: inline-block;}
.btn_kpt_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#45505a; border:1px solid #45505a; color:#fff !important; border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_t_confirm{ background-color:#5a6672; border:1px solid #5a6672; border-radius: 3px; text-align: center; padding:2px 6px; font-size: 12px; color:#fff !important; line-height: 17px; display: inline-block;}
.btn_t_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#45505a; border:1px solid #45505a; color:#fff !important; border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_f_confirm{ background-color:#5a6672; border:1px solid #5a6672; border-radius: 3px; text-align: center; padding:2px 6px; font-size: 12px; color:#fff !important; line-height: 17px; display: inline-block;}
.btn_f_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#45505a; border:1px solid #45505a; color:#fff !important; border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_p_confirm{ background-color:#5a6672; border:1px solid #5a6672; border-radius: 3px; text-align: center; padding:2px 6px; font-size: 12px; color:#fff !important; line-height: 17px; display: inline-block;}
.btn_p_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#45505a; border:1px solid #45505a; color:#fff !important; border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }





.btn_com_suc{ background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:10px 30px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_com_suc:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_mym01{ background-color:#a0a0a0; border:1px solid #929292; text-align: center; padding:0px 3px; color:#fff !important; line-height: 150%; display: inline-block; font-size: 12px; margin-bottom: 1px; border-radius: 3px;}
.btn_mym01:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#929292; border:1px solid #929292; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_mym01_disb {
  background-color:#d0d0d0;
  border:1px solid #c0c0c0;
  text-align:center;
  padding:0px 3px;
  color:#eeeeee !important;
  line-height:150%;
  display:inline-block;
  font-size:12px;
  margin-bottom:1px;
  border-radius:3px;
  cursor:default;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn_mym01_disb:hover,
.btn_mym01_disb:focus {
  background-color:#d0d0d0;
  border:1px solid #c0c0c0;
  color:#eeeeee !important;
}

.btn_mym02{ background-color:#f3f3f3; border:1px solid #dfdfdf; text-align: center; padding:0px 3px; color:#444 !important; line-height: 150%; display: inline-block; font-size: 12px; margin-bottom: 1px;  border-radius: 3px;}
.btn_mym02:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color: #e9e9e9; border:1px solid #bbb; color:#444 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_mym03{ background-color:#449bf8; border:1px solid #388eea; text-align: center; padding:0px 3px; color:#fff !important; line-height: 150%; display: inline-block; font-size: 12px; margin-bottom: 1px; border-radius: 3px;}
.btn_mym03:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color: #388eea; border:1px solid #388eea; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



.btn_pop_check{ background-color:#eaeaea; border:1px solid #d0d0d0; text-align: center; padding:2px 4px; color:#444 !important; line-height: 150%; display: inline-block; font-size: 12px; margin-bottom: 1px;}
.btn_pop_check:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color: #d6d6d6; border:1px solid #bdbdbd; color:#444 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



.btn_swdown{ background-color:#9E9E9E; border:1px solid #898989; text-align: center; padding:3px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius:3px;}
.btn_swdown:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#898989; border:1px solid #898989; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



.btn_com_rednotice{ background-color:#f44336; border:1px solid #e2392d; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_com_rednotice:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#e2392d; border:1px solid #e2392d; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*ÆË¾÷ È®ÀÎ ¹öÆ°*/
.btn_popup_confirm{ background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_popup_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }


.btn_popup_confirm2{ background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:3px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_popup_confirm2:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



.btn_popup_confirm27{ background-color:#2798e1; border:1px solid #1d88ce; text-align: center; padding:1px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_popup_confirm27:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*ÆË¾÷ Ãë¼Ò ¹öÆ°*/
.btn_popup_cancel{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_popup_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_popup_cancel_2{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:3px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_popup_cancel_2:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }



/*ÃæÀü Ãë¼Ò ¹öÆ°*/
.btn_kpt_cancel{background-color:#fff; border:1px solid #909090; text-align: center; padding:2px 6px; font-size: 12px; color:#606060 !important; line-height: 17px; display: inline-block; border-radius: 3px;}
.btn_kpt_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#f0f0f0; border:1px solid #505050; color:#505050 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_t_cancel{background-color:#fff; border:1px solid #909090; text-align: center; padding:2px 6px; font-size: 12px; color:#606060 !important; line-height: 17px; display: inline-block; border-radius: 3px;}
.btn_t_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#f0f0f0; border:1px solid #505050; color:#505050 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_f_cancel{background-color:#fff; border:1px solid #909090; text-align: center; padding:2px 6px; font-size: 12px; color:#606060 !important; line-height: 17px; display: inline-block; border-radius: 3px;}
.btn_f_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#f0f0f0; border:1px solid #505050; color:#505050 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_p_cancel{background-color:#fff; border:1px solid #909090; text-align: center; padding:2px 6px; font-size: 12px; color:#606060 !important; line-height: 17px; display: inline-block; border-radius: 3px;}
.btn_p_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#f0f0f0; border:1px solid #505050; color:#505050 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*Ãë¼Ò ¹öÆ°*/
.btn_com_cancel{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_com_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*¼öÁ¤/º¯°æ ¹öÆ°*/
.btn_com_modify{background-color:#607D8B; border:1px solid #4e6b79; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_com_modify:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#557382;border:1px solid #4e6b79; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*ÀÏ¹Ý ±×·¹ÀÌ¹öÆ°*/
.btn_com_gray{background-color:#efefef; border:1px solid #dfdfdf; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#5e636b !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_com_gray:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#dfdfdf;border:1px solid #ccc; color:#5e636b !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*¼±ÅÃÇÑ ³»¿ª »èÁ¦ ¹öÆ°*/
.btn_com_resend{background-color:#2798e1; border:1px solid #1b86cc; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_com_resend:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b86cc;border:1px solid #1b86cc; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_com_selectdel{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_com_selectdel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

/*ÂÊÁöº¸³»±â ¹öÆ°*/
.btn_com_msgsend{background-color:#EEF7FD; border:1px solid #AEC9DB; text-align: center; padding:5px 12px; font-weight:bold; font-size: 13px; color:#3a648a !important; line-height: 150%; border-radius: 3px; }
.btn_com_msgsend:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#e0ecf5;border:1px solid #AEC9DB; color:#3a648a !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }


/* Æû ³» ¹öÆ° 26px*/
/* µî·Ï */
.btn_com_formadd{background-color: #fff; border: 1px solid #AEC9DB; text-align: center; padding: 2px 12px 3px 12px; font-weight: bold; font-size: 13px; color: #3a648a !important;
/* line-height: 150%; */ display: inline-block; height: 25px; vertical-align: top; border-radius: 3px;}
.btn_com_formadd:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#EEF7FD; border:1px solid #AEC9DB; color:#3a648a !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_com_form001{background-color: #fff; border: 1px solid #AEC9DB; text-align: center; padding: 1px 8px 1px 8px; font-weight: bold; font-size: 12px; color: #3a648a !important;
line-height: 140%;  display: inline-block; vertical-align: top;}
.btn_com_form001:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#EEF7FD; border:1px solid #AEC9DB; color:#3a648a !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }


.btn_com_formsch{background-color: #e6e6e6; border: 1px solid #ccc; text-align: center; padding: 2px 12px; font-weight: bold; font-size: 13px; color: #545454 !important;
/* line-height: 150%; */ display: inline-block;  /* height: 26px; */ vertical-align: top; border-radius: 3px;}
.btn_com_formsch:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#dcdcdc; border:1px solid #bbb   ; color:#545454 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_com_blue{background-color: #2798e1; border: 1px solid #1d88ce; text-align: center; padding: 2px 12px 3px 12px; font-weight: bold; font-size: 13px; color: #fff !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top; border-radius: 3px;}
.btn_com_blue:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_com_insert{background-color: #9e9e9e; border: 1px solid #848484; text-align: center; padding: 2px 12px 2px 12px; font-weight: bold; font-size: 13px; color: #fff !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top;}
.btn_com_insert:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#848484; border:1px solid #848484; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_com_fred{background-color: #9e9e9e; border: 1px solid #848484; text-align: center; padding: 2px 12px 2px 12px; font-weight: bold; font-size: 13px; color: #fff !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top;}
.btn_com_fred:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#848484; border:1px solid #848484; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.ps_friend{ position: absolute; top:47px; right:178px;}


input.btn_com_mediablue{ background-color: #2798e1; border: 1px solid #1d88ce; text-align: center; padding: 2px 12px 3px 12px; font-weight: bold; font-size: 13px;color: #fff !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top;}
input.btn_com_mediablue:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{  background-color: #1b83c5 !important; border: 1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_com_gray_02{background-color: #ddd; border: 1px solid #ccc; text-align: center; padding: 2px 12px 3px 12px; font-weight: bold; font-size: 13px; color: #666 !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top;}
.btn_com_gray_02:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#dadada; border:1px solid #bbb; color:#444 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_small_01{background-color: #efefef; border: 1px solid #ccc; text-align: center; padding: 2px 10px 3px 10px; font-weight: bold; font-size: 13px; color: #454545 !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: middle; border-radius: 3px;}
.btn_small_01:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#e2e2e2; border:1px solid #bbb; color:#454545 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }




/*È¸¿øÅ»Åð*/

.drop_txt1{ width:100%; padding-top:70px; text-align: center; font-size: 31px; font-weight: bold;line-height: 150%;color:#444; }
.drop_txt2{width:100%; text-align: center; font-size: 18px; font-weight: bold;line-height: 150%; color:#444; }
.drop_txt3{width:100%; padding-top:30px; text-align: center; font-size: 14px; line-height: 150%; color:#7f7f7f;  }


.customer_media_write{ background-color: #f3f5f5;padding:10px; border-top:1px dashed #ddd;}

/* Ä«ÇÇ¶óÀÌÅÍ */
.btn_copybohodown{padding:12px 30px; background-color: #4CAF50; border:1px solid #41a545; font-size: 14px; font-weight: bold; letter-spacing: -0.3px; color:#fff; border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_copybohodown:hover{background-color: #41a545;
box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 8px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.btn_copybohodown2{padding:12px 30px; background-color: #8BC34A; border:1px solid #7cb13f; font-size: 14px; font-weight: bold; letter-spacing: -0.3px; color:#fff; border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_copybohodown2:hover{background-color: #7cb13f;
box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 8px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.btn_copybohodown3{padding:12px 30px; background-color: #8BC34A; border:1px solid #7cb13f; font-size: 14px; font-weight: bold; letter-spacing: -0.3px; color:#fff; border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_copybohodown3:hover{background-color: #7cb13f;
box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 8px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.btn_copybohodown4{padding:12px 30px; background-color: #fbfbfb; border:1px solid #ddd; font-size: 14px; font-weight: bold; letter-spacing: -0.3px; color:#454545; border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_copybohodown4:hover{background-color: #ebebeb; border:1px solid #bbb;
box-shadow: rgba(0, 0, 0, 0.3) 2px 5px 8px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}



.btn_popup_bn2{background-color: #2798e1; border: 1px solid #1d88ce; text-align: center; padding: 2px 12px 3px 12px; font-weight: bold; font-size: 13px; color: #fff !important;
line-height: 140%; display: inline-block; height: 25px; vertical-align: top;}
.btn_popup_bn2:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#1b83c5; border:1px solid #1d88ce; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }


.btn_popup_bn1{background-color:#f3f5f5; border:1px solid #dfdfdf; text-align: center; padding:1px 12px; font-weight:bold; font-size: 13px; color:#454545 !important; line-height: 150%; display: inline-block; height: 25px;}
.btn_popup_bn1:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#efefef;border:1px solid #ddd; color:#454545 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }






/* È«º¸°¡ÀÌµå */
.ntplusbox{ position:relative;}
.ntp_king{ }
.ntp_king > .tit1{ font-family: 'roboto';
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    width: 105px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 534px;
    left: 427px;}
.ntp_king > .tit2{ font-family: 'roboto';  font-size: 22px;
    font-weight: bold;
    color: #fde90a;
    margin-left: 10px;
    position: absolute;
    top: 534px;
    left: 511px;}

.proguide_h4{ text-align: center; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin-top:30px; width:100%; background-color: #183b54; color:#fff; overflow: hidden; line-height: 150%; padding:12px 0; margin-bottom: 0px;}
.prg_box1{border: 1px solid #ccc; padding: 30px 20px;  background-color: #f3f5f5; overflow: hidden;}
.prg_box1 .pr_insert{overflow: hidden;}
.prg_box1 .pr_cap{ font-size: 13px; color:#6f6f6f; padding-top:7px;}
.proguide_input{ height: 43px; width:680px; border:1px solid #ddd; background-color: #fff; padding-left: 10px; }
.btn_prgsend{ width:108px; background-color: #409dff; font-weight: bold; color:#fff; padding:12px 20px; text-align: center; font-size: 14px;}
.btn_prgsend:hover{background-color: #338dec;}

.memo_prg_box1 	   { border:1px solid #ccc; border-top:0px; padding:20px; clear:both;}
.memo_prg_box1 li {margin-bottom:4px; line-height:1.5em; color:#7f7f7f; font-size: 13px;}

/*Æ÷ÀÎÆ® »ç¿ëÇÏ±â*/
.pu_list2{ width:100%; border-bottom:1px solid #dfdfdf; overflow: hidden;}
.pu_list2 li { height: 126px; border-top:1px solid #dfdfdf; position: relative;}
.pu_list2 li > .left{ width:173px; float:left;}
.pu_list2 li > .center{width:617px ; float:left; padding:17px 20px 0px 20px;}
.pu_list2 li > .center dt { text-align: left; font-weight: bold; letter-spacing: -0.4px; color: #444; line-height: 150%; font-size: 15px; padding-bottom:4px; width:100%; }
.pu_list2 li > .center dd { text-align: left; line-height: 150%; font-size: 14px; color:#7f7f7f; letter-spacing: -0.4px; padding-bottom:10px; width:100%; font-size: 13px;}
.pu_list2 li > .center dd > .num .label_1p{ display: inline-block; width: 30px; height: 30px; border-radius: 35px; background-color: #00bcd4; padding: 5px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; line-height: 140%; letter-spacing: -1px; font-family: sans-serif; vertical-align: middle;}
.label_1pchg{ display: inline-block; width:154px; background-color: #fff; padding:4px 0px; border-radius: 25px; border:1px solid #dfdfdf; font-size: 14px; color:#444; font-weight: bold; text-align: center;}
.pu_list2 li > .right{width:180px; float:left;}

.btn_point_go{ position: absolute; border-radius: 7px; top: 70px; right: 25px; text-align: center; padding: 5px 40px; font-weight: bold; font-size: 14px; color: #fff !important; line-height: 150%; display: inline-block; background-color: #1c7ac0; cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn_point_go:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ 
 background-color: #2c92de;
transition: all 0.7s ease-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 6px; -webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn_point_go > i { font-size:14px; margin-right: 4px; display: inline-block; padding-bottom: 2px;}

/* ÄÁÅÙÃ÷ ÆäÀÌÂ¡ */
.pagination > li:first-child > a.inactive{ background-color: #ddd; color:#9c9c9c; border:1px solid #ccc; opacity: 0.3; cursor: auto;}
.pagination > li:first-child > a.inactive:hover{background-color: #ddd; color:#9c9c9;  opacity: 0.3;}
.pagination > li:last-child > a.inactive{ background-color: #ddd; color:#9c9c9c; border:1px solid #ccc; opacity: 0.3; cursor: auto;}
.pagination > li:last-child > a.inactive:hover{background-color: #ddd; color:#9c9c9;  opacity: 0.3}

/*¸ÞÀÎ bg css*/
.mainvisual_bg{width:100%; height: 366px; overflow: hidden; position:absolute; left: 0px; top:0px;}


/*°í°´¼¾ÅÍ Ä«Ä«¿ÀÇÃ·¯½º Ä£±¸*/
 .cacao_plus{ position: absolute; right:-140px; top:0px; width: 120px; text-align: center; border:1px solid #dfdfdf; padding:15px 5px; box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 6px; -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.cacao_plus > .tit{ font-weight: bold; font-size: 14px;}
.cacao_plus > .qrcode_350{ width:76px; margin:7px 0 10px 0;}

/* Á¢¼Ó±â ºÒ¹ý ÃÔ¿µ¹° ½Å°í */
.swpop_singo{width:600px; }

.swpop_singo .modal-header{ background-color: #3e3e3e; }
.swpop_singo .modal-header > button{ color:#fff;}
.swpop_singo .modal-header > h4{color:#fff; font-size: 16px; font-weight: bold; text-align: center; }
.swpop_singo .loginbox_md{ text-align: center; width:350px; margin:0 auto;}
.swpop_singo .form_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; }
.swpop_singo .form_ctrl::-webkit-input-placeholder{font-size:13px;}
.swpop_singo .formarea_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; }
.swpop_singo .formarea_ctrl::-webkit-input-placeholder{font-size:13px;}




/*ÀúÀÛ±Ç º¸È£ ½ÅÃ» Å×ÀÌºí*/

.mt-1{ margin-top:-1px;}
.tbblk_input{ height:25px; border:1px solid #dfdfdf; }
.tbblk_textarea{ border:1px solid #dfdfdf; width:100%; }
.tbblk_porv{ width:100%; overflow: hidden; padding:0px 0px 10px 0px; font-size: 13px; color:#646464;}


.btn_tbadd{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:2px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;}
.btn_tbadd:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.tbblk_capbox{ background-color: #fffdf4; font-size: 12px; border:1px solid #e8e4ce; padding:10px; color:#7f7f7f; }

.btn_tbdel{background-color:#f9f9f9; border:1px solid #ddd; text-align: center; padding:1px 12px; font-weight:bold; font-size: 13px; color:#797979 !important; line-height: 150%; display: inline-block;}
.btn_tbdel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#e9e9e9; border:1px solid #ccc; color:#454545 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_copy_confirm{ background-color:#51a64a; border:1px solid #3b9034; text-align: center; padding:7px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block;
min-width:100px;}
.btn_copy_confirm:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#3b9034; border:1px solid #3b9034; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

.btn_copy_cancel{ background-color:#f9f9f9; border:1px solid #dfdfdf; text-align: center; padding:7px 12px; font-weight:bold; font-size: 13px; color:#646464 !important; line-height: 150%; display: inline-block;
min-width:100px;}
.btn_copy_cancel:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#f9f9f9; border:1px solid #c6c6c6; color:#454545 !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }




.add_f{margin-bottom:3px; color:#797979; }

.tb_topline{border-top: 2px solid #b3bfcb !important;}
.tbblk_left { font-size:13px; width:100%; table-layout: fixed; box-sizing:border-box; border-top:1px solid #ddd;}

.tbblk_left th{ vertical-align:middle;  background: rgb(255,255,255); font-weight: bold; text-align: center; 
background: rgba(235, 243, 243, 0.72); color:#3e4661; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tbblk_left thead th a {color:#454545; text-decoration:none;}
.tbblk_left a{color:#454545; text-decoration:none;}
.tbblk_left td { color: #454545; padding: 5px 6px; text-align: left; border-top:1px solid #ddd;  border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px;}
.tbblk_left td.bg01{ background-color: #f9f9f9; text-align: center;}
.tbblk_left .sctnum{ color:#454545; text-decoration:none }
.tbblk_left td.left{ text-align:left !important;}
.tbblk_left tr > td.center{ text-align:center !important;}
.tbblk_left tr > td.right{ text-align:right !important;}
.tbblk_left .topline{border-top:2px solid #b3bfcb;}


/*ºÒ½Ã ÀÌº¥Æ®*/
/*¸ÞÀÎÆË¾÷*/
.spr_event_main{width:302px; height: 304px; background: url('/img2/event/200630/mainpop.jpg') no-repeat; display: block; border:5px solid #fff;}
.spr_event_main > .top_tit{ text-align: center; content:""; display:block; clear:both;}
.spr_event_main > .top_tit .spr_label{ margin-top:22px; font-size: 12px; color:#fff; background-color: #009ccd; padding:3px 18px; border-radius:25px; line-height: 140%; display: inline-block;}
.spr_event_main > .top_tit .spr_txt{ margin-top:13px; font-size: 29px; font-weight: bold; line-height: 115%; color:#fff; text-shadow: 3px 2px 6px #032575; letter-spacing: -0.4px;  }
.spr_event_main > .top_tit .spr_txt .yelw{color:#ffeb41; display: inline-block; margin-bottom: 5px;}
.spr_event_main > .top_tit .spr_cap1{ margin-top:38px; color:#fff; font-size:13px; }
.spr_event_main > .top_tit .spr_cap2{ margin-top:4px; color:#fff; font-size:12px; line-height:17px; opacity: 0.7;}
.spr_event_main > .top_tit .spr_cap2 .gangjo{ color:#ffeb41; font-weight: bold; display: inline-block; padding-bottom: 2.1px;}
.spr_event_main > .top_tit .srp_infowrap{ width:202px; margin:0px auto; margin-top:11px;}
.spr_event_main > .top_tit .spr_info { margin-bottom:5px;}
.spr_event_main > .top_tit .spr_info dt{ float:left; padding:2px 10px; background-color: #0e76bc; border-radius: 30px; min-width: 40px; color:#fff; font-size:12px; font-weight: normal;}
.spr_event_main > .top_tit .spr_info dd{ float:left; color:#fff; line-height: 150%; font-size:13px;  padding-left: 4px; letter-spacing: -0.4px; font-weight: bold;}
.spr_event_main > .btn_zone{width:100%; margin-top:21px; text-align: center;}
.spr_event_main > .btn_zone .btn_coincharge{ background-color: #E91E63; border:1px solid #d41355; box-shadow: 3px 2px 5px #0a308b;  color:#fff; font-weight: bold; font-size: 14px; padding:7px 60px; border-radius: 7px; line-height: 140%; }
.spr_event_main > .btn_zone .btn_coincharge:hover{ background-color: #f73073;}
/*ÀÌº¥Æ® ÆäÀÌÁö*/
.surprise_event{width:830px; min-height: 764px; height: 778px; background: url(/img2/cha_img/event/210715/210715_eventbg_variable.jpg) no-repeat top left; padding:50px 0px 30px 0px; overflow: hidden; }
.surprise_event > .top_tit{ text-align: center; content:""; display:block; clear:both;}
.surprise_event > .top_tit .spr_label{ margin-top:65px; font-size: 14px; color:#fff; background-color: #009ccd; padding:7px 30px; border-radius:30px; line-height: 150%;}
.surprise_event > .top_tit .spr_txt{ margin-top:30px; font-size: 80px; font-weight: bold; line-height: 110%; color:#fff; text-shadow: 3px 2px 6px #032575; }
.surprise_event > .top_tit .spr_txt .yelw{color:#ffeb41;}
.surprise_event > .top_tit .spr_cap1{ margin-top:38px; color:#fff; font-size:14px; opacity: 0.8; }
.surprise_event > .top_tit .spr_cap2{ margin-top:20px; color:#fff; font-size:14px; }
.surprise_event > .top_tit .spr_cap2 .gangjo{ color:#ffeb41; font-weight: bold;}
.surprise_event > .top_tit .srp_infowrap{ width:298px; margin:30px auto;}
.surprise_event > .top_tit .spr_info { margin-bottom:5px;}
.surprise_event > .top_tit .spr_info dt{ float:left; padding:2px 10px; background-color: #0e76bc; border-radius: 30px; min-width: 40px; color:#fff; font-size:14px; font-weight: normal;}
.surprise_event > .top_tit .spr_info dd{ float:left; color:#fff; line-height: 150%; font-size:14px; padding-top:1px; padding-left: 7px;}
.surprise_event > .top_tit .spr_info:after{ content:""; clear:both; display: block;}
.surprise_event > .event_method{ position:relative; width:660px; min-height: 180px; border-radius: 10px; border:3px double #0a308b; box-shadow: 3px 0px 7px #032575; background-color: #fff; margin:0 auto; padding:0px 24px 20px;}
.surprise_event > .event_method .img_won{ position: absolute; top:50%; right:12px; margin-top:-76px;}
.surprise_event > .event_method > .tit{ margin-top:22px; padding:2px 10px; background-color: #0e76bc; border-radius: 30px; color:#fff; font-size:13px; display: inline-block;}
.surprise_event > .event_method > .cap1{ margin-top:13px; font-weight: bold; width: 522px; font-size: 14px;  letter-spacing: -0.3px;}
.surprise_event > .event_method > .cap2{ margin-top:22px; letter-spacing: -0.4px; color:#767676; width:522px; font-size: 13px; letter-spacing: -0.4px;}

.surprise_event > .event_cap{ width:600px; margin:0 auto; color:#969696; letter-spacing: -0.4px; font-size: 13px; margin-top:30px;}
.surprise_event > .event_cap li { letter-spacing: -0.4px;}
.surprise_event > .btn_zone{width:100%; margin-top:55px; text-align: center;}
.surprise_event > .btn_zone .btn_coincharge{ background-color: #E91E63; border:1px solid #d41355; box-shadow: 3px 2px 5px #0a308b;  color:#fff; font-weight: bold; font-size: 16px; padding:10px 90px; border-radius: 7px; line-height: 150%; }
.surprise_event > .btn_zone .btn_coincharge:hover{ background-color: #f73073;}

/*ÀÌº¥Æ® ÆäÀÌÁö*/
.spr_event_list { width:210px; height: 90px;  background: url('/img2/event/200630/200630_event_list.jpg') no-repeat; display: inline-block; text-align: center;}
.spr_event_list > .spr_txt{ margin-top:12px; font-size: 20px; font-weight: bold; line-height: 126%; color:#fff; text-shadow: 1px 0px 3px #052161; letter-spacing: -0.4px; display: inline-block; margin-top:17px;}
.spr_event_list > .spr_txt .yelw{color:#ffeb41; display: inline-block; margin-bottom: 5px;}

/* ÃæÀüÆäÀÌÁö left ¸Þ´º*/
.spr_event_pl { width:240px; height: 117px;  background: url('/img2/event/200630/200630_pay_left.jpg') no-repeat; display: inline-block; text-align: center;}
.spr_event_pl > .spr_label{ margin-top:13px; font-size: 12px; color:#fff; background-color: #009ccd; padding:1px 17px; border-radius:30px; line-height: 150%; display: inline-block;}
.spr_event_pl > .spr_txt{ font-size: 21px; font-weight: bold; line-height: 115%; color:#fff; text-shadow: 2px 0px 4px #052161; letter-spacing: -0.4px; display: inline-block; margin-top:6px;}
.spr_event_pl > .spr_txt .yelw{color:#ffeb41; display: inline-block; margin-bottom: 5px;}


/* ·Î±×ÀÎ ÆäÀÌÁö */

.spr_event_login { width:350px; height: 107px;  background: url('/img2/event/200630/200630_login.jpg') no-repeat; display: inline-block; text-align: center;}
.spr_event_login > .spr_label{ margin-top:18px; font-size: 12px; color:#fff; background-color: #009ccd; padding:2px 15px; border-radius:30px; line-height: 150%; display: inline-block;}
.spr_event_login > .spr_txt{ font-size: 22px; font-weight: bold; line-height: 115%; color:#fff; text-shadow: 5px 0px 4px #052161; letter-spacing: -0.4px; display:block; margin-top:6px;}
.spr_event_login > .spr_txt .yelw{color:#ffeb41; display: inline-block; margin-bottom: 5px;}


/* È¸¿ø°¡ÀÔ ÆäÀÌÁö */

.mbenefit_list {width:780px; margin:0 auto; display: block; overflow: hidden; }
.mbenefit_list li{width:253px; height: 116px; float:left; margin-right:10px; background:url(/img2/cha_img/sub/member_benefit_bg4.png) no-repeat; position: relative;}
.mbenefit_list li:last-child{margin-right:0px;}
.mbenefit_list li > .tit{ position: absolute; left: 16px; top:19px; color:#fff; font-size:12px; font-weight: bold;}
.mbenefit_list li > .price{ font-size: 17px; font-weight: bold; color:#454545; position: absolute; left: 106px; top:62px; letter-spacing: -1.2px; z-index: 9; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.mbenefit_list li > .price2{ font-size: 17px; font-weight: bold; color:#454545; position: absolute; left: 76px; top:62px; letter-spacing: -1.4px; z-index: 9; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.mbenefit_list li > .price3{ font-size: 13px; font-weight: bold; color:#fff; position: absolute; left: 160px; top:61px; letter-spacing: -0.4px; z-index: 9; }
.mbenefit_list li > .price4{ font-size: 13px; font-weight: bold; color:#fff; position: absolute; left: 190px; top:61px; letter-spacing: -0.4px; z-index: 9; }
.mbenefit_list li > p.cap1 { padding-left: 65px; padding-top: 20px; letter-spacing: -0.4px; color: #646464;}
.mbenefit_list li > p.cap1 > span{color:#f31e1e; font-weight: bold; display: inline-block; margin-bottom: 2px;}
.mbenefit_list li > p.cap1_absol{ position: absolute; left: 70px; top:16px; line-height: 17px; }
.mbenefit_list li > p.cap1_absol > span{color:#f31e1e; font-weight: bold; display: inline-block; margin-bottom: 2px;}
.mbenefit_list li > .thum_img01{ position: absolute; left: 64px; top:56px;}
.mbenefit_list li > .thum_img02{ position: absolute; left: 64px; top:56px;}
.mbenefit_list li > .thum_img03{ position: absolute; left: 64px; top:56px;}
.mbenefit_list li > .thum_img04{ position: absolute; left: 64px; top:56px;}

/* ¼ºÀÎÀÎÁõ ¿Ï·á ¿ÀÇÁ¶óÀÎ ÄíÆù Àû¿ë ÆäÀÌÁö */
.off_coupon{ width:100%;}
.off_coupon > h4{ font-size:14px; margin-left: 211px;}
.off_coupon .off_input { margin-left: 209px; overflow: hidden;}
.off_coupon .off_input:after{clear:both;}
.off_coupon > .cap{ margin-left: 211px; font-size: 12px; color:#868686; margin-top:5px;}
.form_ctrl_sm{ height: 34px; border: 1px solid #ddd; font-size: 13px; padding: 5px 10px;}


/* ºÒ¹ýÃÔ¿µ¹°½Å°í ÆË¾÷ */
.policy_navtab{}
.policy_navtab > li > a{min-width: 162px; text-align: center; border-radius: 0px; background-color: #ddd !important; margin-right:0px;}
/*.policy_navtab > li > a:last-child{margin-left:-1px;}*/
.policy_navtab > li.active > a{ background-color: #1b6a9d !important; min-width: 162px; text-align: center; border-radius: 0px; color:#fff !important; } 
.policy_navtab > li.active > a:hover{ color:#fff;} 
.policy_tabcon > .tab-pane{padding-top:15px; color:#505050;}
.udl{text-decoration: underline;}
.maillink{color:#3f89b5;}

/* ¸ÞÀÎ ¹è³Ê ¶óÀÎ */
.banline_main{}
.banline_main ul{ border:1px solid #ddd; border-radius: 5px; display: inline-block;}
.banline_main ul > li{ float:left; width:275px; height: 80px;  margin-left: -1px; position: relative; -webkit-box-shadow: 2px 1px 5px 3px rgba(166, 166, 166, 0.05); -ms-box-shadow: 2px 1px 5px 3px rgba(166, 166, 166, 0.05); box-shadow: 2px 1px 5px 3px rgba(166, 166, 166, 0.05); border-collapse: separate; border-right: 1px solid #ddd; }
.banline_main ul > li:first-child{margin-left:1px;}
.banline_main ul > li:last-child{border-right: 0px;}
.banline_main ul > li > a > .ab_titicon1{ position: absolute; top:20px; left:17px;}
.banline_main ul > li > a >.ab_titicon2{ position: absolute; top:20px; left:17px;}
.banline_main ul > li > a >.ab_titicon3{ position: absolute; top:21px; left:16px;}
.banline_main ul > li > a >.ab_titicon4{ position: absolute; top:20px; left:17px;}
.banline_main ul > li > a >.ab_titicon4_event{ position: absolute; top:20px; left:17px;}
.banline_main ul > li > a >.ab_li_icon_new{ position: absolute; top:-10px; left:102px;}/* new icon*/
.banline_main ul > li > a >.tf{ font-family:"tahoma"; font-size: 17px !important; letter-spacing: -0.5px !important;}
.banline_main ul > li > a >.tit {font-size: 16px; font-weight: bold; position: relative; line-height: 140%; letter-spacing: -0.4px; padding-left:74px; padding-top:19px;}
/*.banline_main ul > li > a >.tit:hover{ color:#2798E1;}*/
.banline_main ul > li > a >.cap {font-size: 13px; color:#7f7f7f;  padding-left:74px; letter-spacing: -0.4px; line-height: 140%;}
.banline_main ul > li > a >.cm_linkicon{ position: absolute; top:30px; right:20px;}



/* È«º¸°¡ÀÌµå ¼öÁ¤ */

.prmg_list{  margin-top:15px; }
.prmg_list li{ width:405px; margin:0px 0px 20px 20px; float:left; height: 330px; border:1px solid #dfdfdf;  }
.prmg_list li:nth-child(2n+1){ margin-left: 0px;}
.prmg_list > li > .prmg_btnzone{text-align: center; margin-top:13px;}
.prmg_list > li > img:hover{-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);
    -ms-box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);
    box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);}
.prmg_list li img{ margin:20px 0px 0px 50px;}
.prmg_btn {
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow: 3px 2px 5px rgb(121 121 121 / 44%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    border-radius: 3px;
    padding:3px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;}
.prmg_btn:hover {background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); background-color:#e9e9e9;}
.prmg_btn:active { position:relative; top:1px;}


.prmg_list2{ display: block;}
.prmg_list2 li{ width:192px; margin:0px 0px 10px 20px; float:left; height: 320px; border:1px solid #dfdfdf; }
.prmg_list2 li img{ padding:10px 0px 0px 10px; }
.prmg_list2 > li > img:hover{-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);
    -ms-box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);
    box-shadow: 7px 3px 13px 3px rgb(166 166 166 / 30%);}
.prmg_list2 li:first-child{ margin-left: 0px;}
.prmg_list2 > li > .prmg_btnzone{text-align: center; margin-top:13px;}

.capti_bx{clear: both; background-color:#f3f5f5; font-size:13px; letter-spacing:-0.3px; padding:10px 10px 10px 10px; color:#8b8b8b; border:1px solid #ddd; margin-top:30px;}

.btn_mynetp01{ background-color:#fff; border:1px solid #2798e1; text-align: center; font-weight: bold; padding:0px 8px; color:#1b8fda !important; line-height: 150%; display: inline-block; font-size: 12px; margin-bottom: 1px; border-radius: 15px;}
.btn_mynetp01:hover, .btn_mynetp01:focus, .btn_mynetp01:focus{ background-color:#4ca9e4; border:1px solid #4ca9e4; color:#fff !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }



/* ¸¶ÀÌÆäÀÌÁö Æ÷ÀÎÆ® »ç¿ë³»¿ª ¸®½ºÆ® */

.ptd_wrap > .ptdnav {
    padding-left: 0; margin-bottom: 0; list-style: none;}
.ptd_wrap > .ptdnav > li {
    position: relative; display: block;}
.ptd_wrap > .ptdnav > li > a {
    position: relative; display: block; padding: 10px 15px; background: #f3f5f5;}
.ptd_wrap > .ptdnav > li > a:hover,
.ptd_wrap > .ptdnav > li > a:focus {
    text-decoration: none; background-color: #eee;}
.ptd_wrap > .ptdnav > li.disabled > a {
    color: #777;}
.ptd_wrap > .ptdnav > li.disabled > a:hover,
.ptd_wrap > .ptdnav > li.disabled > a:focus {
    color: #777; text-decoration: none; cursor: not-allowed;}
.ptd_wrap > .ptdnav .open > a,
.ptd_wrap > .ptdnav .open > a:hover,
.ptd_wrap > .ptdnav .open > a:focus {
    background-color: #eee; border-color: #337ab7; border-radius: 0px;}
/*.ptd_wrap > .ptdnav .nav-divider {
    height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-radius: 0px;}*/
.ptd_wrap > .ptdnav > li > a > img {
    max-width: none;}
.ptd_wrap > .nav-tabs {
    border-bottom: 1px solid #ddd;}
.ptd_wrap > .nav-tabs > li {
    float: left; margin-bottom: -1px; width:99px; text-align: center; border: 1px solid #ddd; margin-right: -1px;}
.ptd_wrap > .nav-tabs > li > a {
    margin-right:0; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;
}
.ptd_wrap > .nav-tabs > li > a:hover {
    border-radius: 0px;}
.ptd_wrap > .nav-tabs > li.active > a,
.ptd_wrap > .nav-tabs > li.active > a:hover,
.ptd_wrap > .nav-tabs > li.active > a:focus {
    color: #fff; cursor: default; background-color: #5c5c5c; border: 1px solid #5c5c5c; border-radius: 0px;}
.ptd_wrap > .nav-tabs.nav-justified {
    width: 100%; border-bottom: 0;
}
.ptd_wrap > .nav-tabs.nav-justified > li {
    float: none;}
.ptd_wrap > .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px; text-align: center;}
.ptd_wrap > .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto; left: auto;}
.ptd_wrap > .tab-content { padding-top: 10px;}

    
.my_pdl tbody td > .pdrank{ margin-right:10px; padding:2px 9px; background-color: #f3f3f3;}
.my_pdl tbody td > .nwidth {width:26px; background-color: #449BF8;}
.my_pdl tbody td > .num{border-radius: 7px;}

.lineadd{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

/*.ptdownlst > ul {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ptdownlst > .nav { padding-left: 0; margin-bottom: 0; list-style: none; overflow:hidden;}
.ptdownlst > .nav > li { position: relative; display: block; text-align:center; width:20%; background: #5C5C5C; border-radius: 0px; background-color: #f3f5f5; border-left: 1px solid #ddd;  }
.ptdownlst > .nav > li:last-child {border-right:1px solid #ddd;}
.ptdownlst > .nav > li > a {position: relative; display: block; padding: 10px 15px; font-weight:bold;}
.ptdownlst > .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; border-bottom:0px;}
.ptdownlst > .nav > li.disabled > a { color: #777;}
.ptdownlst > .nav > li.disabled > a:hover,.nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent;}
    
.ptdownlst > .nav-tabs { margin:0 auto; border:0px; }
.ptdownlst > .nav-tabs > li { float: left; margin-top: -1px;}
.ptdownlst > .nav-tabs > li > a { line-height: 1.42857143; margin-right: 0px;  }
.ptdownlst > .nav-tabs > li > a:hover { background-color: #e9e9e9; border-radius: 0px;}
.ptdownlst > .nav-tabs > li.active{ }
.ptdownlst > .nav-tabs > li.active > a,
.ptdownlst > .nav-tabs > li.active > a:hover,
.ptdownlst > .nav-tabs > li.active > a:focus { color: #fff; cursor: default; background-color:#5C5C5C; font-size:13px; letter-spacing:-1px; border-radius: 0px;}
.ptdownlst > .nav-tabs.nav-justified { width: 100%; border-bottom: 0;}
.ptdownlst > .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, { display: table; content: " ";}
    
.ptdownlst > .tab-content > .active { display: block; visibility: visible;}
.ptdownlst > .tab-content > .tab-pane { display: none; visibility: hidden;}
.ptdownlst > .tab-content > .active { display: block; visibility: visible;}
.ptdownlst > .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;}
.ptdownlst > .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent;}*/


/*¸¶ÀÌÆäÀÌÁö ¹öÆ° */
/*.ps_list{width:830px; border:3px solid #D9D9D9; padding:15px;}
.ps_list > ul > li { line-height: 150%;}*/
span.ps_tit{ font-size: 13px; font-weight: bold; color:#323232; float:left;} 
span.ps_num{ font-size: 13px; font-weight: bold; color:#2B9AE3; float:left; letter-spacing: -0.4px;} 
span.ps_dt{ font-size: 12px; color:#888; float: left; letter-spacing: -0.3px; } 
.hipln{ color:#dfdfdf; padding:0px 3px 0px 3px; display: inline-block; margin-bottom: 3px;}
.btn_myfaview{ font-size: 12px; font-weight: bold; letter-spacing: -0.6px; color: #906E06; background-color: #FFF8D3; border: 1px solid #D8CE93; display: inline-block; padding: 0px 7px; /* margin-bottom: 13px; */  border-radius: 3px; margin-top: 0px; height: 21px;}
.btn_myfaview:hover{ background-color:#fdf4c2; border:1px solid #ccc183;}

.btn_ps_list{ font-size: 12px; font-weight: bold; letter-spacing: -0.6px; color: #fff; background-color: #449BF8; border: 1px solid #337BCC; display: inline-block; padding: 0px 9px; /* margin-bottom: 13px; */ border-radius: 3px;  margin-top: 0px; height: 21px;}
.btn_ps_list:hover{ background-color:#3790ef; border:1px solid #337BCC;}


/* ¹Ìµð¾î ¸®½ºÆ® »ó¼¼ÆäÀÌÁö */
.v_player_wrap{width:100%; position:relative;}
.v_player_wrap > .player_box{ width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.sct_list{  width:100%; height: 130px; }
.sct_list li{ width:158px; height: 88px; margin-left: 10px; float:left; position:relative; overflow: hidden; background-color: #000;}
.sct_list li > a > .contimg{max-width: 158px; }
.sct_list li:first-child{ margin-left:0px;}
.sct_list li .sctlk{ position: absolute; bottom:1px; right:1px; opacity: 0.6;}
.sct_list li:hover .sctlk{ opacity: 0.45}
.mediadis{ opacity: 0.45;}

/*¸¶ÀÌÆäÀÌÁö »ðÀÔµÉ ºÎºÐ*/ /* »ç¿ë¾ÈÇÏ´Â°Í°°À½ */
.pt_dtlist{width:830px; border:3px solid #D9D9D9; padding:10px;}


/* ¹Ìµð¾î ¸®½ºÆ® »ó¼¼ÆäÀÌÁö */
.v_player_wrap{width:100%; position:relative;}
.v_player_wrap > .player_box{ width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.sct_list{  width:100%; height: 130px; }
.sct_list li{ width:158px; height: 88px; margin-left: 10px; float:left; position:relative; overflow: hidden; background-color: #000;}
.sct_list li > a > .contimg{max-width: 158px; }
.sct_list li:first-child{ margin-left:0px;}
.sct_list li .sctlk{ position: absolute; bottom:1px; right:1px; opacity: 0.6;}
.sct_list li:hover .sctlk{ opacity: 0.45}
.mediadis{ opacity: 0.45;}

/*¸¶ÀÌÆäÀÌÁö »ðÀÔµÉ ºÎºÐ*/ /* »ç¿ë¾ÈÇÏ´Â°Í°°À½ */
.pt_dtlist{width:830px; border:3px solid #D9D9D9; padding:10px;}

/*·Î±×ÀÎºÎºÐ*/
.btn_hoverstyle:hover{box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.sns_t1{ display:block; width:350px; height: 40px;}
.sns_t1 li{ margin-bottom: 10px; float: left;}
.sns_t1 li > a > img:hover {}
/*.sns_t1 li:nth-child(2n+1){margin-right:10px;}*/
.sns_t1:after{ clear:both;}

.btn_gle_ctrl {width:100%;}
.btn_gle_ctrl > .abcRioButtonLightBlue:hover{box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; 
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_gle_ctrl > .abcRioButton {width:350px !important; height: 43px !important;}
.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper{}
.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper > .abcRioButtonIcon{padding:11px !important;}
.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper > .abcRioButtonIcon > .abcRioButtonSvgImageWithFallback{}
.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper > .abcRioButtonIcon > .abcRioButtonSvgImageWithFallback > svg{width:22px; height: 22px;}

.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper > .abcRioButtonContents{display: inline-block; margin-top:3px; margin-left: -30px !important;}
.btn_gle_ctrl > .abcRioButton > .abcRioButtonContentWrapper > .abcRioButtonContents > span{ font-size:16px !important;}



/* Á¢¼Ó±â À¥ ³ÝÆÄÀÏ °èÁ¤ ÀüÈ¯ ½ÅÃ»*/
.btn_memchange_cel{width:100%;text-align:center; display:block; color:#fff; font-weight: bold; line-height: 150%; padding:9px 0px; font-size: 13px; height: 39px; background-color: #9e9e9e; border:1px solid #888;border-radius: 3px;}
.btn_memchange_cel:hover{ box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; background-color:#888;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27dde0', endColorstr='#267ce1',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.btn_memchange{ width:100%;text-align:center; display:block; color:#fff; font-weight: bold; line-height: 150%; padding:9px 0px; font-size: 13px; height: 39px; background: #1a89d1;border-radius: 3px;}

.btn_memchange:hover{box-shadow: rgba(0, 0, 0, 0.2) 2px 5px 11px; background: #147cc0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27dde0', endColorstr='#267ce1',GradientType=1 ); /* IE6-9 */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}

.netchange{width:402px; height: 287px; background-color: #fff;}
.netchange > .tit{width:402px; height: 40px; background: #0B70B2; color:#fff; text-align: center; border-top:2px solid #075E97;}
.netchange > .tit > span {margin-top:8px; display: inline-block; font-weight: bold;}
.netchange > .concap { background-color: #f3f5f5; width:402px; padding:9px 9px 9px 9px; border:1px solid #ddd; display: inline-block;}
.netchange > .concap > .infosert{width:100%; overflow: hidden; background-color: #f3f5f5; }
.concap_text{font-size: 12px; letter-spacing: -0.4px; color:#757575; padding:1px 0px 3px 0px; line-height: 145%; height: 24px;}

.infosert{ width:540px; margin: 0 auto; padding:9px 25px 15px 25px;}
.netchange .infosert dl{width:100%; display:block; overflow: hidden; }
.netchange .infosert dl dt{ float: left; width:90px; font-size: 13px; color:#454545; padding-top:10px; margin-bottom: 10px;}
.netchange .infosert dl dd{ float: left; width:242px;}
.netchange .infosert dl dd .form_ctrl{ width:100%;  height:34px; border:1px solid #ddd; font-size: 13px; padding:5px 10px; width:232px; }

/*°áÁ¦ ¿Ï·á ÆäÀÌÁö */
.pay_rst{width:100%; min-height: 500px; border:10px solid #efefef; text-align: center;}                
.pay_rst_tit1{ font-size: 29px; font-weight: bold; color:#3e8ad7; letter-spacing: -1px; line-height: 150%; margin-bottom: 5px;}
.pay_rst_tit2{ font-size: 14px; color:#797979; letter-spacing: -0.4px; line-height: 150%;}

.table_pay_rst th { border: 1px solid rgb(221, 221, 221); vertical-align: middle; }
.table_pay_rst a { color: rgb(69, 69, 69); text-decoration: none; }
.table_pay_rst td { color: #797979; padding: 10px 20px; text-align: center; border: 1px solid rgb(221, 221, 221); font-size: 13px; }
.table_pay_rst td.left{ text-align: left; }
.table_pay_rst .tit{ font-weight: bold; color:#323232;}
.table_pay_rst .leftline { border-left: 3px solid #519ce7; text-align: left; padding-left: 20px; font-weight: bold; color:#323232;
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 )}

.btn_rstlist{ padding:10px 45px; line-height: 150%; background-color: #767676; border:1px solid #676767; color:#fff; font-weight: bold; border-radius: 7px; display: inline-block; font-size: 14px;}
.btn_rstlist:hover{ background-color:#626262;}

/* °Ë»ö°á°ú ÀÌ¹ÌÁö ¹öÆ° css º¯°æ*/
/*
.btn_resultdown{ padding:2px 5px; background-color: #ddd; display: inline-block; color:#fff;}
.btn_resultzzim{ padding:2px 5px; background-color: #ddd; display: inline-block; color:#fff;}
.btn_resultzzim_off{ padding:2px 5px; background-color: #ddd; display: inline-block; color:#fff;}
.btn_resultinfo{ padding:2px 5px; background-color: #ddd; display: inline-block; color:#fff;}
*/
.plus11{ vertical-align: middle; margin-left: 6px; padding-bottom: 2px;} 


h2.adult_pbgl{ font-family: 'Nanum Gothic','Roboto', 'sans-serif'; color: #444; font-size: 21px; font-weight: bold; letter-spacing: -1px; line-height: 24px;}
.pbgl_cr{color:#d74343;}
h4.adult_pbgl_cap{font-size: 14px; letter-spacing: -0.6px; color: #7f7f7f; font-weight: normal; margin-bottom: 20px; font-family: 'Nanum Gothic','Roboto', 'sans-serif';line-height: 150%;}

/* ·Î±×ÀÎ ÆË¾÷ º¸¾È¹®ÀÚ*/

.securett{display: inline-block; width:100%; height: 40px;}   
.securett > #serial_no{text-decoration: line-through; background-color: #F0F0F0; text-align: center;}
.securett > #serial_no:hover{ background-color: #f0f0f0 !important;}
.securett_cap{display: inline-block; width:100%;}
.securett_cap > p {text-align: left; color:#767676; font-size: 13px;}

.btn_refr_pop{height:40px; border:1px solid #d4d4d4; background:#e9e9e9; text-align:center; width:130px; display:inline-block;padding-top: 16px;position: relative;}
.btn_refr_pop:hover{ background-color: #e1e1e1;}
.btn_refr_pop > i { position: absolute; top:7px; left:25px;} 
.btn_refr_pop > .txt {position: absolute;top: 9px; left:50px;} 


.bt_style1{color:#319ce2; text-decoration: underline;}
.bangtong .form_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; }
.bangtong .form_hover:hover{ background-color:#f0f0f0 !important;}
.bangtong .form_ctrl::-webkit-input-placeholder{font-size:13px;}
.bangtong .formarea_ctrl{ width:100%;  height:40px; border:1px solid #dfdfdf; font-size: 13px; padding:5px 10px; line-height: 22px; }
.bangtong .formarea_ctrl::-webkit-input-placeholder{font-size:13px;}
.bangtong .batg_tit {width: 100%; min-height: 40px; max-height: 70px; line-height: 150%; border: 1px solid #dfdfdf; font-size: 13px; padding: 7px 10px; background: #F0F0F0; text-align: left;}

.bangt_navtab{}
.bangt_navtab > li > a{min-width: 162px; text-align: center; border-radius: 0px; background-color: #ddd !important; margin-right:0px; font-weight: bold;}
.bangt_navtab > li.active > a{ background-color: #1b6a9d !important; min-width: 162px; text-align: center; border-radius: 0px; color:#fff !important; } 
.bangt_navtab > li.active > a:hover{ color:#fff;} 
.bangt_navtab > .tab-pane{padding-top:15px; color:#505050;}
.bangt_h5{ font-size: 13px; letter-spacing: -0.6px; color:#454545; font-weight: normal; margin-bottom: 20px; font-family:'Nanum Gothic','Roboto', 'sans-serif'; margin-top:0px; line-height: 22px;}
.btn_badreport{background-color:#757575; border:1px solid #666;  color:#fff; font-weight: bold; padding:7px 15px;}

/* Á¢¼Ó±â ÀÎ±âÄÁÅÙÃ÷ ¹× °øÁö»çÇ× ÀÌº¥Æ® */
.cb{ clear:both;}
.shadow_style1{box-shadow: 2px 2px 4px rgb(0 0 0 / 9%);}
.ntevent_wrap{ width:100%; font-size: 12px; padding:8px 0px 0px 20px; font-family: "±¼¸²"; letter-spacing: -0.15px;}
.ntev_h3{ font-size: 13px; font-weight: bold; margin:10px 0px 5px 0; }
.ntev_h3 > a { font-family: "±¼¸²"; }
.ntev_h3 > a:hover{ text-decoration: underline;}
.ntev_h3 > img{margin:0px 4px 3px 0px;}
.nt_notice_box{ width:513px;  }
.nt_notice_box dt:first-child{margin-top:0px;}
.nt_notice_box dt{ width:100%; padding:6px 0px 4px 10px; height: 26px; background-color: #d3e7f4; margin-top:10px; border-radius: 7px; font-weight: bold; }
.nt_notice_box dt > a{font-family: "±¼¸²" !important; }
.nt_notice_box dd{ width:100%; padding:8px 10px 7px 10px; background-color: #fff; margin-top:7px; border-radius: 7px; border:1px solid #dfdfdf; box-shadow: 2px 2px 4px rgb(0 0 0 / 9%); }
.nt_notice_box dd > a{font-family: "±¼¸²" !important; }
.nt_event_box{ width:513px; }
.nt_event_box dt:first-child{margin-top:0px;}
.nt_event_box dt{ width:100%; padding:6px 0px 4px 10px; height: 26px; background-color: #faded1; margin-top:10px; border-radius: 7px; font-weight: bold;}
.nt_event_box dt > a { font-family: "±¼¸²"; }
.nt_event_box dd{ width:100%; padding:8px 10px 8px 10px; background-color: #f9f9f9; margin-top:7px; border-radius: 7px; border:1px solid #dfdfdf; box-shadow: 2px 2px 4px rgb(0 0 0 / 9%);}
.nt_event_box dd > a { font-family: "±¼¸²"; }

.ct_list { width:578px; height: 1000px;  }
.ct_list li{width:106px; height: 160px; float:left;  margin-right: 12px; margin-bottom: 22px; text-align: center; }
.ct_list > li:nth-child(5n+0){margin-right:0px;}
.ct_list li > a > img{width:100%; border:1px solid #dfdfdf;  box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
    /*transform:scale(1);          
    -webkit-transform:scale(1);   
    -moz-transform:scale(1);    
    -o-transform:scale(1);*/     
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.ct_list li > a > img:hover{ box-shadow: 3px 3px 4px rgb(0 0 0 / 30%);
    /*transform:scale(1.03);          
    -webkit-transform:scale(1.03);    
    -moz-transform:scale(1.03);      
    -o-transform:scale(1.03);*/ 
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.ct_list li > a > .ct_tit{ margin-top:4px; width:106px; height: 20px; font-family: '±¼¸²' !important; color:#646464; font-size: 12px; }

.popl_list{width:578px; padding-top:10px; overflow: hidden;}
.popl_list li{ float:left; margin-right:20px; margin-bottom: 20px; }
.popl_list > li:nth-child(2n+0){margin-right:0px;}
.popl_list li > a > img{box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.popl_list li > a > img:hover{ box-shadow: 3px 3px 4px rgb(0 0 0 / 23%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.popl_list_bj{width:578px;}
.popl_list_bj li{ float:left; margin-right:20px; margin-bottom: 20px; }
/*.popl_list_bj > li:nth-child(2n){margin-right:20px;}*/
.popl_list_bj > li:nth-child(3n+0){margin-right:0px;}
.popl_list_bj li > a > img{box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.popl_list_bj li > a > img:hover{ box-shadow: 3px 3px 4px rgb(0 0 0 / 23%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }


/* 10-11 ÃæÀü¼¾ÅÍ Ã¼Å©¹Ú½º ½ºÅ¸ÀÏÀû¿ë */
input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 ; }
input[type=checkbox].css-checkbox + label.checkbox-label,
input[type=checkbox].css-checkbox + label.checkbox-label.clr { padding-left:16px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 -15px; font-size:14px; vertical-align:middle; cursor:pointer ; margin-bottom: 2px; }
input[type=checkbox].css-checkbox:checked + label.checkbox-label,
input[type=checkbox].css-checkbox + label.checkbox-label.chk { background-position: 0 0; }
label.checkbox-label {
	background-image:url(/img2/cha_img/common/css_checkbox4_15px_2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none ; }

input[type="checkbox"].css-checkbox { border:1px solid #d5d5d5; margin-top:0 ; font-family: 'Lato', sans-serif; }
/*input[type="checkbox"] { border:1px solid #ddd; margin-top:0;}*/

/* 01-02 ¿ì´ëÇÒÀÎÄíÆù Ã¼Å©¹Ú½º ½ºÅ¸ÀÏÀû¿ë */

input[type=checkbox].css-checkbox_woo { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 ; }
input[type=checkbox].css-checkbox_woo + label.checkbox_woo-label,
input[type=checkbox].css-checkbox_woo + label.checkbox_woo-label.clr { padding-left:15px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 -15px; font-size:14px; vertical-align:middle; cursor:pointer ; margin-bottom: 2px; }
input[type=checkbox].css-checkbox_woo:checked + label.checkbox-label,
input[type=checkbox].css-checkbox_woo + label.checkbox_woo-label.chk { background-position: 0 0; }
label.checkbox_woo-label {
	background-image:url(/img2/cha_img/common/css_checkbox4_15px_0102.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none ; }

input[type="checkbox"].css-checkbox_woo { border:1px solid #d5d5d5; margin-top:0 ; font-family: 'Lato', sans-serif; }
/*input[type="checkbox"] { border:1px solid #ddd; margin-top:0;}*/


/* ¸¶ÀÌÆäÀÌÁö ÂÊÁö º¸³»±â ¿µ¿ª */
.msg_write_user{ display: inline-block; position:absolute; top:4px; left:10px;}
.msg_write_user li{ display:block; float:left; width:100%; line-height: 21px; letter-spacing: -0.4px;  }
.mb0{margin-bottom:0px;}

.ml-1{margin-left:-1px;}

/* Å×½ºÆ® */ 
/* input[type="checkbox"][disabled]{background: #F0F0F0 !important;} */

/* mrtg top right menu*/
.mrtg_listmeun{line-height: 16px; height: 20px;  display: inline-flex;}
.mrtg_listmeun > span > a:hover {text-decoration: underline; text-underline-offset:3px;}
.mrtg_listmeun > a:hover > span {text-decoration: underline; text-underline-offset:3px;}
.mrtg_listmeun > a:hover {text-decoration: underline; text-underline-offset:3px;}
.mrtg_listmeun span a:hover{text-decoration: underline; text-underline-offset:3px;}

.underl:hover{ text-decoration: inherit !important; text-decoration: underline !important; text-underline-offset:3px;}
.drunder:after:hover{text-decoration: underline !important; text-underline-offset:3px !important;}
.def_ft a:hover{text-decoration: underline !important; text-underline-offset:3px !important;}

.def_under:hover{ text-decoration: inherit !important; text-decoration: underline !important; text-underline-offset:3px;}

.def_under:hover{text-decoration: underline !important; text-underline-offset:3px !important;}





.red_ft{ color:#f00; display:inline-block;}
.def_ft{ color:#000000;  display:inline-block;}

/* ¸ÞÀÎÆäÀÌÁö ÆË¾÷ ·¹ÀÌ¾Æ¿ô ±¸Á¶ÇüÅÂ */
.minipop_layout_top{margin-bottom: 20px;}
.minipop_layout_top li{ width:260px; height: 114px; border-radius: 5px; float: left;  margin-right:20px; -webkit-box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4); -ms-box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4); box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4);}
.minipop_layout_top li:hover{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.55);
-ms-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.55);
box-shadow: 4px 2px 13px 5px rgba(166, 166, 166,  0.55);
}
.minipop_layout_top li:nth-child(4n+0){ margin-right:0px;} 
.minipop_layout_top li > a > img{border:1px solid #ddd; border-radius: 5px;}

.minipop_layout_bottom{margin-bottom:10px;}
.minipop_layout_bottom li{ width:260px; height: 114px; border-radius: 5px; float: left;  margin-right:20px; -webkit-box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4); -ms-box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4); box-shadow: 3px 1px 12px 3px rgba(166, 166, 166, 0.4);}
.minipop_layout_bottom li:hover{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.55);
-ms-box-shadow: 4px 2px 13px 5px rgba(166, 166, 166, 0.55);
box-shadow: 4px 2px 13px 5px rgba(166, 166, 166,  0.55);
}
.minipop_layout_bottom li:nth-child(4n+0){ margin-right:0px;} 
.minipop_layout_bottom li > a > img{border:1px solid #ddd; border-radius: 5px;}


.label_cashb{border:1px solid #f24719; color:#f24719; display: inline-block; padding:0px 2px; line-height: 13px; font-size: 11px; letter-spacing: -0.6px; margin-left:4px;}

/**/
.down_apptit{font-family: helvetica; font-size: 23px; font-weight: bold; color:#85c808;}
.btn_downapp1{width:316px; height: 66px; position: relative; background-color: #f5f9f9; border:1px solid #b9b9b9; display: block; padding:22px 0px 0px 72px;}
.btn_downapp1_1{width:316px; height: 66px; position: relative; background-color: #f5f9f9; border:1px solid #b9b9b9; display: block; padding:22px 0px 0px 72px;}
.btn_downapp1_1 .cap1{ font-size: 15px; color:#454545; font-weight: bold; line-height: 18px;}
.btn_downapp1_1 .cap2{ font-size: 14px; color:#9c9c9c; letter-spacing: -0.2px; line-height: 18px; }
.btn_downapp1 .cap1{ font-size: 15px; color:#454545; font-weight: bold; line-height: 18px;}
.btn_downapp1 .cap2{ font-size: 14px; color:#9c9c9c; letter-spacing: -0.2px; line-height: 18px; }
.icon_appdown02{ position: absolute; top:14px; left: 24px; opacity: 0.9; }
.icon_appdown03{ position: absolute; top:12px; left: 17px; }
.icon_appdown04{ position: absolute; top:12px; left: 21px; }

.btn_downapp2{width:316px; height: 66px; position: relative; background-color: #85c808; border:1px solid #74af07; display: block; padding:22px 0px 0px 72px;}
.btn_downapp2 .cap1{ font-size: 15px; color:#ffffff; font-weight: bold; line-height: 18px;/*text-shadow: 1px 1px 2px rgb(0 0 0 / 41%);*/}

.btn_downapp2_1{width:316px; height: 66px; position: relative; background-color: #4caf50; border:1px solid #42a146; display: block; padding:22px 0px 0px 72px;}
.btn_downapp2_1 .cap1{ font-size: 15px; color:#ffffff; font-weight: bold; line-height: 18px;}

.btn_downapp3{width:316px; height: 66px; position: relative; background-color: #0078d7; border:1px solid #006abd; display: block; padding:22px 0px 0px 72px;}
.btn_downapp3 .cap1{ font-size: 15px; color:#ffffff; font-weight: bold; line-height: 18px; letter-spacing: -0.4px; display: inline-block; margin-top:1px;}
.btn_downapp3 .cap2{ font-size: 15px; color:#ffffff; font-weight: bold; line-height: 18px; letter-spacing: -0.4px; display: inline-block; margin-top:-1px;}


.btn_downapp4{width:241px; height: 66px; position: relative; background:url("/img2/cha_img/guide/icon_appdown4_bg.gif") no-repeat; border:1px solid #ddd; display: block; padding:22px 0px 0px 72px;}
.btn_downapp4 .cap1{ font-size: 15px; color:#454545; font-weight: bold; line-height: 18px;/*text-shadow: 1px 1px 2px rgb(0 0 0 / 41%);*/}

.paylaebl_tit{display: inline-block; padding-bottom: 6px; color: #f5f5f5; background-color: #58a3ed; padding: 2px 14px 2px 14px; line-height: 120%; margin-bottom: 3px; border-radius: 10px; margin-right: 8px;}
.paylaebl_tit_red{display: inline-block; color: #eb3f3f; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; letter-spacing: -0.2px;}
.paylaebl_tit2{display: inline-block; padding-bottom: 6px; color: #f5f5f5; background-color: #617CA8; padding: 2px 14px 2px 14px; line-height: 120%; margin-bottom: 3px; border-radius: 10px; margin-right: 8px;}
 

.brd_bestimg{ border-top-left-radius: 6px;}

.mypage_tab02_wrap{border-bottom:1px solid #000; margin-bottom: 20px; z-index: 99;}
.mypage_tab02{display: inline-block;width:100%;/* border-bottom: 2px solid #000; */}
.mypage_tab02 li {min-width: 140px;background-color: #f9f9f9;/* border:1px solid #ddd; */border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-top: 1px solid #ddd;/* padding:6px 10px; */text-align: center;font-size: 13px;font-weight: bold;cursor: pointer;float: left;margin-right: 1px;margin-bottom: 0px;}
.mypage_tab02 li a{color:#646464 !important;font-weight: normal;display: inline-block;width: 100%;padding: 6px 10px;}
.mypage_tab02 li:hover{ background: #f3f5f5;;}
.mypage_tab02 li.active{background:#fff;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;margin-bottom: -1px;z-index: 19;}
.mypage_tab02 li.active a{font-weight: bold;color:#333 !important;display: inline-block;width: 100%;padding: 6px 10px;}




.btn_pointmrtg_01 { height:23px; background-color:#49505a; font-size: 13px; padding:0px 12px; color:#fff; text-align: center; cursor:pointer; border:1px solid #171a1d; border-radius:3px; line-height: 25px; display: inline-block; text-decoration: none;} 
.btn_pointmrtg_01:hover{border:1px solid #171a1d; background-color:#222;}


.note_mypg{color: #ff0000 !important; padding-bottom: 2px; display: inline-block;}
.point_gray{background-color: #dfdfdf !important; color:#bbb !important; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px !important;}
.point_gray:hover{box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px !important;} 

/*È¸¿ø°¡ÀÔ, ¸ð´Þ·Î±×ÀÎ, ¼ºÀÎ ·Î±×ÀÎ ÁÂÇ¥*/
.ads_include{ position: absolute; top: 76px; left: 121px; z-index: 99;}
.ads_memlogin{ position: absolute; top: 63px; left: 370px; z-index: 99;}
.ads_meminput{ position: absolute; top: 146px; left: 370px; z-index: 99;}
.adult_sns{width:356px; box-shadow: rgba(0, 0, 0, 0.45) 4px 4px 9px; transition: 0.3s ease-in-out;}
.adult_sns > .adsns_top{width:100%; padding:10px 20px; background-color: #393939; border-bottom: 3px solid #1686FB; font-size: 14px; color:#fff;}
.adsns_cap{width:100%; padding:20px; background-color: #F8F8F8; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.adsns_cap .nt{ border:1px solid #ddd; background-color: #fff; padding:20px 15px;}
.adsns_btm{width:100%; text-align: center; background-color: #E8E8E8; padding:10px 0; border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

.btn_adsnscap{background-color:#9e9e9e; border:1px solid #8e8e8e; text-align: center; padding:3px 12px; font-weight:bold; font-size: 13px; color:#fff !important; line-height: 150%; display: inline-block; border-radius: 3px;}
.btn_adsnscap:hover, .btn_mdsearch:focus, .btn_mdsearch:focus{ background-color:#8e8e8e;border:1px solid #8e8e8e; color:#fff !important;
-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


/*.zzimbx_tit .left{ float: left;}
.zzimbx_tit .right{ float: left; margin-left: 6px; line-height: 150%; margin-top:1px; letter-spacing: -0.4px;}*/

.btn_zzimdel{background-color:#f3f5f5;border:1px solid #cfcfcf;text-align:center; font-weight: bold; padding:2px 13px;line-height:150%;display:inline-block;border-radius:3px;color:#333; font-size: 13px;}
.btn_zzimdel:hover,.btn_zzimdel:focus{background-color:#f0f0f0;border:1px solid #b0b0b0;color:#111;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


.zzimbx_tit{display:flex; align-items:center;}
.zzim_group{display:flex; align-items:center; gap:10px;}
.zzim_title{display:flex; align-items:center;}
.zzim_line { width: 5px; height: 16px; background-color: #359adb;  margin-right: 5px; margin-top:1px;}
.zzim_text {font-size: 14px; font-weight: bold; color: #2f2f2f; letter-spacing: -0.3px;}


.btn_logout2{padding:4px 13px; background-color: #0a78be; border:1px solid #0770b3; border-radius: 3px; line-height: 145%; color:#fff;}
.btn_logout2:hover{ background-color: #076bab;}





































