@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
body,html,div,blockquote,img,label,p,pre,ul,ol,li,dl,dt,dd,a,th,td {border:0; padding:0; margin:0; outline-style:none; outline-color:invert; outline-width:medium; }
h1,h2,h3,h4,h5,h6 { padding:0; color: #f78f1e; font-size: 100%;}
ul,ol { list-style-type: none; list-style-image: none; }
body {font-size:12px; font-family:"Nanum Gothic","Arial"; color:#3a3a3a; line-height:120%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { clear: both; }
.friendText { display: none; }
/*추가*/
.top_menu{position:absolute; right:0; top:70px;}
.top_menu li{float:left; margin-right:10px;color:#fff; font-weight:bold;}
.top_menu li a{color:#fff;}
/**/
#topBase { width: 100%; background: url(../images/bgTop.png) repeat-x; height: 180px; }
#midBase { width: 100%; }
#botBase { width: 100%; background:#afafaf; height: 110px; }
#headerFrame { margin: 0px auto; width: 900px; height: 88px; position:relative; }
#headerLeft { width: 500px; background: url(../images/logoWhiteNew.png) no-repeat left 50%; height: 88px; }
#headerRight { text-align: right; margin-top: 45px; width: 300px; }
#menuFrame { margin: 1px auto; width: 900px; height: 31px; }
#menuFrame UL { padding-left: 0px; width: 100%; float: left; color: #fff; margin-left: 0px; }
#menuFrame UL LI { display: inline; }
#menuFrame UL LI A { padding-bottom: 9px; padding-left: 19px; padding-right: 19px; background: url(../images/bgmenu.png) repeat-x; float: left; color: #fff; border-right: #444 1px solid; text-decoration: none; padding-top: 8px; }
#menuFrame UL LI A:hover { background: #444; color: #fff; }
#menuFrame UL LI A.current { color: #fff; font-weight: bold; }
.borderLeft {  }
#subMenuFrame { margin: 0px auto; width: 900px; height: 29px; font-size: 12px; }
#subMenuFrame UL { padding-left: 0px; width: 100%; float: left; color: #fff; margin-left: 12px; }
#subMenuFrame UL LI { display: inline; }
#subMenuFrame UL LI A { padding-bottom: 9px; padding-left: 9px; padding-right: 9px; float: left; color: #fff; text-decoration: none; padding-top: 8px; }
#subMenuFrame UL LI A:hover { color: #bbb; }
#subMenuFrame UL LI A.current { color: #fff; font-weight: bold; }

#subMenuFrame2 { margin: 0px auto; width: 900px; height: 29px; font-size: 12px; }
#subMenuFrame2 ul { padding-left: 0px; width: 100%; float: left; color: #fff; margin:0px 0px 20px 0px; border-bottom:1px solid #777;  }
#subMenuFrame2 ul li { display: inline;}
#subMenuFrame2 ul li a { padding:9px; float:left; color:#fff; text-decoration: none; background:#777; margin-right:1px;  }
#subMenuFrame2 ul li a:hover { color: #fff; background:#f78f1e; }
#subMenuFrame2 ul li a.current { color: #fff; font-weight:bold; background:#f78f1e; }
#promoFrame { margin: 25px auto; width: 900px; }
.titleHome { background: url(../images/imgPromoHome3.jpg) no-repeat right 50%; height:154px; }
.titleNicoBloc1 { background: url(../images/imgHome_161228.jpg) no-repeat right 50%; height: 680px; }
.titleChanges { background: url(../images/bodyChanges.png) no-repeat right 50%; height: 120px; }
.titleSupport { background: url(../images/bodySupport.png) no-repeat right 50%; height: 120px; }
.titleDrugs { background: url(../images/drugs.png) no-repeat right 50%; height: 120px; }
.titleAddiction { background: url(../images/addiction.png) no-repeat right 50%; height: 120px; }
.titlePuff { background: url(../images/puff.png) no-repeat right 50%; height: 120px; }
.titleNicoBlocUsed { background: url(../images/nicoblocUsed.png) no-repeat right 50%; height: 120px; }
.titleNicoBlocApply { background: url(../images/nicoblocApply.png) no-repeat right 50%; height: 120px; }
.titleNicoBlocWorks { background: url(../images/nicoblocWorks.png) no-repeat right 50%; height: 120px; }
.titleNicoBlocChart { background: url(../images/nicoblocChart.png) no-repeat right 50%; height: 120px; }
.titleFAQ { background: url(../images/faq.png) no-repeat right 50%; height: 120px; }
.titleContact { background: url(../images/contact.png) no-repeat right 50%; height: 120px; }
.titleTestim { background: url(../images/testim.png) no-repeat right 50%; height: 120px; }
#bodyFrame { margin: 0px auto 25px; width: 900px; }
#bodyFrame H1 { margin-bottom: 0.9em; font-size: 1.6em; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0;}
#bodyFrame H2 { margin-bottom: 0.6em; font-size: 1.2em; font-weight:bold; line-height:1.6em; color:#444; margin-top:0; padding-top:0;}
#bodyFrame h3 { margin-right: 25px; margin-bottom: 0.1em; font-size: 1.4em; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0;}
#bodyFrame h4 { margin-right: 25px; margin-bottom: 1.4em; font-size: 1.1em; font-weight:bold; line-height:1.4em; color:#444; margin-top:0; padding-top:0;}
#bodyFrame P { margin-bottom: 0.7em; text-align: justify; line-height: 1.7em; font-family:"Nanum Gothic","Arial"; color:#777; font-size: 1em; }
#introFrame { margin: 0px; width: 574px; border-right: #ccc 1px dashed; }
#introFrame h1 { margin-right: 25px; margin-bottom: 0.6em; font-size: 1.6em; font-weight:bold; line-height:1.8em; margin-top:0; padding-top:0;}
#introFrame h2 { margin-right: 25px; margin-bottom: 0.6em; font-size: 1.2em; font-weight:bold; line-height:1.8em; color:#444; margin-top:0; padding-top:0;}
#introFrame h3 { margin-right: 25px; margin-bottom: 0.1em; font-size: 1.3em; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0;}
#introFrame h4 { margin-right: 25px; margin-bottom: 1.0em; font-size: 1.0em; font-weight:bold; line-height:1.8em; color:#444; margin-top:0; padding-top:0;}
#introFrame P { margin-bottom: 1em; margin-right: 25px; text-align: justify; line-height: 1.7em; font-family:"Nanum Gothic","Arial"; color:#666; font-size: 1em;}
#infoFrame { margin: 0px; width: 300px; }
.drugItem { margin-bottom: 5px; margin-right: 25px; }
.drugName { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; background: #f78f1e; color: #fff; padding-top: 5px; }
.drugNum { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; color: #7e8083; padding-top: 5px; }
.drug99 { width: 495px; }
.drug98 { width: 490px; }
.drug97 { width: 485px; }
.drug92 { width: 460px; }
.drug83 { width: 415px; }
.drug82 { width: 410px; }
.drug80 { width: 400px; }
.drug71 { width: 355px; }
.drug70 { width: 350px; }
.drug57 { width: 285px; }
.drug22 { width: 110px; }
.drug20 { width: 100px; }
.drug19 { width: 95px; }
.drug16 { width: 80px; }
.drug15 { width: 75px; }
#basic-accordian { padding-bottom: 0px; padding-left: 0px; width: 549px; padding-right: 0px; padding-top: 0px; }
.accordion_headings { padding-bottom: 5px; margin-top: 5px; padding-left: 5px; padding-right: 5px; background: #7e8083; color: #ffffff; padding-top: 5px; }
.accordion_headings:hover { background: #f78f1e; }
.accordion_headings2 { padding-bottom: 3px; line-height: 1.4em; margin-top: 3px; padding-left: 6px; padding-right: 6px; color: #3d3d3d; padding-top: 3px; }
.accordion_headings2:hover { color: #333; }
.accordion_child { padding-bottom: 15px; line-height: 1.5em; padding-left: 15px; padding-right: 15px; color: #3d3d3d; padding-top: 15px; }
.header_highlight { background: #f78f1e; color: #ffffff; }
#contactWrap { width: 549px; margin-right: 25px; }
#contactWrap P { padding-bottom: 25px; margin: 0px 0px 1px; padding-left: 25px; padding-right: 25px; background: #3d3d3d; padding-top: 25px; }
#contactWrap INPUT { border-bottom: 0px; border-left: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-family: arial, helvetica, sans-serif; background: #fff; color: #000; font-size: 1em; border-top: 0px; border-right: 0px; padding-top: 5px; }
#contactWrap TEXTAREA { border-bottom: 0px; border-left: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-family: arial, helvetica, sans-serif; background: #fff; color: #000; font-size: 1em; border-top: 0px; border-right: 0px; padding-top: 5px; }
#contactWrap UL { padding-bottom: 25px; line-height: 1.2em; text-indent: 50px; margin: 0px; padding-left: 25px; padding-right: 25px; font-family: arial, helvetica, sans-serif; background: #3d3d3d; color: #fff; font-size: 1em; padding-top: 25px; }
#contactWrap IMG.loaderIcon { position: relative; top: -50px; right: -25px; }
P SMALL { display: block; color: #ffffff; }
#name { width: 214px; }
#email { width: 214px; }
#comments { width: 489px; }
.formGap { height: 25px; }
.testimImg { padding-right: 25px; }
.testimQuoteOne { margin: 25px 25px 25px 0px; min-height: 40px; background: url(../images/quoteone.jpg) no-repeat left top; }
.testimQuoteTwo { padding-bottom: 0px; min-height: 40px; padding-left: 40px; padding-right: 20px; background: url(../images/quotetwo.jpg) no-repeat right bottom; padding-top: 0px; }
#testimNav A { padding-bottom: 3px; line-height: 1.4em; padding-left: 6px; padding-right: 6px; display: block; color: #3d3d3d; text-decoration: none; padding-top: 3px; }
#testimNav A:hover { color: #f78f1e; }
#testimNav A.current { background: #f78f1e; color: #ffffff; }
#legacy A { padding-bottom: 3px; line-height: 1.4em; padding-left: 6px; padding-right: 6px; display: block; color: #3d3d3d; text-decoration: none; padding-top: 3px; }
#legacy A:hover { color: #ff6600; }
#legacy A.current { background: #f78f1e; color: #ffffff; }
#buyFrame { padding-bottom: 30px; margin: 25px auto; padding-left: 30px; width: 840px; padding-right: 30px; background: url(../images/buybg.jpg) no-repeat; height: 340px; padding-top: 30px; }
#buyFrame A { width: 100%; display: block; height: 100%; }
#buytxt01 { margin-bottom: 20px; background: url(../images/buytxt01.jpg) no-repeat; height: 67px; }
#buytxt02 { margin-bottom: 20px; background: url(../images/buytxt02.jpg) no-repeat; height: 73px; }
#buytxt03 { background: url(../images/buytxt03.jpg) no-repeat; height: 35px; }
#buybutton { margin-top: 30px; width: 316px; background: url(../images/buybutton.jpg); float: left; height: 70px; }
#storelogo { width: 492px; background: url(../images/nicoblocstorelogo.jpg); float: right; height: 115px; }
#botWrap { margin: 0px auto; height:68px; width: 900px; color: #f3f3f3; font-size: 0.9em; padding-top:23px; }
#botLinks { text-align:left; padding-bottom: 14px; padding-left: 0px; width: 900px;padding-right: 0px; }
#botLinks ul { height:68px; }
#botLinks ul li{ float:left; height:68px; display:inline; line-height:18px;}
#botLinks A { padding-bottom: 6px; padding-left: 6px; padding-right: 6px; color: #cccccc; text-decoration: none; padding-top: 6px; }
#botLinks A:hover { color: #999999; }
#botCopy { text-align: center; padding-bottom: 25px; padding-left: 0px; width: 549px; padding-right: 0px; padding-top: 11px; }
A:link { color: #f78f1e; text-decoration: none; }
A:visited { color: #f78f1e; text-decoration: none; }
A:hover { color: #009999; text-decoration: none; }
AREA { cursor: url(../images/cursor2.cur), default; }
BODY { cursor: url(../images/cursor2.cur), auto; }
A:hover { cursor: url(../images/cursor2.cur), default; }

/*20160819 추가*/
.pr{position:relative;}

/*popup*/
#popup_wrap{
	position:absolute;top:150px;left:0px;z-index:1000000;}