@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%; margin-bottom:85px; }
#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 #bbb;  }
#subMenuFrame2 ul li { display: inline;}
#subMenuFrame2 ul li a { padding:6px 18px 6px 18px; float:left; color:#fff; text-decoration: none; background:#b9b9b9; margin-right:1px;  }
#subMenuFrame2 ul li a:hover { color: #fff; background:#f99f1e; }
#subMenuFrame2 ul li a.current { color: #fff; font-weight:bold; background:#f99f1e; }
#promoFrame { margin: 0 auto; margin-bottom:17px; width: 900px; padding:0;}
.titleHome { background: url(../images/imgPromoHome3.jpg) no-repeat right 50%; height: 154px; }
.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; }
.titleNicoBlocHistory { background: url(../images/nicoblocHistory.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: 16px; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0; color:#cc8311;}
#bodyFrame H2 { margin-bottom: 0.6em; font-size: 1.2em; font-weight:bold; line-height:1.8em; 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.8em; color:#444; margin-top:0; padding-top:0;}
#bodyFrame h5 { margin-right: 25px; margin:0; font-size: 1.4em; font-weight:bold; padding:0px 0px 10px 0px;}
#bodyFrame .txtCon { margin-right: 25px; margin-bottom: 1.4em; font-size: 1.1em; font-weight:normal; 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:#555; font-size: 1em; }
#bodyFrame .manual { margin-bottom: 0.7em; text-align:left; word-break:break-all; line-height:1.9em; font-family:"Nanum Gothic","Arial"; color:#777; font-size: 1.0em; }
#introFrame { margin: 0px; width: 574px; height:543px; border-right: #ccc 1px dashed;}
#introFrame h1 { margin-right: 25px; margin-bottom: 0.6em; font-size: 16px; 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:#555; font-size: 1em;}
#infoFrame, #infoFrame2 { margin: 0px; width: 300px;}
#infoFrame  { padding-bottom:15px;}

.subTitle { padding:0px 0px 24px 0px; margin:0;}
.headerTxt { padding:10px 0px 30px 0px; height:22px; font-size:22px; font-weight:bold; line-height:1.6em; }
.txtBox { width:900px; padding:0; border-bottom:1px dashed #d3d3d3; margin:0px 0px 16px 0px;}
.txtBox .tit { margin-right: 25px; margin-bottom: 0.1em; font-size:16px; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0; color:#996600;}
.txtBox .con { margin-right: 25px; margin-bottom: 1.4em; font-size:12px; font-weight:bold; line-height:1.6em; color:#676767; margin-top:0; padding:0px 0px 0px 14px; background: url(../images/txt_icon.gif) top left no-repeat;}

#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; }

.testimBox { padding:0px 20px 0px 20px;}
.testimBox .titBig { margin-bottom:6px; font-size: 18px; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0; color:#f78f1e;  }
.testimBox .testimBox_ko { text-align: justify; word-break:break-all; padding:4px 12px 4px 12px; margin:0px 0px 16px 0px; font-size:12px; font-weight:normal; line-height:1.9em; color:#777; background:#f1efe1; }
.testimBox .conSmall { margin-right: 25px; margin-bottom: 0.8em; font-size: 13px; font-weight:bold; line-height:1.6em; color:#333; margin-top:0; padding-top:0;}
.testimBox .talkB { margin:0px 0px 6px 0px;}
.testimBox .talkB span{ font-size: 16px; font-weight:bold; line-height:1.6em; margin:0; padding:0; color:#373737; }
.testimBox .testimImg { float:left; width:160px; padding-right:25px; }
.testimBox .testimQuoteOne { margin: 25px 25px 6px 0px; min-height: 23px; background: url(../images/quoteone.jpg) no-repeat left top; }
.testimBox .testimQuoteTwo { padding:0px 0px 0px 30px; min-height: 23px; }

.testim_CpBox { width:860px; padding:0px 20px 0px 20px; border-bottom:1px dashed #d1d1d1; margin:0px 0px 16px 0px;}
.testim_CpBox .titBig { margin-bottom:6px; font-size: 18px; font-weight:bold; line-height:1.6em; margin-top:0; padding-top:0; color:#f78f1e;  }
.testim_CpBox .testimBox_ko { text-align: justify; word-break:break-all; padding:6px 12px 6px 12px; margin:0px 0px 16px 0px; font-size:11px; font-weight:normal; line-height:1.9em; color:#777; background:#f1efe1; }
.testim_CpBox .conSmall { margin-right: 25px; margin-bottom: 0.8em; font-size: 13px; font-weight:bold; line-height:1.6em; color:#333; margin-top:0; padding-top:0;}
.testim_CpBox .talkB { margin:0px 0px 6px 0px;}
.testim_CpBox .talkB span{ font-size: 13px; font-weight:bold; line-height:1.6em; margin:0; padding:0; color:#373737; }
.testim_CpBox .testimImg { float:left; padding-right:15px; }
.testim_CpBox .testimQ_One { margin: 25px 0px 6px 0px; min-height: 18px; background: url(../images/quoteone.gif) no-repeat left top; }
.testim_CpBox .testimQ_Two { padding:0px 0px 0px 0px; min-height: 18px; }

#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:110px; width: 900px; color: #f3f3f3; font-size: 0.9em; }
#botLinks { text-align:left; padding-bottom: 14px; padding-left: 0px; width: 900px; height:68px; padding-right: 0px; padding-top: 18px; }
#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; }
span.eng { font-size:0.8em;}

.nicobloc_bg {background:url(../images/nicobloc_img_s.png)no-repeat right top; padding-right:200px !important; height:auto; overflow:hidden;}
.nicobloc_bg .txtBox { width:700px !important; }

/*20160803 총판/대리점 추가*/
.center_img{text-align:center;}
/*20160809* 추가 margin 값*/
.mt30{margin-top:30px;}
.mt15{margin-top:15px;}
.mt5{margin-top:5px;}
.mb10{margin-bottom:0.9em !important;}
.mb0{margin-bottom:0px !important;}
/*20160819 추가*/
.pr{position:relative;}