@charset "utf-8";

.adultdiv4 {z-index:100;position:absolute; top:25px; left:70px;}
.adultdiv3 {z-index:100;position:absolute; top:25px; left:130px;}
.adultdiv1 {z-index:100;position:absolute; top:20px; left:90px;}
.adultdiv2 {z-index:100;position:absolute; top:25px; left:160px; }
.adultdivview {position:absolute; top:68px; left:155px;}
.adultdivview2 {position:absolute; top:25px; left:186px;}
.adultdivview3 {z-index:100;position:absolute; top:10px; left:155px;}
.adultdivview3_m {z-index:100;position:absolute; top:10px; left:175px;}

#header .startpage {display:none;}
#header .bookmark {display:none;}
.red {color:red;}
.center {text-align:center;}
.clear{overflow:hidden;width:100%}
.clear3{width:100%}
.clear2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.tr{text-align:right !important}
.tl{text-align:left !important}
.tc{text-align:center !important}
.tc img{text-align:center !important;inline;display:inline}
.fwb{font-weight:bold !important}
.dn{display:none}
.dib{display:inline-block; zoom:1; *display:inline}
.pointer{cursor:pointer}
.fl img{display:block}
.fl img.dn{display:none}
.resizeno{resize:none;}
img.center {display: block;margin-left: auto;margin-right: auto;}
.line-through {text-decoration:line-through}
.eventDiv {position:absolute;padding:0;margin:0;left:848px;cursor:pointer;top:0px}
.eventDiv2 {position:absolute;padding:0;margin:0;left:560px;cursor:pointer;top:1px}
.eventDiv3 {position:absolute;padding:0;margin:0;cursor:pointer;top:-35px; width:100%;}
.eventDiv3 .subs {float:right;width:100%;z-index:9999;}
.eventDiv3 .subs img{float:right;}
/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
/*body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}*/
body{background-color:#fff;word-break:keep-all; word-wrap:break-word}
body,a,textarea{color:#555;font-family:dotum,helvetica,sans-serif;font-size:12px;font-weight:normal}/*Monospace,*/

img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{text-decoration:none}
a:hover{text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto;overflow-x:hidden}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{position:absolute;left:-5000px;top:0;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
textarea{overflow-x:hidden}
td{word-break:break-all;}
.errtable {text-align:center;width:90%; color:block;}
.errtable tr {border:0}
.errtable tr td {border:0;height:36px;}
.syErrContents {color:blue;}
.guagemain{position:relative; background:white; border:1px solid #ddd;height:16px;}
.guagemain span{background:#ddd;position:absolute; display:block; height:16px; }
.guagemain em{position:absolute;}
.underline {  color: #666; }
.ipt {height:24px;}

.syBoardContentPlace{min-width:710px; min-height:210px;} */

#pcviewerdowonstr {font-family:Monospace,dotum; line-height:30px;}
#pcviewerdowonstr ul {font-family:Monospace,dotum; border-top:2px solid #ddd; border-bottom:2px solid #ddd;line-height:170%; word-spacing:0px;letter-spacing:0px;}

/*주소록*/
.deliveryAddress{min-width:700px; background:#fff;}

/*popup*/
.pop_event{position:relative;z-index:1000;}
.event_sub {display:none;}
.event_sub .popup-close-x{position:absolute;}

/*my 초이스*/
.ifmDiv {border:1px solid #ddd;}
.ifmDiv ul li {padding-top:2px; padding-bottom:2px; padding-left:2px; }

#header .topbox{background:#f5f5f5;border-bottom:1px solid #e6e6e6;margin-top:1px;position:relative;z-index:1100}
#header .topbox .box{z-index:1000}
#header .member .fl{margin:4px 0 0 6px}
#header .member .txt {margin-top:7px; margin-right:3px;}
#header .member .txt .color {color:#000;}
#header .member .txt .color2 {color:#bc8f8f;}
#header .topmenu .fl{background:url(/img/bg_topmenu.gif) no-repeat right 9px;line-height:20px;padding:6px 12px 0 14px}
#header .topmenu .last{background:none;padding-right:0}
#header .topmenu .mypage{display:block;padding-right:14px;background:url(/img/bg_top_mypage.gif) no-repeat right 7px;cursor:pointer;}
#header .mypage_on{position:absolute;right:260px;top:4px;border:1px solid #a1dad7;width:94px;height:164px;background:#fff;display:none}
#header .mypage_on ul{padding:10px 0 0 12px}
#header .mypage_on ul li{height:22px}
#header .mypage_on ul li a{color:#8d8c8c}
#header .logo{margin:40px 28px 0 17px}
#header .searchbox{padding:62px 0 11px;width:503px}
#header .searchbox .search{width:367px;height:34px; }
#header .searchbox .search_input{margin-right:1px;border:3px solid #f06b6c;width:200px;height:28px;margin-top:0;margin-bottom:0;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
#header .searchbox .ipb{width:79px;height:26px;background:none;border:none;outline:none;padding:2px 17px 0 0;background:url(/img/main_search_img1.gif) no-repeat right top;line-height:25px;font-size:12px;color:#272727}
#header .searchbox .ipt3{position:absolute;left:1px;width:170px;height:100%;padding:0; font-size:14px;}
#header .searchbox .ipt{width:200px;height:20px;border:1px solid #fff;margin:4px 0 0 10px;padding:0}
#header .searchbox .ipi{margin:0 13px 0 2px; }
#header .pop_search_box{position:absolute;top:0;left:300px;z-index:1000;display:none}
#header .pop_search{width:441px;border:4px solid #cfa491;background:#fff}
#header .pop_search .head{background:#cfa491;padding:3px 0 10px;color:#010101}
#header .pop_search table{margin:20px 0 0 14px}
#header .pop_search th{color:#45484e;text-align:left;font-weight:normal;height:30px}
#header .pop_search .ipt{width:146px;height:22px;border:1px solid #cdcdcd}
#header .pop_search .ipt2{width:45px}
#header .pop_search .btnbox{padding:15px 0 14px 153px;vertical-align:bottom}
#header .pop_search .btnbox .fl{margin-right:7px}
#header .pop_search .btnbox .txt{padding:18px 0 0 5px}
#header .pop_search .btnbox .txt a{text-decoration:underline;color:#3a7773;margin-top:1px}
#header .pop_search .btnbox img{display:inline;vertical-align:bottom}
#header .popular{padding-top:8px}
#header .popular .populaFirst{padding-left:18px;background:url(/img/bulllet1.gif) no-repeat 3px 4px;line-height:20px;font-weight:bold;color:#5c5c5c}
#header .popular ul .fl{padding:0 6px;background:url(/img/bg_topmenu.gif) no-repeat left 3px;line-height:20px}
#header .popular ul .first{padding-left:15px;background:none}
#header .popular .more{margin-top:3px}
#header .product{width:215px;padding-top:15px;position:relative}
#header .product .leftbox{width:137px;padding-right:8px;text-align:right}
#header .product .textbox{height:91px}
#header .product .leftbox img{display:inline}
#header .product .title a{font-weight:bold;color:#99b225;line-height:20px}
#header .product .name{color:#000}
#header .product .ctrl{position:absolute;top:105px;left:110px}
#header .sidemenu{position:absolute;top:164px;right:0;z-index:10000;height:440px;width:415px;overflow:hidden}
#header .sidemenu .closebox{padding-left:24px}
#header .sidemenu .side_cont{width:415px;height:408px;background:url(/img/sidemenu_img1.png) no-repeat}
#header .sidemenu .btn_toggle{width:31px;height:43px;margin-top:180px}
#header .sidemenu .leftbox{width:196px;height:398px;background:#fff;margin-top:2px;padding-left:9px}
#header .sidemenu .rightbox{width:179px;padding-top:30px}
#header .sidemenu .leftbox .head{padding:10px 0 3px;width:182px;border-bottom:1px solid #b6b8bb}
#header .sidemenu .leftbox .head img.fl{margin:7px 14px 0 0}
#header .sidemenu .leftbox .head span.fl{color:#7a7a7a;width:90px;margin-top:7px}
#header .sidemenu .leftbox ul{padding:8px 0 0 18px;height:253px}
#header .sidemenu .leftbox li{padding-left:11px;background:url(/img/sidemenu_img7.gif) no-repeat left 8px;line-height:20px}
#header .sidemenu .leftbox .btnbox{padding-left:5px}
#header .sidemenu .rightbox .phtbox{text-align:center;height:262px}
#header .sidemenu .rightbox .phtbox img{display:inline}
#header .sidemenu .rightbox .title{font-size:14px;font-weight:bold;color:#fff;padding:13px}

#header .pop_login_box{margin:0;padding:0; position:absolute;top:-1px;left:3px;z-index:1000;display:none;text-align:left;}
#header .pop_login{margin:0;padding:0; width:300px; background:#f5f5f5;text-align:left;height:28px}
#header .pop_login table{margin:0;padding:0; text-align:left;}
#header .pop_login .ipt{width:100px;height:18px}
#header .pop_login .ipt2{ text-align:center;}
#header .pop_login .pop_login_close { text-align:center;}

#tagList a {padding-left:7px;text-decoration:none; color:#ffffff; }
#tagList a:hover { text-decoration:underline; }
#tagList  a span{background:#ddd;}
.popular .all{position:absolute;top:88px;left:526px;width:177px;padding:0 0 9px;font-size:11px;color:#939292;letter-spacing:-1px;}
.popular .all p{position:absolute;bottom:0;left:0;width:100%;height:9px;text-indent:-9999px;background:url(/img/search_best_all_bg2.gif) 0 bottom no-repeat;}
.popular .all div{width:156px;min-height:30px;height:auto !important;height:30px;padding:10px 8px 0 13px;background:url(/img/search_best_all_bg1.gif) 0 0 no-repeat;}
.popular .all div a{font-size:11px;color:#939292;letter-spacing:-1px;}
.popular .all div a strong{color:#e2668f;}
.selectDesign1{width:77px;}
.selectDesign2{width:77px;}
.positionRelative{position:relative;}

.bodyHtml table tr th{font-weight: normal;}
.ui-autocomplete {position: absolute; width:182px; cursor: default; background:#fff;border:1px solid #ddd; }
/*html .ui-autocomplete { width:1px; }   without this, the menu expands to 100% in IE6 */
.ui-helper-hidden-accessible {display:none;}
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
	cursor:pointer;
	background:#fff;
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.favorName{width:110px;}
.buyState dt{display:none;color:red;}
.favoritesDiv li{padding-top:0 .75em; padding-bottom:0 .75em;}
.favoritesui li{height:30px;}

/*scroll*/
.scrollx {overflow:auto; width: 100%; height: 200px;}

/* search */
#board_search * {vertical-align: middle;}
#board_search{height:58px;background-image: url('/syBoard/images/serch_bg2.gif');background-repeat: no-repeat;background-position:center;width:100%;padding-top:2.7em; # padding-top:2em;/* # => IE전용 */}
#board_search .inline {display:inline;}

/*main search*/
#header .selectDesign {width: 80px;height: 28px;border: 0;color: #333333; font-size: 12px;cursor: pointer;text-align: center;outline: none;}
#imageSearch {border: 0;outline: none;}

/*selectbox*/
div.selectbox{position:relative; z-index:0; width:100px; min-height:30px; margin-bottom:1px; cursor:pointer;}
div.selectbox.on ul{border:3px solid #3786c4;}
div.selectbox ul{width:100%; background:#fff;border:3px solid #f06b6c; margin:0;padding:0}
div.selectbox ul li.on{background:url("/img/arrow.gif") no-repeat 90% 8px;}
div.selectbox ul li{overflow:hidden; position:relative; display:block; padding:4px;line-height:20px}
div.selectbox ul li a{display:block; width:100%; height:100%;}
div.selectbox ul li input{position:absolute; left:-30px;}
div.selectbox ul li label{cursor:pointer; text-decoration:none; color:#666;}
div.selectbox.select1{width:68px;}
div.selectbox.select2{width:68px; position:absolute; left:524px;}

.inline {display:inline;}
.myh2 {color :green; font-size:14px; margin-bottom:5px; font-family: Cursive,Sans-serif;}
/*board top img or text */
div.TopText {width:100%; margin-bottom:5px; font-family:Monospace ,Sans-serif;}
div.TopText .title{font-weight:bold; font-size:1.3em;text-align:left;text-shadow: 0em 0em 0.01em green; }
div.TopText .body{line-height:210%; word-spacing:0px;letter-spacing:0px;text-align:left; border:1px solid #ddd;padding:5px;border-radius:10px;}
div.TopText .blue{color:blue;}
div.TopText .bold{font-weight:bold;}
div.TopText .size2 {font-size:14px;}
div.TopText .size3 {font-size:16px;}
div.TopText .mg-top2 {margin-top:20px;}

/*btn kim
구글 폰트 확인 : http://www.lucypark.kr/blog/2014/06/11/korean-google-fonts-preview/
use
1.ct-btn white large
2.ct-btn white en-01 style="font-size:26px"
3.ct-btn white default kr-01
4.ct-btn white small kr-01
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 버튼 골격 */
.ct-btn {
	display: inline-block;
	margin: 5px 0;
	padding: .5em .75em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,AppleGothic;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

/* 버튼 고정 사이즈 */
.ct-btn.ssmall {
	height: 18px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 18px;
}

.ct-btn.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 25px;
}

.ct-btn.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 35px;
}

.ct-btn.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px;
}

/* 버튼 스타일 */
.ct-btn.white,
.ct-btn.white:link,
.ct-btn.white:visited {
	color: #666!important;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );/*IE*/
}

.ct-btn.white:focus,
.ct-btn.white:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.white:active,
.ct-btn.white.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.blue,
.ct-btn.blue:link,
.ct-btn.blue:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #135fa4;
	border-top-color: #2d9acf;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #3aaee7;
	background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/
}

.ct-btn.blue:hover {
	background: #50bae9;
	background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/
}

.ct-btn.blue:active,
.ct-btn.blue.active {
	border-color: #2585d9;
	border-top-color: #0f4678;
	background: #2d90e7;
	box-shadow: none
}

.ct-btn.green,
.ct-btn.green:link,
.ct-btn.green:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #368321;
	border-top-color: #439f2a;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #76ac41;
	background: linear-gradient(to bottom, #76ac41 0%, #489215 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/
}

.ct-btn.green:hover {
	background: #4c9b16;
	background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/
}

.ct-btn.green:active,
.ct-btn.green.active {
	border-color: #6c9d3c;
	border-top-color: #368321;
	background: #4c9b16;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.yellow,
.ct-btn.yellow:link,
.ct-btn.yellow:visited {
	color: #000!important;
	text-shadow: 0 1px 0 #fcda7c;
	border: 1px solid #dfac23;
	border-bottom: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
	background: #f5a802;
	background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/
}

.ct-btn.yellow:hover {
	background: #ffb618;
	background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='#ffdc78', GradientType=0 );/*IE*/
}

.ct-btn.yellow:active,
.ct-btn.yellow.active {
	border-color: #efa80d;
	border-top-color: #cf8e00;
	background: #ffb618;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.red,
.ct-btn.red:link,
.ct-btn.red:visited {
	color: #fff!important;
	text-shadow: 0 1px 0 #991e1a;
	border: 1px solid #991e1a;
	border-top: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	background: #b22520;
	background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/
}

.ct-btn.red:hover {
	background: #ca3631;
	background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.red:active,
.ct-btn.red.active {
	border-color: #a0211d;
	border-top-color: #7f1b17;
	background: #b22520;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.k-plate,
.ct-btn.k-plate:link,
.ct-btn.k-plate:visited {
	color: #666!important;
	border: 1px solid #c3c3c3;
	border-top-color: #d9d9d9;
	border-radius: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff;
	background: #fff;
	background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 );
}

.ct-btn.k-plate:focus,
.ct-btn.k-plate:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.k-plate:active,
.ct-btn.k-plate.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.soap,
.ct-btn.soap:link,
.ct-btn.soap:visited {
	padding: .45em .75em .75em .75em;
	color:#888!important;
	text-shadow:0 1px 0 #fafafa;
	border-style: solid;
	border-width: 1px;
	border-top-color: #f2f2f2;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #ccc;
	box-shadow:
	0 .2em .3em rgba(0,0,0,.1),
	inset 0 -0.3em 0 #ddd,
	inset 0 -0.33em 0 #f1f1f1;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9);
}

.ct-btn.soap.ssmall {
	height: 18px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 18px;
}

.ct-btn.soap.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 22px;
}

.ct-btn.soap.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 32px;
}

.ct-btn.soap.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 42px;
}

/*my text */
div.divText {width:100%; margin-bottom:5px;}
div.divText.title{font-weight:bold; font-size:1.5em;text-align:left;text-shadow: 0em 0em 0.01em green; }
div.divText.body{line-height:210%; word-spacing:1px;letter-spacing:3px;text-align:left; border:1px solid #ddd;padding:5px;border-radius:10px;}
div.divText.blue{color:blue;}
div.divText.bold{font-weight:bold;}

/*help*/
div.help ol li{list-style-type:upper-alpha; margin-left:50px;}
div.help h3{margin-top:20px;margin-bottom:5px;}

/*message*/
.msgDiv{position:relative;}
.msgDiv img{position:absolute;}
.msgDiv span{position:absolute; left:76px; top:7px;}

.weeklyDis {position:absolute; top:12px; left:22px; color:white; font-weight:bold;}

/*board top img or text : board css 에도 있음 */
div.divBoardTopText {width:100%; margin-bottom:5px;}
div.divBoardTopText .title{font-weight:bold; font-size:1.5em;text-align:left;text-shadow: 0em 0em 0.01em green; }
div.divBoardTopText .body{line-height:210%; word-spacing:0px;letter-spacing:0px;text-align:left; border:1px solid #ddd;padding:5px;border-radius:10px;}
div.divBoardTopText .blue{color:blue;}
div.divBoardTopText .bold{font-weight:bold;}


#popup_container_base {
display: none;
}

#popup_container_base .button {
text-decoration: none;
}


/*------------*/
#popup_container_base2 {
display: none;
}

#popup_container_base2 .button {
text-decoration: none;
}

.comicListImgPlace{position:relative;}

span.old-post {
	position:absolute; top:4px; left:0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float: right;
    padding: 0 8px;
    margin-top: -4px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    background: #900;
    color: #fff;
    border: 1px solid #8a1f11;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    clear: both;
	z-index:100;
}
span.old-postv {position:absolute; top:24px; left:0px;}


.syimgbox{display:block;box-shadow:0 2px 6px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.4);-moz-box-shadow:0 2px 6px rgba(0,0,0,.4);width:100%;height:100%;position:relative;background:#d9d9d9}
.syimgbox .thumb{width:100%}
.syimgbox:before{content:'';box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:-moz-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.2)),color-stop(5%,rgba(0,0,0,0)),color-stop(95%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%)}
.syimgboxW100 {width:100px;}
.syimgboxW120 {width:120px;}
.syimgboxW150 {width:150px;}
.syimgboxW160 {width:160px;}
.syimgboxW210 {width:210px;}
.syimgboxW83 {width:83px;}
.syimgboxW75 {width:75px;}

.bootstrap-iso .jumbotron p {
font-size:13px;
font-family:'Nanum Gothic';
}
.bootstrap-iso{
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
 }

 @font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:400;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype'); }

.ebookwhitebox-top {position:relative; }
.ebookwhitebox {position:absolute; top:135px; height:40px;  width:100%;height:40px;z-index:9;text-align:center;display:block; color:black;}
.ebookwhiteboxmain:before{content:'';box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:-moz-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.2)),color-stop(5%,rgba(0,0,0,0)),color-stop(95%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.2)));background:-webkit-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background:linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%)}
.ebookwhiteboxmain {width:100%;height:100%;background:#ddd; background:rgba(255,255,255,0.5); box-shadow:0 2px 6px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.4);-moz-box-shadow:0 2px 6px rgba(0,0,0,.4);}
.ebookwhiteboxtxt {width:100%;height:100%;position:absolute;top:15px;color:black; text-align:center;}
.ebookwhiteboxtxt a {text-align:center;color:black}

a, address, button, div, h1, h2, h3, h4, h5, h6, input, label, li, p, select, td, textarea, th {
    
    /* line-height: 1em; font-size: 12px;*/
    font-family: Helvetica Neue,'Apple SD Gothic Neo','나눔고딕','Nanum Gothic',arial,'돋움',Dotum,Tahoma,Geneva,sans-serif;
    letter-spacing: -.03em;
	font-display: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#container .head, 
#header div,
#header a,
#imageSearch,
#container .conbox4 .head ul li,
#nav a,
#nav .left_navi ,
#container .cate a,
#contents .tab a,
#container .page a,
#footer .footmenu a,
#container .conbox2_left .con3 .head ul a,
#container .concomic .head ul li a
{
	font-weight: 700;
}
#contents_full .txt ,
#syContentss{
	font-size: 14px;
	line-height: 2em; 
	letter-spacing: 0px;
	font-family: 'Nanum Gothic', '돋움',Dotum,Tahoma,Geneva,sans-serif;
}

#footer .box .info {font-weight: normal}
#container .head .listing-content{font-weight: normal}
#contents .book2 .head .list .txt {font-weight: normal}

input {ime-mode:active}