@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family: 'Nanum Brush Script', cursive; */
@import url(https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css); /* "Jeju Myeongjo" */
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); /* "Jeju Gothic" */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /*'Noto Sans KR'*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); 
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpoqaHanSansNeo-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}


@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Cafe24Dangdanghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.notosanskr * { font-family: 'Noto Sans KR', sans-serif; }
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; } 



/*-----------------
-------RESET-------
------------------*/
* {margin:0; padding:0; border:0; outline:0; box-sizing:border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin:0;border:0;padding:0;
	background:transparent;
	vertical-align:baseline;
	word-break: keep-all;
	-webkit-text-size-adjust:none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html { overflow-y:scroll; }
html,body { width: 100%; min-width:1300px;}

body,div,h1,h2,h3,h4,h5,h6,ul,li,img,a,iframe,dl,dt,dd,th, td, input, select, textarea, strong, p, div, span{
			font-size:15px;
			font-family:'SpoqaHanSansNeo-Regular', 'NanumSquareRound', 'NanumSquare', sans-serif; 
			color:#585757
			letter-spacing: -0.5;
			line-height:160%;
			}
ul{
			list-style-type:none;
			}
img{
			border:0 none;
			}
hr{
			position:absolute;
			left:-999px;
			width:0;
			height:0;
			line-height:0;
			overflow:hidden;
			visibility:hidden;
			}
a:link,a:visited{
			text-decoration:none;
			color:#333;
			}
a:hover,a:active{
			text-decoration:none;
			color:#6faaff;
			}
input, select, img, textarea{vertical-align:middle; font-family: 'Noto Sans KR', sans-serif !important;}
table, th, td{border:none; border-collapse:collapse; box-sizing:border-box;}
caption{display:none;}

select { 
min-width:150px;
max-width:100%;
height: 40px; 
padding-left: 10px; 
color: #333; 
line-height:40px;
border: 1px solid #ccc; 
border-radius: 3px; 
-webkit-appearance: none; /* È­»ìÇ¥ ¾ø¾Ö±â for chrome*/ 
-moz-appearance: none;    /* È­»ìÇ¥ ¾ø¾Ö±â for firefox*/ 
appearance: none;         /* È­»ìÇ¥ ¾ø¾Ö±â °øÅë*/ 
background:#fff url('/design/images/select-arrow.png') no-repeat 92% 50%; /* È­»ìÇ¥ ¾ÆÀÌÄÜ Ãß°¡ */  
}
select::-ms-expand { display: none; /* È­»ìÇ¥ ¾ø¾Ö±â for IE10, 11*/ } 

.small select{min-width:105px;}

.inner {max-width:1300px; margin:0 auto; clear:both; position:relative;}
.clear{clear:both;}
.alLeft{text-align:left !important;}
.alCenter{text-align:center !important;}
.alRight{text-align:right !important;}
.fl{float:left;}
.fr{float:right;}
.red{color:#cc0000;}
.col2{width:50%;}
.col3{width:33.33%;}
.col4{width:25%;}
.col5{width:20%;}
.sbtn{display:inline-block; border:1px solid #dcdcdc; border-radius:5px; padding:2px 15px; background:#fff;}
.sbtn:hover{border:1px solid #6faaff;}


/* °£°Ý */
.mt0{margin-top:0px !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt75{margin-top:75px !important}.mt80{margin-top:80px !important;}
.ml0{margin-left:0px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml35{margin-left:35px !important} .ml40{margin-left:40px !important} .ml45{margin-left:45px !important} .ml50{margin-left:50px !important} .ml55{margin-left:55px !important}  .ml60{margin-left:60px !important} .ml65{margin-left:65px !important} .ml70{margin-left:70px !important} .ml75{margin-left:75px !important} .ml80{margin-left:80px !important;}
.mr0{margin-right:0px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr15{margin-right:15px !important} .mr20{margin-right:20px !important} .mr25{margin-right:25px !important} .mr30{margin-right:30px !important} .mr35{margin-right:35px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .mr50{margin-right:50px !important} .mr55{margin-right:55px !important} .mr60{margin-right:60px !important} .mr65{margin-right:65px !important} .mr70{margin-right:70px !important} .mr75{margin-right:75px !important} .mr80{margin-right:80px !important;}
.mb0{margin-bottom:0px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} .mb25{margin-bottom:25px !important} .mb30{margin-bottom:30px !important} .mb35{margin-bottom:35px !important} .mb40{margin-bottom:40px !important} .mb45{margin-bottom:45px !important} .mb50{margin-bottom:50px !important} .mb55{margin-bottom:55px !important} .mb60{margin-bottom:60px !important} .mb65{margin-bottom:65px !important} .mb70{margin-bottom:70px !important} .mb75{margin-bottom:75px !important} .mb80{margin-bottom:80px !important;}

.pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt15{padding-top:15px !important} .pt20{padding-top:20px !important} .pt25{padding-top:25px !important} .pt30{padding-top:30px !important} .pt35{padding-top:35px !important} .pt40{padding-top:40px !important} .pt45{padding-top:45px !important} .pt50{padding-top:50px !important} .pt55{padding-top:55px !important} .pt60{padding-top:60px !important} .pt65{padding-top:65px !important} .pt70{padding-top:70px !important} .pt75{padding-top:75px !important}.pt80{padding-top:80px !important;}
.pl0{padding-left:0px !important} .pl5{padding-left:5px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pl45{padding-left:45px !important} .pl50{padding-left:50px !important} .pl55{padding-left:55px !important}  .pl60{padding-left:60px !important} .pl65{padding-left:65px !important} .pl70{padding-left:70px !important} .pl75{padding-left:75px !important} .pl80{padding-left:80px !important;}
.pr0{padding-right:0px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr15{padding-right:15px !important} .pr20{padding-right:20px !important} .pr25{padding-right:25px !important} .pr30{padding-right:30px !important} .pr35{padding-right:35px !important} .pr40{padding-right:40px !important} .pr45{padding-right:45px !important} .pr50{padding-right:50px !important} .pr55{padding-right:55px !important} .pr60{padding-right:60px !important} .pr65{padding-right:65px !important} .pr70{padding-right:70px !important} .pr75{padding-right:75px !important} .pr80{padding-right:80px !important;}
.pb0{padding-bottom:0px !important} .pb5{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb15{padding-bottom:15px !important} .pb20{padding-bottom:20px !important} .pb25{padding-bottom:25px !important} .pb30{padding-bottom:30px !important} .pb35{padding-bottom:35px !important} .pb40{padding-bottom:40px !important} .pb45{padding-bottom:45px !important} .pb50{padding-bottom:50px !important} .pb55{padding-bottom:55px !important} .pb60{padding-bottom:60px !important} .pb65{padding-bottom:65px !important} .pb70{padding-bottom:70px !important} .pb75{padding-bottom:75px !important} .pb80{padding-bottom:80px !important;}



/*-----------------
-------LAYOOUT------
------------------*/

#containerWrap{
	width:100%;
	text-align:center;
	padding:0 0 20px 0;
}
#footerWrap{
	width:100%; 
	text-align:center;
	clear:both;
	position:relative;
}


/*-----------------
-------HEADER------
------------------*/










/*-----------------
-----CONTAINER-----
------------------*/
.clsBanner {position:relative; padding:40px 0 0; text-align:center;z-index:900; }
.clsBannerScreen {z-index:1; border:1px solid #dfdfdf; margin:0 auto;}
.clsBannerScreen div {display:none}
.clsBannerButton {z-index:900; position:absolute; width:1200px; left:50%; top:0; margin-left:-500px;  *left:0; *margin-left:0;}
.clsBannerButton table{width:269px; position:absolute; left:0; top:40px; z-index:900; margin-left:731px;}
.clsBannerButton td{}



/*-----------------
--------SUB--------
------------------*/
#sContainer{max-width:1300px; margin:0 auto; text-align:left; background:#fff; overflow:auto;}
#sContainer .sVisual{ display:none; }
#sGnb{ width:100%; padding:30px 0; text-align:Center; }
#sGnb h3{ width:auto;  color:#000;  text-align:center; padding:30px 0; font-size:34px; font-weight:600;}
#sGnb ul{display:inline-block; background:#f5f5f5; margin-bottom:50px; border-radius:30px; padding:0 50px;}
#sGnb ul li{display:inline-block; position:relative;}
#sGnb ul li a{display:inline-block; width:100%; font-size:18px; padding:20px 50px; color:#999;}
#sGnb ul li + li:before {content:""; display:block; width:1px; height:15px; background:#ddd; position:absolute; left:0; top:25px;}
#sGnb ul li a:hover{color:#3366cc;}
#sGnb ul li.selected{ }
#sGnb ul li.selected a{color:#000; }

#sGnb.type02{}
#sGnb.type02 ul{ background:#fff; border-radius:0; padding:0;}
#sGnb.type02 ul li{display:inline-block; float:left;width:16.66%;}
#sGnb.type02 ul li + li:before{display:none;}
#sGnb.type02 ul li a{border:1px solid #ededed;}
#sGnb.type02 ul li a:hover{background:#f5f5f5;}

#sGnb .sgnb4{width:100%; float:left; margin-bottom:50px; }
#sGnb .sgnb4 li{width:16.66%;  height:50px; float:left;  border:1px solid #ccc; background:#f5f5f5; text-align:center; }
#sGnb .sgnb4 li a{display:block; width:100%; font-weight:bold; font-size:16px; line-height:49px;}
#sGnb .sgnb4 li:hover{background:#fff;  border:1px solid #3366cc;}
#sGnb .sgnb4 li.selected{background:#fff; border:1px solid #3366cc;}
#sGnb .sgnb4 li.selected a{color:#3366cc;}
.mobileTT{display:none;}


.btnA{text-align:center; padding:30px 0;}
.btnA a, .btnA button{display:inline-block; font-size:24px; padding:25px 0px; color:#fff; background:#6699cc; position:relative; cursor:pointer; width:100%; text-align:Center; margin:5px 0;}
.btnA a:before, .btnA button:before{content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s ease; background:#34308d;}
.btnA a:hover:before, .btnA button:hover:before{width:100%;}
.btnA a span, .btnA button span{position:relative; z-index:2; font-size:24px; color:#fff;}
.btnA a.gray, .btnA button.gray{background:#666;}
.btnA a.gray:before, .btnA button.gray:before{background:#000;}
.btnA a.black, .btnA button.black{background:#000;}
.btnA a.black:before, .btnA button.black:before{background:#333;}
.btnA a.white, .btnA button.white{background:#fff; border:1px solid #333; color:#333;}
.btnA a.white:before, .btnA button.white:before{background:#f1f1f1;}
.btnA a.white span, .btnA button.white span{ color:#fff;}
.btnA.auto a, .btnA.auto button{padding:25px 70px; width:auto;}
.btnA.half a, .btnA.half button{padding:25px 0px; width:45%;}
.btnA.small{padding:20px 0;}
.btnA.small a, .btnA.small button{padding:15px 50px; width:auto; }
.btnA.small a span, .btnA.small button span{font-size:18px;}

.list_type01{}
.list_type01 li{margin:10px 0; position:relative; padding-left:20px; font-size:16px;}
.list_type01 li i{position:absolute; left:0; top:5px; color:#6faaff;}

.radios { }
.radios input[type=radio],
.radios input[type=checkbox]{  display: none;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{
    display: inline-block;
    cursor: pointer;
    height: 45px;
	line-height:47px;
    border: 1px solid #ddd;
    line-height: 40px;
    text-align: center;
    font-size:18px;
	font-weight:normal;
	border-radius:5px;
	padding:0 50px;
}
.radios.col4 input[type=radio]+label,
.radios.col4 input[type=checkbox]+label{ width:24%;}
.radios.col5 input[type=radio]+label,
.radios.col5 input[type=checkbox]+label{ width:19%;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{ background-color: #fff; color: #333; }
.radios input[type=radio]:checked+label,
.radios input[type=checkbox]:checked+label{ background-color: #6986b6; color: #fff; }


.checks {position: relative; text-align:left; padding:20px 0;} 
.checks input[type="checkbox"] { /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */ position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0; } 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; /* ±ÛÀÚ¿Í Ã¼Å©¹Ú½º »çÀÌÀÇ °£°ÝÀ» º¯°æ */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:18px;} 
.checks input[type="checkbox"] + label:before { /* °¡Â¥ üũ¹Ú½º */ content: ''; position: absolute; left: 0; top: -4px; /* ÀÌ °ªÀ» º¯°æÇؼ­ ±ÛÀÚ¿ÍÀÇ Á¤·Ä */ width: 21px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */ height: 21px; /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */ line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */ text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); display:inline-block;} 
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label:before { /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ content: '\2714'; /* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #6699cc;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -0px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #6699cc #6699cc transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #7d0523;
  text-align: center;
  border: 1px solid #7d0523;
}


.filebox{margin:2px 0;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */ 
.filebox .upload-name { display: inline-block; padding: .5em .75em; /* labelÀÇ Æеù°ª°ú ÀÏÄ¡ */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; }
.filebox .upload-hidden{display:none;}



/* »óÇ° List : S */
#prod{ margin:0 auto; clear:both; padding:30px 0; max-width:1300px;}
#prod .history{ padding:15px 0; text-align:left;}
#prod .history a{display:inline-block; padding:0 5px; font-weight:bold; font-size:13px;}
#prod .history a:hover{color:#6faaff;}
#prod h2{color:#000; font-weight:bold; font-size:38px; letter-spacing:-0.05em; border:none; padding:10px 0 10px 0; text-align:center;}
#prod .category{ width:100%; text-align:center; margin-top:20px;}
#prod .category li{display:inline-block; position:relative; margin:5px 0;}
#prod .category li + li:before{content:""; display:block; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:7px;}
#prod .category a{display:inline-block; color:#333; font-weight:bold; font-size:18px; padding:0 25px; letter-spacing:-0.01em;}
#prod .category a:hover{ color:#004fbb;}
#prod .top_info{margin-top:70px;}
#prod .top_info .total{text-align:left; font-size:18px;  width:30%; float:left;}
#prod .top_info .total strong{font-size:18px; color:#cc0000;}
#prod .top_info .filter{ width:63%; float:left; text-align:right;}
#prod .top_info .filter ul li{display:inline-block; position:relative;}
#prod .top_info .filter ul li + li:before{content:""; display:block; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:7px;}
#prod .top_info .filter ul li a{display:inline-block; color:#666; font-weight:bold; font-size:14px; padding:0 20px;}
#prod .top_info .filter ul li.on a{color:#6faaff;}
#prod .top_info .filter ul li.on a:before{content:"¡Ú";}
#prod .top_info .listCount{ width:7%; float:right; text-align:right;}
#prod .select{border-top:2px solid #aaaaaa; border-bottom:1px solid #dadada; background:#f1f1f1; text-align:right; padding:10px 0;}
#prod .select select{width:100px; border:1px solid #ccc; }
#prod .select a.on{font-weight:bold; color:#014FBC;}
#prod .viewSelec{padding:15px 0 0 0; text-align:right;}
#prod .viewSelec a{display:inline-block;margin-right:2px; border:1px solid #ccc; padding:3px 15px; font-weight:bold; font-size:11px;}
#prod .viewSelec a.over{background:#98cb83; border:1px solid #6faaff;}

.category_on {color:#6faaff !important;}



#prod .ppW{/*border:1px solid #dcdcdc; border-radius:20px;*/ margin:0px 0; overflow:hidden;}
#prod .priceProdW{ width:100%;}
#prod .priceProdW .tt{width:20%; vertical-align:middle; background:#33346a; color:#fff; text-align:Center; display:none;}
#prod .priceProdW .tt h3{font-size:30px; font-family: 'NanumSquareRound';}
#prod .priceProdW .pp{width:100%; padding:0 10px; }
#prod .priceProdW.nth01{}
#prod .priceProdW.nth01 .tt{}
#prod .priceProdW.nth02 .tt{background:#515280;}
#prod .priceProdW.nth03 .tt{background:#707196;}
#prod .priceProdW.nth04 .tt{background:#8f90ad;}
#prod .priceProdW.nth05 .tt{background:#adaec3;}
#prod .priceProdW.nth06 .tt{background:#ccccda;}

#prod .best_gategory{background:#f7f7f7; clear:both; margin:50px 0; padding:30px; }
#prod .best_gategory .best_gategory_wrap{}
#prod .best_gategory h2{font-size:32px; padding:0 0 10px; text-align:center;}
.rcmdSwiper { width: 100%; height:auto; padding-top:70px; position:relative; }
.rcmdSwiper .swiper-wrapper { height:auto; }
.rcmdSwiper .swiper-slide {height:auto !important; position:relative;}
.rcmdSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }	

.rcmdSwiper .swiper-button-next, .rcmdSwiper .swiper-button-prev { top:4%;}
.rcmdSwiper .swiper-button-next:after, .rcmdSwiper .swiper-button-prev:after{display:none;}
.rcmdSwiper .swiper-button-next  { right: 45.5%; left: auto; background:url(/design/images/slick_next.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}
.rcmdSwiper .swiper-button-prev{ left: 45.5%; right: auto; background:url(/design/images/slick_prev.svg) no-repeat center center/70% auto; border:1px solid #333; width:50px; height:50px;}

.rcmdUnit{border:1px solid #ededed; padding:30px 20px; position:relative; text-align:left;}
.rcmdUnit:before{content:""; display:Block; width:calc((100% - 6px)); height: calc((100% - 6px)); border:3px solid #6faaff; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all 0.3s ease;}
.rcmdUnit:hover:before{opacity:1;}
.rcmdUnit .link{display:block; position:relative; z-index:2;}
.rcmdUnit .icn span{color:#cc0000; font-size:18px; font-weight:bold; display:inline-block; padding:0 5px;}
.rcmdUnit .icn span.orange{color:#ff6600; }
.rcmdUnit .name{font-size:24px; margin:20px 0; color:#000;}
.rcmdUnit .photo{display:block; width:100%;}
.rcmdUnit .photo img{max-width:100%; height:auto; max-height:283px;}
.rcmdUnit .text{display:block; width:100%;}
.rcmdUnit .price{display:block !important; width:100% !important; margin:20px 0 0;}
.rcmdUnit .price strong{font-size:20px;}
.rcmdUnit .price u{font-size:14px; opacity:0.5; text-decoration:line-through; margin:0 10px;}
.rcmdUnit .price span{color:#fc7118; font-size:16px;}
.rcmdUnit .pop{position:absolute; left:0; top:48%; text-align:Center; width:100%; opacity:0; transition:all 0.3s ease; z-index:3;}
.rcmdUnit .pop a{display:inline-block; width:50px; height:50px; background:#fff; border-radius:50%; font-size:30px; margin:0 5px;}
.rcmdUnit .pop a i{margin-top:10px;}
.rcmdUnit .pop a:hover{background:#6faaff; color:#fff;}
.rcmdUnit:hover .pop{opacity:1;}

.sProd{overflow:auto; }
.rProd{overflow:auto; }

/* ¸®½ºÆ® °¹¼ö Á¦¾î : S */
.listCount{text-align:center;}
.listCount p{display:inline-block; width:30px; margin:0 2px; text-align:center; padding:0px 0; cursor:pointer;}
.listCount p.view1 span{display:inline-block; width:22px; height:12px; background:#ddd;}
.listCount p.view1.on span{background:#333;}
.listCount p.view2 span{display:inline-block; width:10px; height:10px; background:#ddd; margin:1px;}
.listCount p.view2.on span{background:#333;}
.listCount p.view3 span{display:inline-block; width:10px; height:22px; background:#ddd; margin:1px;}
.listCount p.view3.on span{background:#333;}
/* ¸®½ºÆ® °¹¼ö Á¦¾î : E */

#listUnit{float:left; margin:30px 1% 20px; position:relative;  border:1px solid #fff; padding-bottom:40px;}
#listUnit .num{ display:block; width:60px; position:absolute; left:0; top:0; padding:15px 0; font-size:24px; color:#fff; background:#6faaff; z-index:3; text-align:Center; border-radius:0 0 10px 0;}
#listUnit .photo{position:relative; margin:0 auto; border:1px solid #ededed;}
#listUnit .photo img{width:100%; height:auto; max-height:303px;}
#listUnit .photo .btnPop{position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba( 0, 0, 0, 0.6 ); overflow: hidden;  width: 100%; height: 0; transition: .5s ease; line-height:50px; }
#listUnit .photo:hover .btnPop{height: 50px;}
#listUnit .photo .btnPop img{margin:0 5px; width:auto; height:auto; display:inline;}
#listUnit .info{padding:0px 3px 0px 3px; margin:0 auto;}
#listUnit .info .name{ color:#000000; font-size:1.1em; padding:7px 0 2px;  text-align:left; position:relative;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	white-space:pre-wrap;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ¶óÀμö */
	-webkit-box-orient: vertical;
	word-wrap:break-all; 
	line-height: 1.2em;
	/* height: 4.4em; line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */  
 }
#listUnit .info .name a{ color:#000000; font-size:1.1em; letter-spacing:-0.05em; font-weight:bold;}
#listUnit .info .name span{display:block; padding-bottom:5px;}
#listUnit .info .name u{text-decoration:none; display:inline-block; border-radius:3px; background:#cc0000; color:#fff; padding:2px 10px; font-size:12px; position:absolute; right:0; top:7px;}
#listUnit .info .name i{color:#6faaff; font-size:24px;}
#listUnit .info .many{font-size:24px; text-align:Center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
#listUnit .info .many strong{color:#cc0000; font-size:24px; font-weight:normal;}
#listUnit .info .txt{color:#999; margin:0 0 10px 0;  height:3.3em; overflow:hidden; text-align:left;}
#listUnit .info .price{font-size:1.2em; padding:0px 0 20px 0; text-align:left; position:relative; font-weight:bold;}
#listUnit .info .price a{font-size:1.1em; color:#cc0000; font-weight:bold;}
#listUnit .info .price span{color:#999; display:inline; text-decoration:line-through; padding-right:5px; font-weight:normal; font-size:0.9em;}
#listUnit .info .price u{text-decoration:none; display:inline-block; background:#cc0000; color:#fff; padding:0 10px; border-radius:5px; font-size:14px;}
#listUnit .pop{height:40px; border-top:1px solid #333; opacity:0; width:100%; position:absolute; left:0; bottom:0;}
#listUnit .pop .favor{display:block; width:50%; float:left; height:40px; text-align:Center; line-height:38px;}
#listUnit .pop .favor i{font-size:24px; margin-top:5px;}
#listUnit .pop .more{display:block; width:50%; float:left; height:40px; background:#333; color:#fff; text-align:Center; line-height:36px;}
#listUnit:hover{border:1px solid #333;}
#listUnit:hover .pop{opacity:1;}
#listUnit.rank .info .name{text-align:center;}
#listUnit.rank .info .price{text-align:center;}

.unitCol4{width:23%; }
.unitCol4:nth-child(4n+1){clear:both;}
#listUnit.unitCol4 .photo img{max-height:303px;}

.unitCol3{width:31.33%;}
.unitCol3:nth-child(3n+1){clear:both;}
#listUnit.unitCol3 .photo img{max-height:381px;}

.unitCol2{width:48%; }
.unitCol2:nth-child(2n+1){clear:both;}
#listUnit.unitCol2 .photo img{max-height:623px;}

.unitCol1{width:98%; }
#listUnit.unitCol1 .photo img{max-height:623px;}
/* »óÇ° List : E */


/* »óÇ° View : S */
#preview_img0, #preview_img, #preview_img2, #preview_img3, #preview_img4, #preview_img5{clear:both; padding:50px 0; max-width: 1000px !important; margin:0 auto;}
#preview_img3, #preview_img4{text-align:left; max-width: 1300px !important;  padding:40px 0;}

.topW{border:1px solid #DDDDDD; padding:20px;}
.thumW{width:600px; float:left;}
.thumW .big{margin:40px 0 20px;}
.thumW .big img{width:100%; height:auto; max-height:600px;}
.thumW .addp{position:relative; padding-left:130px; margin:20px 0;}
.thumW .addp h3{position:absolute; left:0; top:34%; font-size:20px;}
.thumW .pofol{position:relative; padding-left:130px; margin:20px 0;}
.thumW .pofol h3{position:absolute; left:0; top:34%; font-size:20px;}
.viewSwiper{max-width:100%; width:100%; height:auto;}
.viewSwiper .swiper-wrapper{max-width:100%; width:100%; height:auto;}
.viewSwiper .swiper-slide{ height:110px;}
.viewSwiper img{width:100%; height:100%; border:1px solid #ededed;}

.viewSwiper .swiper-button-next, .viewSwiper .swiper-button-prev { top:50%;}
.viewSwiper .swiper-button-next:after, .viewSwiper .swiper-button-prev:after{display:none;}
.viewSwiper .swiper-button-next  { right: 0; left: auto; background:#fff url(/design/images/slick_next.svg) no-repeat center center/60% auto; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); width:40px; height:40px; }
.viewSwiper .swiper-button-prev{ left: 0; right: auto; background:#fff url(/design/images/slick_prev.svg) no-repeat center center/60% auto; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); width:40px; height:40px;  }

.zoomW{text-align:Center;}
.zoomW .arw{display:inline-block; width:50px; height:50px; border:1px solid #ededed; font-size:28px; color:#999;}
.zoomW .arw i{margin-top:10px;}
.zoomW .arw:hover{color:#333; border:1px solid #333;}
.zoomW .zoom{display:inline-block; width:50px; height:50px; border:1px solid #ededed; font-size:28px;}
.zoomW .zoom i{margin-top:10px;}
.zoomW .zoom:hover{border:1px solid #6faaff;}

.viewtopinfo{width:600px; float:right;}
.viewtopinfo .title{text-align:left; padding:15px 0; border-top:2px solid #333; font-size:32px; font-weight:bold;}
.viewtopinfo .shortinfo{padding:20px 0; font-size:13px;}								
.viewtopinfo  table{width:100%; border-bottom:1px solid #dcdcdc;}
.viewtopinfo  table th{widtH:120px; text-align:left; padding:20px 0; font-size:16px;}
.viewtopinfo  table td{padding:20px 0; font-size:15px;}
.viewtopinfo  table td strong.price{color:#004eba; font-size:24px;}
.viewtopinfo  table td table{width:auto; border:none;}
.viewtopinfo  table td table td{padding:0;}
.viewtopinfo p{text-align:center; padding:30px 0;}
.viewtopinfo .btn{text-align:center;}

.viewtopinfo .sns{text-align:right; padding:0 0 10px; position:relative;}
.viewtopinfo .sns a{font-size:30px; display:inline-block; margin:0 3px;}
.viewtopinfo .sns .sns-share-box{display:inline-block; }
.sns-list-box {
	position: absolute;
	width:0;
	height: 38px;
	background: #fff;
	padding: 0 15px 0 15px;
	border: 2px solid #000;
	border-radius: 19px;
	right: -3px;
	top: 50%;
	margin-top: -30px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: width .23s ease-out,opacity .115s ease-out;
	transition: all .23s ease-out,opacity .115s ease-out;
	text-align:center;
}
.sns-list{display:inline-block;}
.sns-list li{float:left;}
.sns-list li a{font-size:16px !important;}
.sns-list li a i{font-size:24px; margin-top:5px;}
.sns-list .facebook{color:#335795;}
.sns-list .twitter{color:#28a9e0;}
.sns-list .url{padding-top:4px;}
.viewtopinfo .sns .sns-share-box:hover .sns-list-box{opacity:1; width:180px;}

.manyW{display:inline-block;}
.manyW a{display:inline-block; width:35px; height:35px; border:1px solid #ddd; float:left; text-align:Center; font-size:20px;}
.manyW input{font-family:Verdana; font-size:15px; height:35px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left;}


.opt_price1 {text-decoration:line-through;margin-left:5px;font-family:Tahoma;}
.opt_price2 {font-weight:bold;font-size:16px;color:#833;margin-left:5px;font-family:Tahoma;}
.opt_name {font-size:12px;}
.opt_per {color:#f33;margin-left:5px;}
.main_sale_per {color:#f33;}

.infoTab{ height:60px; margin-top:30px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.infoTab li{float:left; height:60px; line-height:57px; text-align:center; width:20%; font-size:16px; border-top:1px solid #ddd; border-bottom:3px solid #333;}
.infoTab li + li{border-left:1px solid #ddd;}
.infoTab li a{font-size:16px; line-height:57px;}
.infoTab li.selected{background:#fff; border:3px solid #333; border-bottom:3px solid #fff; font-weight:bold; color:#000;}

.order_fileup{position:relative; border:3px solid #333; border-top:none; clear:both; padding:50px; margin-bottom:50px; *width:990px;}
.order_fileup .title{font-size:30px; padding-bottom:10px; font-weight:bold; text-align:left;}
.order_fileup .title span{font-size:26px; color:#999; font-weight:normal;}
.order_fileup .title u{text-decoration:none; font-size:18px;}
.order_fileup .arw{ text-align:Center; font-size:40px; padding:30px 0; }
.order_fileup .btn{text-align:center; padding-top:50px;}
.add{display:block; width:60px; background:#666; color:#fff; text-align:center; padding:3px; border-radius:5px;}
.order_info{width:390px; border:3px solid #33346A; background:#fff; padding:20px; margin:10px 0;}
.order_info ol{margin-left:20px;}
#fileGuide{cursor:pointer; display:inline-block; border:1px solid #dcdcdc; border-radius:3px; padding:3px 20px; background:#fff; font-size:11px;}
.examBtn{display:inline-block; width:150px; text-align:center; border:1px solid #6faaff; border-radius:5px; padding:5px 0; margin-bottom:5px;}
.examBtn:hover{border:1px solid #004eba; color:#fff; background:#004eba;}
/* »óÇ° View : E */


/* cart : S */
.cartW{}
.cartW table{width:100%; border-top:2px solid #333;}
.cartW table th{background:#f1f1f1; border-bottom:1px solid #ededed; font-size:18px; padding:15px;}
.cartW table th p{text-align:left; font-size:14px; font-weight:normal;}
.cartW table th p strong{color:#cc0000;}
.cartW table td{padding:15px; border-bottom:1px solid #ededed;}
.cartW .list{}
.cartW .list .select{text-align:center; width:50px;}
.cartW .list .photo{text-align:center; width:150px;}
.cartW .list .name{}
.cartW .list .name strong{display:block; font-size:18px; }
.cartW .list .name span{display:block; font-size:14px; font-family: 'Noto Sans KR', sans-serif;}
.cartW .list .price{text-align:right;}
.cartW .list .price strong{display:block;}
.cartW .list .price span{display:block; color:#999;}
.cartW .list .option{text-align:Center; width:180px;}
.cartW .list .option p{display:inline-block;}
.cartW .list .option p a{display:inline-block; width:30px; height:30px; border:1px solid #ddd; float:left; text-align:Center; font-size:20px;}
.cartW .list .option p input{font-family:Verdana; font-size:15px; height:30px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left; width:60px;}
.cartW .list .option u{text-decoration:none; display:block; margin-top:5px;}
.cartW .list .option u a{display:inline-block; border:1px solid #333; padding:3px 0px; text-align:center; width:120px; color:#333; font-size:14px;}
.cartW .list .priceTotal{text-align:center; width:180px;}
.cartW .list .priceTotal strong{font-size:20px; color:#cc0000; font-weight:normal;}
.cartW .list .btn{text-align:Center; width:130px;}
.cartW .list .btn a{display:inline-block; width:100px; border:1px solid #333; text-align:Center; padding:6px 0; font-size:14px;}
.cartW .total{background:#EDEDED; padding:20px; text-align:right;}
.cartW .total u{text-decoration:none; display:inline-block; background:#333; color:#fff; border-radius:50%; width:30px; height:30px; text-align:center; line-height:28px; margin-right:10px; font-size:20px;}
.cartW .total strong{font-size:24px; font-weight:normal; color:#cc0000; margin-left:10px;}
.cartW .listbtn{text-align:center; padding:20px 0;}
.cartW .listbtn a{ display:inline-block; width:150px; border:1px solid #333; text-align:Center; padding:10px 0; font-size:16px;}
.cartW .listbtn a:hover{background:#f1f1f1;}
.cartW .point{}
.cartW .point td{position:relative; text-align:right; width:33.33%; padding:30px 40px;}
.cartW .point td + td{border-left:1px solid #ededed;}
.cartW .point td h5{position:absolute; left:30px; top:30px; text-align:left;}
.cartW .point td .box{position:relative; padding:0px 0 15px;}
.cartW .point td .box h5{top:0px; left:0;}
.cartW .point .pPrice{}
.cartW .point .pPrice strong{font-size:20px;}
.cartW .point .pUse{position:relative;}
.cartW .point .pUse:before{content:"-"; display:inline-block; background:#666; color:#fff; border-radius:50%; width:30px; height:30px; text-align:center; line-height:28px; font-size:20px; position:absolute; left:0; top:28px; margin-left:-15px;}
.cartW .point .pUse .enter{text-align:right; width:150px; height:40px; font-size:18px; padding:0 10px; color:#ff6600; border:1px solid #333; background:none;}
.cartW .point .pUse p{margin-top:10px; color:#ff6600;}
.cartW .point .pUse strong{font-size:20px;}
.cartW .point .pTotal{position:relative;}
.cartW .point .pTotal:before{content:"="; display:inline-block; background:#333; color:#fff; border-radius:50%; width:30px; height:30px; text-align:center; line-height:28px; font-size:20px; position:absolute; left:0; top:28px; margin-left:-15px;}
.cartW .point .pTotal strong{ font-size:24px; color:#cc0000;}

.cartW .point.type02 td{padding:20px 40px;}
.cartW .point.type02 td .box{ padding:7px 0;}
.cartW .point.type02 td .box h5{top:10px; left:0;}
.cartW .point.type02 .pUse:before{top:35px;}
.cartW .point.type02 .pUse p{margin-top:0px;}
.cartW .point.type02 .pTotal:before{top:35px;}
/* cart : E */



/*¸â¹ö½±°ü·Ã : S*/
#mem{ clear:both; padding:70px 0px; overflow:auto; background:#f9f9f9; }
#mem .wrap{max-width:1300px; margin:0 auto;}
#mem .wrap.narrow{width:600px; margin:0 auto;}
#mem .wrap h2{color:#666; font-size:32px; border:none; padding:0px 0 15px 0; text-align:Center;}
#mem .wrap h2 strong{color:#333; font-size:32px;}
#mem .wrap h3{color:#000; font-size:24px; padding:25px 0 8px; /*border-bottom:2px solid #000;*/ clear:both; z-index:1;}
#mem .wrap h3 a{font-size:20px; font-weight:bold; font-family:verdana;}
#mem .wrap h3 a:hover{color:red;}
#mem .wrap .lastTxt{clear:both; text-align:right; padding:15px 0;}
#mem .wrap .agreeRadio{text-align:right; padding:10px 0;}
#mem .wrap textarea{width:96%;height:200px;border:1px solid #dcdcdc; font-size:14px; padding:10px; margin-top:10px;}
#mem .wrap .info{padding:10px 0; width:100%; text-align:left;}
#mem .wrap .sArea{padding:20px 0; width:100%; text-align:center; background:#f1f1f1;}
.ptt{display:inline-block; width:100px; text-align:left; }
.pwon{display:inline-block; width:150px; text-align:right; }

ul.memTabs{ margin: 20px auto; padding: 0px; list-style: none; width:100%; }
ul.memTabs li{ width:50%; float:left; text-align:Center; background: none; color: #222; padding: 20px 0px; cursor: pointer; border:1px solid #ddd; border-bottom:2px solid #333; font-size:18px;}
ul.memTabs li.current{ color: #222; border:2px solid #333;  border-bottom:none; }

.tab-content{ display: none; padding:30px 0; width:100%; margin:0 auto; }
.tab-content.current{ display: inherit; }

.s_login{}
.s_login .stt{color:#999;}
.s_login .stt strong{color:#cc0000;}

.s_login .enter{ margin:30px 0;}
.s_login .enter dl{border-bottom:1px solid #ddd; margin:5px 0; height:50px; }
.s_login .enter dt{font-size:24px; color:#333; display:inline-block; width:5%; float:left; }
.s_login .enter dt i{margin-top:12px;}
.s_login .enter dd{display:inline-block; width:95%; float:left; }
.s_login .enter input{width:100%; height:50px; font-size:18px; background:none; color:#333; font-family: 'NanumSquareRound';}

.s_login .link{}
.s_login .link dl{border-top:1px solid #ddd; padding:10px 0; margin:10px 0; vertical-align:top;}
.s_login .link dl dt{display:inline-block; width:70%; font-size:18px;}
.s_login .link dl dt strong{color:#cc0000; font-size:18px;}
.s_login .link dl dd{display:inline-block; width:28%; text-align:right;}
.s_login .link dl dd a{display:inline-block; width:100%; text-align:Center; padding:10px 0; background:#666; color:#fff; font-size:16px;}

.s_join{}
/*¸â¹ö½±°ü·Ã : E*/



/*°í°´¼¾ÅÍ °ü·Ã : S*/

/*°í°´¼¾ÅÍ °ü·Ã : E*/


.innerTb {border-top:2px solid #333; text-align:center; width:100%; margin-bottom:30px;} 
.innerTb th {background:#f1f1f1; padding:15px; border:1px solid #E9E9E9; color:#333333; font-size:18px;  font-weight: bold !important;} 
.innerTb td {padding:15px; border:1px solid #E9E9E9; text-align:center; font-size:16px; background:#fff; vertical-align:middle;}
.innerTb td input[type=text], .innerTb td input[type=password], .innerTb td input[type=number]{border:1px solid #dcdcdc; height:40px; width:100%; border-radius:3px; padding:0 10px;}
.innerTb td textarea{ border:1px solid #dcdcdc; width:100%; border-radius:5px; padding:0 10px;}
.innerTb td input.long, .innerTb td select.long{width:100%;}
.innerTb td input.middle, .innerTb td select.middle{width:50%;}
.innerTb td input.short, .innerTb td select.short{width:20%;}
.innerTb td .icn_i{display:inline-block; background:#6faaff; color:#fff; border-radius:5px; padding:5px 10px; font-size:18px;}
.innerTb td .icn_i:hover{background:#333399;}
.innerTb td.stt{background:#f4f7fb; color:#000;}
.innerTb td.alLeft {padding-left:15px; text-align:left;}
.innerTb td.alCenter {text-align:center;}
.innerTb td.alRight {padding-right:15px; text-align:right;}
.innerTb td table{border:none; padding:0; margin:0;}
.innerTb td table td{border:none; padding:0; margin:0;}

.innerTb2 {text-align:center; width:100%; } 
.innerTb2 th {background:#f1f1f1; padding:5px; border:1px solid #E9E9E9; color:#333333; font-size:14px;  font-weight: bold !important;} 
.innerTb2 td {padding:5px; border:1px solid #E9E9E9; text-align:left; font-size:14px;}
.innerTb2 td input, .innerTb2 td select{border:1px solid #dcdcdc; height:30px; padding:0 7px; border-radius:4px; font-size:14px;}
.innerTb2 td table{border:none; padding:0; margin:0;}
.innerTb2 td table td{border:none; padding:0; margin:0;}

.leftTh th{text-align:left;}

.import{font-weight:bold; color:#333;}
.importRed{color:red; font-weight:bold;}
.importBlue{color:blue; font-weight:bold;}


/*-----------------°Ô½ÃÆÇ------------------*/
.boardTb {border-top:2px solid #333; text-align:center; width:100%;} 
.boardTb th {background:#f1f1f1; padding:20px; border-bottom:1px solid #E9E9E9; color:#333333; font-weight: bold !important; font-size:16px;} 
.boardTb td {padding:20px; border-bottom:1px solid #E9E9E9; text-align:center; font-size:16px;}
.boardTb td input[type=text], .boardTb td input[type=password]{border:1px solid #ccc; height:40px; border-radius:3px; padding:0 10px;}
.boardTb td textarea{border:1px solid #ccc;}
.boardTb td.stt{background:#f4f7fb; color:#000;}
.boardTb td.alLeft {padding-left:15px; text-align:left;}
.boardTb td.alRight {padding-right:15px; text-align:right;}
.boardTb td a{font-size:16px;}
.boardTb td span{font-size:14px; color:#555555;}
.boardTb td table{border:none; padding:0; margin:0;}
.boardTb td table td{border:none; padding:0; margin:0;}
.boardCategory{text-align:left; padding-bottom:20px;}
.boardCategory select{border:1px solid #ccc; height:26px;}
.boardPaging{text-align:center; padding-top:20px; clear:both;}
.boardPaging a{display:inline-block; margin:0 3px; border:1px solid #ccc; line-height:30px; width:30px; text-align:center; background:#fff;}
.boardPaging span{display:inline-block; margin:0 3px; border:1px solid #444; line-height:30px; width:30px; text-align:center; background:#666; color:#fff;}
.boardPaging a.arw{background:#f1f1f1;}
.boardBtnR{text-align:right; padding:20px 0;}

.boardSearch{text-align:center; background:#f1f1f1; padding:15px 0;}
.boardSearch .enter{border:1px solid #ccc; height:40px; width:200px; border-radius:5px;}
.boardSearch button{height:40px; background:#666; color:#fff; padding:0 20px; cursor:pointer; border-radius:5px;}
.boardLeftTb td{text-align:left; padding-left:15px;}
.boardViewTitle{padding:0; text-align:center; font-size:18px; padding:15px 0; background:#f1f1f1; margin-bottom:15px;}
.galleryView{text-align:center; padding:20px 0;}
.galleryViewThum{width:100%; margin-top:20px;}
.galleryViewThum td a{display:block; border:1px solid #dcdcdc; padding:5px 0px; width:80px; text-align:center;}
.galleryViewThum td a.prev{float:left;}
.galleryViewThum td a.next{float:right;}

.paging{text-align:center; margin-top:30px;}
.paging a{display:inline-block; width:40px; height:40px; text-align:Center; line-height:40px; border:1px solid #666666; border-radius:5px; color:#666; margin:0 5px;}
.paging a:hover{border:1px solid #333; color:#333;}
.paging span{ display:inline-block; width:40px; height:40px; text-align:Center; line-height:40px; border:1px solid #333; border-radius:5px; color:#fff; background:#333; margin:0 5px;}
.paging .none{border:none; width:auto; margin:0;}

.leftTb td{padding-left:15px; text-align:left;}
.centerTb td{text-align:center; padding-left:5;}
.btnC{text-align:center; padding:20px 0;}
.btnR{text-align:right; padding:20px 0;}






/*-----------------
-------FOOTER------
------------------*/
#footer{max-width:1300px; margin:80px auto; text-align:left;}
#footer .L{width:1000px; float:left;}
#footer .link{ margin-bottom:40px;}
#footer .link strong{color:#000;}
#footer .link span{display:inline-block; opacity:0.4; margin:0 10px;}
#footer .link .blue{color:#4b8ae6;}
#footer .link .orange{color:#ff6c00;}
#footer .info{margin-bottom:40px; line-height:180%;}
#footer .info span{display:inline-block; opacity:0.4; margin:0 10px;}
#footer .info strong{color:#cc0000;}
#footer .copy{}
#footer .R{width:300px; float:right;}
#footer .fax{}
#footer .fax .title{}
#footer .fax .title strong{display:block; font-size:20px;}
#footer .fax .title span{display:block; margin:5px 0 10px;}
#footer .fax .num{font-size:30px; color:#1d306f; text-align:center; background:#f5f5f5; padding:7px 0;}
#footer .fax .btn{text-align:center; margin-top:10px;}
#footer .fax .btn a{display:inline-block; width:45%; border-bottom:1px solid #000000; padding:10px 0; font-size:16px;}
#footer .fax .btn a i{margin-left:8px;}


/* Responsive Web Design Area */
@media screen and (max-width:1200px){
	html {overflow-y:scroll; width:1200px; height:100%;}
	body {height:100%;}
	#footer{width:100%;}
	#quick_menu_L {display:none;}
}