@charset "utf-8";
* {margin:0;padding:0;font-size:100%;vertical-align:baseline;}
body{FONT-SIZE: 9pt; line-height:160%;font-family:굴림,굴림체,Arial}
a {text-decoration:none;cursor:pointer;}
a,img {border:0;selector-dummy: expression(this.hideFocus=true);cursor:pointer;}
input::placeholder {color:#80a0c0; font-style: italic;}
#container {position:relative;margin: 0 auto;width: 996px;}
#header {width:100%;height:160px;}
#header99 {background-image: url(/upload/design/bg-clouds.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
        animation: animatedBackground 40s linear infinite;
	-ms-animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
}
#top_left { float:left; width:180px;height:120px;line-height:120px;vertical-align:middle;}
#top_right {float:left; width:816px;height:120px;}
#my_menu {margin: 0 auto; width:600px; height:40px;padding-top:10px;}
#my_menu a{cursor: pointer;}
#titleft{float:left;width:310px;height:30px;}
#titright{float:left;width:410px;margin-right:10px;line-height:30px;height:30px;vertical-align:middle;text-align:right;}
.my_search_pannel {margin: 0 auto;width:500px; height:40px;padding-top:0;}
.my_search_fields {float:left;width:380px;height:30px;float:left;position:relative;vertical-align:middle;background:url(/upload/design/search1.png)}
.my_search_button {float:left;}
.my_search_fields input{font-size:13px;font-family:굴림,굴림체,맑은고딕,arial;width:367px;height:24px;line-height:24px;margin:3px;border:0 none;background-color:#fff;vertical-align:middle;position:absolute;padding-left:6px;}
#top_menu {position:relative; float:left; width:996px; height:40px;overflow:hidden;}
#sidebar {position:relative;float:left; width:180px;border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;text-align:center;}
#sidebar div{margin:0 auto;}
#category {}
#contents {position:relative;float:left; width:812px;border:solid 1px #e0e0e0;}
#pagetit {height:30px;border-bottom:solid 1px  #e0e0e0;}
#goodlisttit{width:812px;margin-top:5px;height:50px;background:url(/upload/design/goods2.png) no-repeat;}
#styleb {width:812px;border-bottom:solid 1px  #e0e0e0;}
#styleblt{float:left;width:780px;height:250px;border-bottom:solid 1px #e0e0e0;}
#stylebrt{float:left;width:210px;height:250px;border-bottom:solid 1px #e0e0e0;border-left:solid 2px #e0e0e0;}
#styleb1 {text-align:center;}
#styleb2 {text-align:center;}
#styleb3 {text-align:center;}
#styleh {height:234px;overflow:hidden;margin:0}
#styleh #bbs {float:left;width:220px;height:232px;border:solid #dadada 1px;}
#styleh #event {float:left;width:220px;height:232px;border:solid #dadada 1px;}
#styleh #banner {float:left;text-align:center;width:470px;height:232px;border:solid #dadada 1px;}
#stylei {width:994px;text-align:center;border-top:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;overflow:hidden;}
#footer {width:994px;margin:0 auto;border:solid #dadada 1px;}
#stylej11 {float:left;width:930px;height:35px;line-height:35px;vertical-align:middle;text-align:center}
#stylej11 a{color:;background:;}
#stylej12 {float:left;width:64px;height:35px;text-align:center;}
#stylej21 {float:left;background:#f7f7f7;width:200px;line-height:120px;height:120px;vertical-align:middle;text-align:center}
#stylej22 {float:left;background:#f7f7f7;width:630px;height:100px;padding:10px;text-align:center;line-height:120%;}
#stylej221{float:left;;width:400px;text-align:left;line-height:18px;}
#stylej222{float:left;;width:230px;text-align:left;line-height:18px;}
#stylej23 {float:left;background:#f7f7f7;height:100px;width:142px;padding-top:20px}
.tc{justify-content:center;text-align:center;}
.clbt1h{clear:both; height:1px;}
.clbt1hl{clear:both; height:1px;background:#e0c0c0;}
ul {list-style:none;}
.box {font-size: 10pt;border:1px solid #c0c0e0;background-color:white;}
.nonbox {border:0;}
.list_tb2 {border-top : #8B50AA 2px solid;border-bottom : #8B50AA 1px solid;font-size : 12px;text-align : center;border-collapse : collapse;margin-bottom : 10px;}
.list_tb2 th {background : url("../upload/admin/table_th_bg.gif") repeat-x left top; 
	border-left : 1px solid #DCDCDC; 
	border-right : 1px solid #DCDCDC;
	height : 37px;line-height:37px;vertical-align:middle;
}
.list_tb2 .td {height:30px;line-height:30px}
.list_tb2 td {border : #E5E5E5 1px solid;}
.list_tb2 .tit {padding-left:10px;text-align:left;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.list_tb {margin-top:10px;border-top : #8B50AA 2px solid;font-size : 12px;text-align : center;border-collapse : collapse;}
.list_tb .TR{clear:both}
.list_tb .TH {background : url(/upload/admin/table_th_bg.gif) repeat-x left top;background-size:810px 40px;line-height:35px;height:35px;vertical-align:middle;border-bottom: 1px solid #DCDCDC;border-right : 1px solid #DCDCDC;text-align:center}
.list_tb .TD {border-right:#E5E5E5 1px solid;border-bottom:#E5E5E5 1px solid;height:25px;line-height:25px;vertical-align:middle;}
.list_tb .col11 {float:left;width:336px;}
.list_tb .col12 {float:left;width:120px;}
.list_tb .col13 {float:left;width:90px;}
.list_tb .col14 {float:left;width:80px;}
.list_tb .col15 {float:left;width:100px;}
.list_tb .col16 {float:left;width:80px;}
.list_tb .col21 {float:left;width:334px;text-align:center;white-space: nowrap;overflow: hidden;}
.list_tb .col22 {float:left;width:150px;text-align:center;}
.list_tb .col23 {float:left;width:170px;text-align:center;}
.list_tb .col24 {float:left;width:154px;text-align:center;}
.list_tb .col31 {float:left;width:30px;height:50px;}
.list_tb .col32 {float:left;width:319px;height:50px;}
.list_tb .col33 {float:left;width:100px;height:50px;}
.list_tb .col34 {float:left;width:105px;height:50px;}
.list_tb .col35 {float:left;width:70px;height:50px;}
.list_tb .col36 {float:left;width:110px;height:50px;}
.list_tb .col37 {float:left;width:70px;height:50px;}
.list_tb .col37:after {clear:both}
.menu1 {z-index:502;cursor:pointer;border-bottom:1px dotted #8B50AA;}
.menu2 {width:168px;height:26px;line-height:26px;vertical-align:middle;opacity:0.9;border-top:1px dotted #c0c0c0;cursor:pointer;z-index:503;}
.menu2:first-child {width:168px;height:26px;line-height:26px;vertical-align:middle;opacity:0.9;cursor:pointer;z-index:503;}
.menu3 {width:120px;height:26px;text-align:left;line-height:26px;vertical-align:middle;color:#000;background:#fff;opacity:0.9;border-top:1px dotted #c0c0c0;cursor:pointer;z-index:504;}
.menu3:first-child {width:120px;height:26px;text-align:left;line-height:26px;vertical-align:middle;color:#000;background:#fff;opacity:0.9;cursor:pointer;z-index:504;}
.menu4 {width:168px;height:26px;text-align:left;line-height:26px;vertical-align:middle;color:#000;background:#fff;opacity:0.9;border-top:1px solid #e0e0e0;cursor:pointer;z-index:503;}
.menu4:first-child {width:168px;height:26px;text-align:left;line-height:26px;vertical-align:middle;color:#000;background:#fff;opacity:0.9;cursor:pointer;z-index:503;}
.menu2:hover,.menu3:hover,.menu4:hover{background:#eeeeee;color:blue;font-weight:bold;}
.lncre7 {clear:both;height:1px;background:#e7e7e7;}
.lncrcc {clear:both;background:#cccccc;height:1px;}
.gradient {
	background : #00dd00; /*opera */
	background : -moz-linear-gradient(top, #c0ffc0, #00dd00);  /*mozilla */
	background : -webkit-gradient(linear, left top, left bottom, from(#c0ffc0), to(#00dd00));  /* crom safari */
	background-image: -o-linear-gradient(#c0ffc0, #00dd00);
	background-image: linear-gradient(#c0ffc0, #00dd00);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#c0ffc0', EndColorStr='#00dd00',GradientType=0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.titleft {line-height:30px;vertical-align:middle;font-weight:bold;
	border-radius:4px 0px 0px 4px;
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	-khtml-border-radius:4px 0px 0px 4px;
	background : #00dd00; /*opera */
	background : -moz-linear-gradient(90deg, #00dd00, #ffffff);
	background : -webkit-gradient(linear, 100% 0%, 100% 0%, from(#00dd00), to(#ffffff));  /* crom safari */
	background-image: -o-linear-gradient(90deg, #00dd00,#ffffff);
	background: linear-gradient(to right, #00dd00,#ffffff);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#00dd00', endColorstr='#ffffff');
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.price {color:red;font-size:16px;font-weight:bold;}
.help {font-size:9pt;color:#73A47A; font-family:tahoma}
.go2top{ width:50px;  position:fixed;left:50%;margin-left:500px; bottom:150px; z-index:999; }
.go2top .fn_bg{ background:url(/image/help/bg68.png) no-repeat; }
.go2top a{ display:block; text-decoration:none; text-indent:-888em; overflow:hidden; }
.go2top li{ display:block; width:50px;margin-top:0px; _display:inline; }
.go2top li a{ width:50px; height:52px; }
.go2top a.back_top{ display:block;  width:50px; height:50px; margin-top:0px;background-position:-50px -350px; }
.go2top .back_top:link,.go2top .back_top:visited{ background-position:-50px -350px; }
.go2top .back_top:hover,.go2top .back_top:active{ background-position:-50px -350px;}
/****** today view *****/
#divMenu1{position:fixed; top:110px; left:50%; width:95px;margin-left:500px;}
//#divMenu1{position:fixed; top:110px; left:996px;width:95px;}

@keyframes animatedBackground {from { background-position: 0 0; } to { background-position: 100% 0; }}
@-webkit-keyframes animatedBackground {from { background-position: 0 0; } to { background-position: 100% 0; }}
@-ms-keyframes animatedBackground {from { background-position: 0 0; }	to { background-position: 100% 0; }}
@-moz-keyframes animatedBackground {from { background-position: 0 0; }	to { background-position: 100% 0; }}

#bbsbody{width:814px;}
#bbsbody .title{font-weight:bold;color:#006dc1;border-bottom:solid 1px #E4E4E4;padding-left:10px;}
#bbsbody .cursimg{height:22px;background:#F4F4F4;text-align:right;}
#bbsbody .infol{float:left;width:108px;height:24px;line-height:24px;background:#FAFAFA;color:#009BD4;padding-left:10px}
#bbsbody .infor{float:left;width:522px;height:24px;line-height:24px;padding-top:2px}
#bbsbody .dotln{clear:both;height:1px;background:url(/image/icon/dot_width.gif);}
#bbsbody .info1{width:100px;height:24px;line-height:24px;background:#FAFAFA;color:#009BD4;padding-left:10px}
#bbsbody img{max-width:812px}
#bbsbody .content{width:100%;padding:10px}
#contents iframe{max-width:100%}
form { display : inline; }

/****** gdetail ***********/
#gdname{color:#0D78C8;font-size:14px;font-weight:bold;background:#f4f4f4;padding:2px;}
#fblike {text-decoration: none;text-align: center;display: block;float: left;margin: 10px 0 0 0;width: 400px;}
#fblike ul{ margin:0; padding:0px;}
#fblike ul li{float:left; border:0px; padding-right:5px;}
.dtailn{clear:both;height:1px;border-top:1px dotted #f0e0d0;}
.dtailtc{float:left;width:120px;color:#464646;}

.prodcontent{word-break:break-all;width:780px;background:url(/upload/design/goodexp5.png) repeat-y;padding:15px;}
.prodcontent img{max-width:99%;margin:auto;text-align:center}
#goodsbox1{text-align:center;height:240px;line-height:240px;vertical-align:middle;border:1px dotted #efefef;}
#goodsbox2{float:left;width:490px;min-height:430px;margin:10px 0 10px 0;padding-left:10px;border-left:2px solid #e0e0e0;}
#PicMedium{max-width:240px;max-height:240px;vertical-align:middle}
.gccmtln{clear:both;height:1px;border-top:1px dotted #f0e0d0;}
#loading {position:absolute;bottom:180px;padding-left:220px;width: 250px;	float: none;z-index:1000}
.gccmtid{color:#0D78C8;padding:5px 20px 0 20px;}
.gccmt{float:left;width:680px;background:#caffca;padding:5px;margin:0 2px 2px 20px;}
.curpage{	background: #259b24;}
#navig{float: none;padding-top:5px;text-align: center;}
#navig span{margin-right:5px;padding:5px;	border: 1px solid #DDDDDD;	color: #444444;}
#navig span:hover{color: #FD5006;	cursor: pointer;}
#pages{	float: none;}

/********** cart **************/
.vtmdinp{height:17px;vertical-align:middle}
.vtmdimg{vertical-align:middle}
#top_head{width:100%;height:50px;top:0; opacity: 0.9;position: fixed;;z-index:60001;display:none;background: linear-gradient(to bottom, white, #2b961f);}
#top_mmu{width:996px;margin:0 auto}
#top_mmu h1{position:absolute;top:9px;left:5px;width:60px;height:35px;background:url('/m/img/header.png') no-repeat 0 0;}
#top_mmu .my_topm{width:996px;height:21px;text-align:right;padding-bottom:5px;}
#top_mmu .my_menu{text-align:center;}
@media (min-width: 768px) {
    #kakao-talk-channel-chat-button {
    position: fixed;
    z-index: 999;
    right: 30px; /* 화면 오른쪽으로부터의 거리 */
    top: 50px; /* 화면 아래쪽으로부터의 거리 */
    }
}
@media (max-width:767px) {
    #kakao-talk-channel-chat-button {
    position: fixed;
    z-index: 999;
    right: 15px; /* 화면 오른쪽으로부터의 거리 */
    bottom: 30px; /* 화면 아래쪽으로부터의 거리 */
    }
}
.h16 {height:16px}
.h17 {height:17px}
.h18 {height:18px}
.h20 {height:20px}
.h25 {height:25px}
.h30 {height:30px}
/** 회원가입 **/
.dotbg1{width:100%;height:1px;background-image: url(../image/index/dot_width.gif);}
.infotit1{width:120px;height:25px;line-height:25px;background:#fafafa;padding-left:20px;background-image:url(../image/mem_icon.gif);background-repeat:no-repeat;background-position:10px 9px;}
.infocont1{width:480px;height:25px;line-height:25px;}
.box1 {margin-top:3px;height:18px;border:1px solid #b0a0b0;}
.vtlm30 {height:30px;line-height:30px;vertical-align:middle;}
.vtlm50 {height:50px;line-height:50px;vertical-align:middle;}
.shiptr{height:50px}
.shiptr td{vertical-align:middle}
.goodstd {table-layout:fixed;text-overflow:ellipsis;overflow:hidden;text-align:left;vertical-align:middle;padding:0 5px 0 5px;line-height:initial;}
#pagebody button{padding:2px 10px 2px 10px;}
#pagebody #zipNo{height:24px;}
input[type=button] {padding:2px 10px 2px 10px;}