@charset "utf-8";
/* CSS Document */

@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script+Stylish&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/** {font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;}*/
html, body {font-family: 'NanumSquareRound',sans-serif; font-weight:300}

@font-face{
font-family:SJEB;  src:url(/include/css/SJEB.TTF) format(TTF) 
}



body, html{overflow-x:hidden; color:#666;}

p, body, ul, li, dt, dl, h1, h2, h3, h4, h5,a{margin:0;
padding:0; list-style:none; text-decoration:none; border:0;
}

input[type="checkbox"]:checked+label, input[type="radiobox"]:checked+label, input[type="text"], input[type="number"], input[type="file"], input[type="password"]{
height:30px;
border-radius:5px;
border:solid 1px #CCC;
text-align:center;
}

input[type="password"]{ 
font-family:'Nanum Gothic', sans-serif; src:url('/include/css/NanumGothic.ttf'); font-weight:normal;
}

a:link { color: #323232; }
a:visited { color:#323232; }
a:hover { color:#6f3737; }
a:active { color:#323232; }

.bg_gray {background:#aaa;}
.bg_sgray  {background:#eee;}
.bg_white {background:#FFF;}
.bg_red{background:#ff6600;}
.bg_blue{background:#ffc845;}
.bg_green{background:#a0bd2d;}

.cl_blue { color:#2960ca;}

.mg_at {
margin:auto;
}

.clear_both {clear:both;}

.txt_just{  
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify;
}


.btn {
padding:5px 30px;
border-radius:5px;
color:#FFF;
font-weight:bold;
font-size:20px;
cursor:pointer;
border:none;
transition:all .2s;
}

.btn:hover {
box-shadow: 3px 3px 3px #999;
}

.ord_cnt {
line-height:30px;
width:100%;
}

.adm_ord_cnt {
margin:0 50px;
}

/*   °ü¸®ÀÚ °ßÀû¹®ÀÇ ³»¿ë*/
.o_cont { 
position:absolute;
width:850px;
left:50%;
margin-left:-420px;
border:solid 1px #CCC;
top:200px;
background:#eee;
border-radius:10px;
box-shadow:inset 4px 4px 4px #ccc;
padding-bottom:50px;
}

/*  ================================== min-width:1100px   Start ======================*/
@media (min-width:1100px) {

/* Quick menu */
.box-shortcut{position:fixed;right:5px;top:25%;z-index:9000;opacity:1;}
 .menu > li {display:block;padding:10px 5px; border-left:solid 1px #ffc845; border-right:solid 1px #ffc845;text-align:center;background:#FFF; color:#ffc845;}
 .menu1{border-bottom:solid 1px #ffc845; cursor:pointer; transition:.2s;}
 .menu1:hover {background:#ffc845; color:#FFF; border-left:solid 1px #ffc845; border-right:solid 1px #ffc845;}
 .menu2{padding:5px;background:#ffc845;color:#fff; text-align:center; font-weight:bold; font-size:14px;border-bottom:solid 1px #ffc845; line-height:20px;}
 .btn-top, .btn-bottom{padding:5px;background:#ffc845;color:#fff; text-align:center; font-weight:bold; font-size:14px;}
 .qm { padding-top:10px; }
/* Quick menu */

.shop_btn {
border:solid 2px #fbaf00; padding:0px 10px; border-radius:5px;position:absolute;left:50%;margin-left:195px;line-height:20px;margin-top:5px;
transition: .2s;
}

.shop_btn:hover {
box-shadow:inset 1px 1px 1px #aaa;
}

.pdt_5 {
padding-top:5px;
}

.wd_100, .w100 {
width:100px;
}

.wd_300 {
width:300px;
}


.gab_10 {
clear:both;
padding-top:10px;
border-top:dashed 1px #ccc;
}


.gt_5 {
clear:both;
height:5px;
}


.gt_10 {
clear:both;
height:10px;
}

.gt_20 {
clear:both;
height:20px;
}

.gt_30 {
clear:both;
height:30px;
}

.gt_50 {
clear:both;
height:50px;
}

.gt_80 {
clear:both;
height:80px;
}

.gt_100 {
clear:both;
height:100px;
}

.gt_130 {
clear:both;
height:130px;
}

.gt_150 {
clear:both;
height:150px;
}

	.top_nav {
	background:#FFF;
	line-height:30px;	
	width:1150px;
	margin:auto;
	padding:5px 40px 30px 20px;
	}

	.top_nav a {
	color:#FFF;
	font-weight:bold;
	font-size:12px;	
	}

	.top_nav_p {
	width:1200px;margin:auto;height:60px;padding:30px 0 10px;
	}

	.logo_p{
	float:left;
	}

	.side_menu{
	display:none;
	}

/*       Top Menu      */

	.hidden_md {
	width:33.33%;
	float:left;
	text-align:center;
	color:#a2aaad;
	}

	.top_join_g {
	float:right;
	width:300px;
	padding:0px 0px;
	text-align:right;
	}

	.top_join_g  a{
	color:#666;
	}

	#nav > ul {		
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  z-index:99;
	}

	#nav {
		float:right;
		padding-top:10px;
		width: 600px;
	}

	#nav > ul > li {
	  width: 150px;
	  float: left;
	  position: relative;
	  text-align:center;
	  cursor:pointer;
	  font-weight:bold;
	  z-index:9999;
	   font-size:22px;
	}

	#nav > ul > li a {
	  display: block;
	  background: #FFF;
	  color: #333;
	  padding: 5px 0px;
	  text-align: center;
	  text-decoration: none;
	  border-radius:5px;
	  border:solid 1px #EEE;
	  font-size:16px;
	  color:#333;
	  transition:all 0.5s;
	}

	#nav > ul > li a:hover { background: #EEE; }

	#nav > ul > li:hover a + ul { /*    display: block;*/

	}

	#nav > ul > li > ul {
	padding-top:10px;
	  position: absolute;
	  width: 100%;
	  left: 0px;
	  top: 110%;
	  display: none;
	}
/* 
	.nav ul {
		padding:0;
		width:100%;
	}

	.nav li{
		float:left;
		padding-left:100px;
		text-align:center;
		cursor:pointer;
		transition: all .2s;
		font-size:18px;
		height:50px;
	}

	.nav li a {
		font-weight:bold;
		color:#333;
	}

	.nav li a:hover {
		text-shadow:2px 2px 2px #CCC;
	}
*/

	/*           Main BOXS        */



	.mslide {
	clear:both;width:100%;height:630px;
	}

	.slide_txt {
	position:absolute;
	z-index:999;
	color:#FFF;
	font-size:35px;
	font-weight:bold;
	margin-left:400px;
	text-shadow: 2px 2px 2px #000;
	padding-top:400px;
	font-family:'SJEB'; 
	font-weight:600;
	}

	.sslide {
	clear:both;width:100%;height:320px;
	}

	.s1_txt {
	font-weight:bold;
	color:#ff6600;
	font-size:16px;
	}

.ms1_t1 {
font-size:40px;
color:#CCC;
font-weight:bold;
}

.ms1_t2{
font-size:30px;
color:#333;
font-weight:bold;
}

div.polaroid {
  background-color: #f1f0f5;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  transition: font-size 0.1s ease-out;
  cursor:pointer;
}

div.s1_box > img:hover {
zoom:0.5;
}

div.container {
  text-align: center;
}

div.container p {
	padding:10px;
}

.image {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

.container:hover .image {
  opacity: 0.5;
}

.zoom {
    padding: 0px;
    transition: transform .2s; /* Animation */
	width:100%;
    height: 235px;
    margin: 0 auto;
}


 .zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.item {
  position: relative;
  overflow: hidden;
}
	.s1_box {
	text-align:center; 
	display:inline-block;
	width:100%;
	}

	.s_sbox, .ft_box {
	width:1200px;
	margin:auto;
	}

	.ft_box_tln{
	border-top:solid 1px #ccc;
	}

	.s1_box_tlt {
	font-size:25px;
	font-weight:bold;
	padding-bottom:20px;
	color:#333;
	}

	.s1_sbox_L {
	float:left;
	width:350px;
	}

	.s1_sbox_M {
	float:left;
	width:350px;
	}

	.s1_sbox_R {
	float:right;
	width:350px;
	}

	.s1_box_img2 {
	position:absolute;
	width:70px;
	margin:-50px 0 0 125px;
	z-index:9;
	}

	.s1_gw_80 {
	float:left; width:80px; height:200px;
	}

	.s1_his_y {
	float:left;
	font-size:25px;
	padding-right:30px;
	font-style:italic;
	color:#345f8d;
	font-weight:bold;
	}

	.s1_his_t {
	float:left;
	font-size:16px;
	}

	.s2_top_img {
	width:50%;
	}
	.s2_sbox {
	float:left; width:33.33%; cursor:pointer;
	transition: all .2s;
	}

	.s2_sbox:hover {
	text-shadow:2px 2px 2px #aaa;
	}

	.s2_sbox_img {
	float:left;
	}

	.s2_sbox_txt {
	float:left; text-align:left; padding:20px 0 0 20px;
	}

	.s2_txt {
	font-weight:bold;
	line-height:20px;
	}

	.cs_L {
	float:left; width:60%;
	}

	.cs_R {
	float:left; 
	}

	.cs_top {
	height:350px;
	}

	.cs_top_img {
	position:absolute;width:2000px; left:50%; margin-left:-1000px;
	}

	.mord {
	padding:30px 0;
	}

	/*    TABLE     */

	.tbl  {
	width:90%;
	}

	.tbl th {
	padding:5px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	border-top:solid 2px #333;
	border-bottom:dashed 1px #aaa;
	background:#FFF;
	color:#333;
	text-align:center;
	line-height:30px;
	}

	.tbl td {
	padding:5px;
	line-height:25px;
	font-size:14px;
	border-bottom:dashed 1px #aaa;
	}

	/*    TABLE   END  */

	.mgab {display:none;}

	.ft_L {
	float:left;
	width:20%;
	text-align:right;
	}

	.ft_L, .ft_R{
	font-size:13px;
	padding-bottom:20px;
	}

	.ft_R {
	float:left;
	padding-left:50px;
	text-align:left;
	line-height:15px;
	line-height:20px;
	}

	.tlt_top {
	font-size:22px;
	font-weight:bold;
	color:#345f8d;
	line-height:35px;
	}

	.contents_contain {
	width:1200px;
	margin:auto;
	}

	.ct_gab {
	float:left;
	width:2px;
	height:50px;
	}


	.scont {
	font-size:16px;
	line-height:20px;
	}

	.ft_box {
	clear:both;
	padding-top:30px;
	}

	.scnt_sL, scnt_sL_s1 {
	float:left;
	width:45%;
	}

	.scnt_L, .scnt_L_s1 {
	float:left;
	width:55%;
	}

	.scnt_sR,  .scnt_sR_s1{
	float:right;
	width:45%;
	text-align:center;
	}

	.scnt_R, .scnt_R_s1 {
	float:right;
	width:55%;
	}

	.scnt_ord_sL {
	float:left;
	width:30%;
	}

	.scnt_ord_R {
	float:right;
	width:70%;
	}

	.scnt_stlt {
	font-weight:bold;
	color:#5b658a;
	float:left;
	font-size:18px;
	line-height:30px;
	}

	.scnt_stlt_dot:before {
	float:left;
	content:url("/images/icon-1.png");
	padding-top:5px;
	padding-right:10px;
	}

	.scnt_stlt_dot2:before {
	float:left;
	content:'\00B0';
	margin-top:5px;
	padding-right:5px;
	font-size:30px;
	color:#345f8d;
	}

	.scnt_stlt_dot3:before {
	float:left;
	content:url("/images/icon-3.png");
	padding-top:5px;
	padding-right:10px;
	}

	.scnt_img {

	}

	.scnt_sc {
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	}

	/*    ORDER TABLE   */


	.tlt , .inp_cnt{
	float:left;
	padding-bottom:10px;
	}

	.tlt {
	font-size:18px;
	font-weight:bold;
	width:150px;
	text-align:right;
	}

	.inp_cnt {
	padding-left:20px;
	}

/* Board Table*/
	.btbl_td {
	width:25%;
	float:left;
	}

	.btbl_img_box{
	width:100%;
	text-align:center;	
	}

	.btbl_img_p {
	position: relative;
    overflow: hidden;
	width:280px;
	height:200px;
	border:solid 1px #EEE;
	transition:all .2s;
	}

	.btbl_img{		
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;	  
	}

	.btbl_img_p:hover{
	box-shadow: 4px 4px 4px #CCC;
	}

	.btbl_subj{
	text-align:center;
	padding-bottom:5px;
	}



	.ctab {
	float:left;
	width:49.8%;
	text-align:center;
	font-size:20px;
	line-height:50px;
	color:#FFF;
	}

	.ctab2, .ctab4, .ctab6{
	float:left;
	width:33.2%;
	text-align:center;
	font-size:20px;
	line-height:50px;
	color:#FFF;
	}

	.ctab5, .ctab7 {
	float:left;
	width:49.6%;
	text-align:center;
	font-size:20px;
	line-height:50px;
	color:#FFF;
	}


/*   LOGIN JOIN*/

.join_chk {
border:solid 1px #CCC;width:80%; margin:auto;text-align:center; line-height:50px; border-radius:10px;
}

.login_box{
width:60%; padding:20px 50px; margin:auto; border:solid 1px #CCC; text-align:center;line-height:50px;
}

.fnd_box {
line-height:50px;
}

}

/*  ================================== min-width:1100px   End ======================*/

@media (max-width:1099px) {
.icono-cart {transform : scale(0.8);}
.box-shortcut, .shop_btn {
display:none;
}

.wd_100, .w100 {
width:60px;
}

.w150 {
width:100px;
}

.wd_300 {
width:200px;
}


.gab_10 {
clear:both;
padding-top:10px;

}

.gt_5 {
clear:both;
height:5px;
}

.gt_10 {
clear:both;
height:10px;
}

.gt_20 {
clear:both;
height:20px;
}

.gt_30 {
clear:both;
height:10px;
}

.gt_50 {
clear:both;
height:20px;
}

.gt_80 {
clear:both;
height:20px;
}

.gt_100 {
clear:both;
height:50px;
}

.gt_130 {
clear:both;
height:50px;
}

.gt_150 {
clear:both;
height:150px;
}

	.top_nav {
	background:#FFF;
	line-height:30px;	
	display:inline-block;
	width:100%;
	position:fixed;
	z-index:999;
	border-bottom:solid 1px #CCC;
	}

	.top_nav a {
	color:#333;
	font-weight:bold;
	font-size:12px;
	}

	.top_nav_p {
	width:100%;padding:40px 0 10px 0;
	}

	.logo_p{
	text-align:center;
	}

	#nav, .cs_top, .mslide, .sslide{
	display:none;
	}

	.hidden_md {
	display:none;
	}

	.top_join_g{
	text-align:right;
	padding-right:10px;
	}


.side_menu {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index:99999;
}

/* MENU CONTAINER ----- */
	.side_menu {
		background: rgba(0,20,60,.9);
		height: 100vh;
		left: -250px;
		position: fixed;
		top: 0;
		width: 250px;
	}
	.side_menu .container {
		padding: 0 1em;
	}

/* HAMBURGER STYLES ----- */
	.burger_box {
		position:absolute;
		left:100%;
	}

	.burger_box a.menu-icon {
		display: inline-block;
		float: none;
		height: 25px;
		padding: 5px;
		opacity: .5;
		width: 25px;
		z-index: 100;
	}
	.burger_box a.menu-icon:hover,
	.burger_box a.menu-icon.opened {
		opacity: 1;
	}
	.burger_box a.menu-icon.opened {
		background: rgba(0,20,60,.9);
	}
	.burger_box .menu-icon_box {
		display: inline-block;
		height: 25px;
		position: relative;
		text-align: left;
		width: 25px;
	}
	.burger_box .menu-icon_line {
		background: #000;
		border-radius: 2px;
		display: inline-block;
		height: 3px;
		position: absolute;
		width: 100%;
	}
	.burger_box .menu-icon_line--1 {
		top: 2px;
	}
	.burger_box .menu-icon_line--2 {
		top: 10px;
	}
	.burger_box .menu-icon_line--3 {
		top: 18px;
	}
	.burger_box .menu-icon_line--1 {
		transition: top 200ms 250ms, transform 200ms;
		-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon_line--2 {
		transition: opacity 0ms 300ms;
		-webkit-transition: opacity 0ms 300ms;
	}
	.burger_box .menu-icon_line--3 {
		transition: top 100ms 300ms, transform 200ms;
		-webkit-transition: top 100ms 300ms, -webkit-transform 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_box {
		transform: scale3d(0.9, 0.9, 0.9);
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
	}
	.burger_box .menu-icon.opened .menu-icon_line {
		top: 10px;
	}
	.burger_box .menu-icon.opened .menu-icon_line--1 {
		transform: rotate3d(0, 0, 1, 45deg);
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transition: top 100ms, transform 200ms 250ms;
		-webkit-transition: top 100ms, -webkit-transform 200ms 250ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--2 {
		opacity: 0;
		transition: opacity 200ms;
		-webkit-transition: opacity 200ms;
	}
	.burger_box .menu-icon.opened .menu-icon_line--3 {
		transform: rotate3d(0, 0, 1, -45deg);
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transition: top 200ms, transform 200ms 250ms;
		-webkit-transition: top 200ms, -webkit-transform 200ms 250ms;
	}

/* STAGGER LIST ----- */
	.list_load {
		display: none;
		list-style: none;
		padding: 0;
	}
	.list_item {
		margin-left: -20px;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.list_item a {
		color: #fff;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	.list_item a:hover {
		background: rgba(255,255,255,.2);
	}
	
.ms1_t1 {
font-size:30px;
color:#CCC;
font-weight:bold;
}

.ms1_t2{
font-size:20px;
color:#333;
font-weight:bold;
}

div.polaroid {
  background-color: #f1f0f5;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  transition: font-size 0.1s ease-out;
  cursor:pointer;
}

div.s1_box > img:hover {
zoom:0.5;
}

div.container {
  text-align: center;
}

div.container p {
	padding:10px;
}

.image {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

.container:hover .image {
  opacity: 0.5;
}

.zoom {
    padding: 0px;
    transition: transform .2s; /* Animation */
	width:100%;
    margin: 0 auto;
}


 .zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.item {
  position: relative;
  overflow: hidden;
}
	.s1_box {
	text-align:center; 
	display:inline-block;
	width:100%;
	}

	.s_sbox, .ft_box {
	width:100%;
	}

	.s1_box_tlt {
	font-size:25px;
	font-weight:bold;
	padding-bottom:10px;
	color:#333;
	}

	.s1_sbox_L, .s1_sbox_M, .s1_sbox_R {
	width:90%;
	margin:auto;
	}

	.s1_box_img2 {
	display:none;
	}

	.s1_gw_80 {
	display:none;
	}

	.s1_his_y {
	float:left;
	font-size:25px;
	padding-right:10px;
	font-style:italic;
	color:#345f8d;
	font-weight:bold;
	}

	.s1_his_t {
	float:left;
	font-size:14px;
	width:80%;
	}

	.s2_top_img {
	width:100%;
	}

	.s2_sbox {
	clear:both;
	width:100%;
	}

	.s2_sbox_img {
	float:left;
	}

	.s2_sbox_txt {
	float:left; text-align:left; padding:20px 0 0 20px;
	}

	.s2_txt {
	font-weight:bold;
	line-height:20px;
	}

	.cs_top {
	height:350px;
	}

	.cs_top_img {
	position:absolute;width:2000px; left:50%; margin-left:-1000px;
	}

	.mord {
	padding:30px 0;
	}

	.cs_L , .cs_R{
	 width:100%;
	 text-align:center;
	}

	.cs_R {
	padding-top:50px;
	}

	.mgab {display:block;}

	.slsh {display:none;}

	.ft_L, .ft_R {
	text-align:center;
	}

	.ft_R{
	padding-top:10px;
	font-size:12px;
	padding-bottom:20px;
	}


	/*    TABLE     */

	.tbl  {
	width:90%;
	margin:auto;
	}

	.tbl th {
	padding:5px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	border-top:solid 2px #333;
	border-bottom:dashed 1px #aaa;
	background:#FFF;
	color:#333;
	text-align:center;
	line-height:30px;
	}

	.tbl td {
	padding:5px;
	line-height:25px;
	font-size:14px;
	border-bottom:dashed 1px #aaa;
	}

	/*    TABLE   END  */

/* Board Table*/

	.btbl_td {
	width:96%;
	margin:auto;
	text-align:center;
	}


	.btbl_img_box{
	width:100%;
	text-align:center;
	}

	.btbl_img_p {
	position: relative;
    overflow: hidden;
	width:90%;
	height:200px;
	margin:auto;
	border:solid 1px #CCC;
	}

	.btbl_img{	
	transition:all .2s;
	border:solid 1px #CCC;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;	  
	}


	.btbl_subj{
	text-align:center;
	padding-bottom:10px;
	}

	.scont {
	font-size:12px;
	line-height:18px;
	width:96%;
	margin:auto;
	}

	.s1_txt {
	font-weight:bold;
	color:#ff6600;
	}

	.tlt_top {
	font-size:22px;
	font-weight:bold;
	color:#ffc845;
	line-height:25px;
	}

	.scnt_sL, .scnt_sR, .scnt_ord_sL {
	display:none;
	}

	.scnt_L, .scnt_R, .scnt_ord_R {
	width:100%;
	}


	.s11_img, .s12_img {
	display:none;
	}



	.scnt_stlt {
	font-weight:bold;
	color:#5b658a;
	float:left;
	font-size:18px;
	line-height:30px;
	}

	.scnt_stlt_dot:before {
	float:left;
	content:url("/images/icon-1.png");
	padding-top:5px;
	padding-right:10px;
	}

	.scnt_stlt_dot2:before {
	float:left;
	content:'\00B0';
	margin-top:8px;
	padding-right:5px;
	font-size:30px;
	color:#345f8d;
	}

	.scnt_stlt_dot3:before {
	float:left;
	content:url("/images/icon-3.png");
	padding-top:5px;
	padding-right:10px;
	}

	.scnt_img {

	}

	.scnt_sc {
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	}


	.ctab {
	float:left;
	width:50%;
	text-align:center;
	font-size:16px;
	line-height:35px;
	color:#FFF;
	}

	.ctab2, .ctab4, .ctab6{
	float:left;
	width:33.33%;
	text-align:center;
	font-size:16px;
	line-height:35px;
	color:#FFF;
	}

	.ctab5, .ctab7 {
	float:left;
	width:50%;
	text-align:center;
	font-size:16px;
	line-height:35px;
	color:#FFF;
	}

/* LOGIN JOIN*/

	.join_chk {
	width:100%; margin:auto;text-align:center; line-height:50px; border-radius:10px;
	}

	.login_box{
	width:100%; padding:0px 20px 50px 0;  text-align:center;
	line-height:50px;
	}

	.tlt {
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	}

	.inp_cnt {
	padding: 0 0px 10px 20px;
	font-size:16px;
	line-height:25px;
	}

	.fnd_box {
	width:100%;
	text-align:center;
	}

	.fnd_box {
	width:100%;
	line-height:50px;
	}
}
/*  ================================== max-width:1099px   End ======================*/


	.ct_active {
	background:#ffc845; 
	font-weight:bold;
	cursor:default;
	}

	.ct_unactive {
	background:#a2aaad; 
	transition:all .2s;
	cursor:pointer;
	}

	.ct_unactive:hover {
	box-shadow:inset 4px 4px 4px #828c91;
	font-weight:bold;
	}


/*====================================================================
	Board Buttons
============================================================***/

.nw {
border:solid 2px green;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:green;
font-weight:bold;
}

.bl {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.rpl {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.del {
border:solid 2px #ff6600;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#ff6600;
font-weight:bold;
}

.edt {
border:solid 2px #1e78ae;padding:5px 10px; width:100px; text-align:center;
cursor:pointer;
color:#1e78ae;
font-weight:bold;
}

.nw:hover, .bl:hover, .rpl:hover, .del:hover, .edt:hover{
text-shadow:2px 2px 2px #CCC;
box-shadow:inset 2px 2px 2px #CCC;
font-weight:bold;
}