/* BASIC css start */
/* SIDE */
/* ÁÂÃø ¹è³Ê */
#side_wrap_l{ position:absolute; top:0; left:0px; width:256px; height:100%; background:url(/design/ss2565/onedesign/images/shadow_side.png) right top repeat-y; z-index: 9999; }

#side { width:250px; height:100%; background:#f6f6f6; padding-top:40px; }
#side .btn_close { position:absolute; top:20px; left:50%; margin-left:-10px; z-index:9999; width:20px; height:20px; cursor:pointer; }
#side #side_220 { clear:both; width:220px; margin:0 auto; }
#side #side_190 { clear:both; width:190px; margin:0 auto; }

/* °øÅë */
.side_title { clear:both; line-height:35px; margin-top:30px; margin-bottom:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-family:'Montserrat', sans-serif; font-size:12px; font-weight:400; letter-spacing:0.5px; color:#333; text-align:center; }
.side_title span { position:relative; display:inline-block; line-height:35px; }
.side_title span a { display:block; font-family:'Montserrat', sans-serif; color:#333; font-size:12px; }
.side_title span a:hover { color:#ff4451; }
.side_first { margin-top:0; }

.side_content { clear:both; line-height:20px; font-family:'Open Sans', sans-serif; font-size:11px; font-weight:400; letter-spacing:0.5px; color:#777; }
.side_content ul { font-size:0; line-height:0; }
.side_content li { display:inline-block; *display:inline; *zoom:1; line-height:20px; font-size:11px; }
.side_content a { color:#777; font-family:'Open Sans', sans-serif; }
.side_content a:hover { color:#ff4451; }

/* ¸â¹ö½± ¸Þ´º */
.member_cate ul li { position:relative; margin-left:5px; margin-top:5px; }
.member_cate ul li:first { margin-left:0; margin-top:0; }
.member_cate ul li a { display:block; line-height:25px; padding:0 7px; border:1px solid #ddd; text-transform:uppercase; font-size:10px; }
.member_cate ul li a:hover { border:1px solid #ff4451; background:#ff4451; color:#fff; }

/* ȸ¿ø°¡ÀÔ ¹®±¸ */
#joininfo { position:absolute; top:-21px; left:-20px; z-index:99999; height:17px; line-height:17px; padding-bottom:3px; text-align:center; background:url("/design/ss2565/onedesign/images/bg_join.png") no-repeat 50% bottom; -webkit-animation:joininfoanimation 3s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; }
#joininfo span { display:block; width:102px; text-align:center; font-size:10px; color:#fff; letter-spacing:-0.05px; vertical-align:top; background:#333; border-radius:2px; }

/* ÁÂÃø °¶·¯¸® */
.gall_wrap { clear:both; height:180px; }
.gall_wrap li { clear:both; width:100%; float:left; margin-bottom:20px; border:0 !important; padding-top:20px !important; }
.gall_wrap li:last-child { margin-bottom:0; }
.gall_wrap .gall_img { float:left; width:60px; height:60px; margin-right:10px; }
.gall_wrap img { display:block; width:60px; height:60px; }
.gall_wrap a .content { float:left; width:150px; }
.gall_wrap a .content .title { font-family:'Open Sans', sans-serif; font-weight:bold; letter-spacing:0.2px; font-size:11px; color:#777; max-height:40px; overflow:hidden; }
.gall_wrap a:hover .content .title { color:#ff4451; }
.gall_wrap a .content .date { color:#999; font-size:11px; }

/* °í°´¼¾ÅÍ */
.side_content .tel { font-size:20px; font-weight:bold; color:#ff4451; }










/* RIGHT */
#side_wrap { position:fixed;  top:0; right:0; width:250px; height:100%; z-index: 99; border-left:1px solid #ddd; background:#fff;}
#side_wrap .btn_close { width: 26px; height: 52px; position: absolute; right: 250px; top: 110px; cursor : pointer; }

#side_right { width:190px; height:100%; padding:0 30px; }
.side_box2 { clear:both; padding-top:105px; }

#side_right .top_title { clear:both; height:20px; margin-bottom:15px; font-family: "Montserrat", 'Nanum Gothic', sans-serif; font-weight:400; font-size:12px; letter-spacing:0.5px; color:#333; line-height:20px; }
#side_right .top_title a { font-family: "Montserrat", 'Nanum Gothic', sans-serif; font-weight:400; font-size:12px; letter-spacing:0.5px; color:#333; line-height:20px; vertical-align:top; }

.news { height:154px; margin-top:0px; }
.news .top_title { margin-bottom:10px !important; }
.gallEvent { clear:both; margin-top:30px; *margin-top:23px !important; }

/* ¿ìÃø °Ô½ÃÆÇ */
#boardArea ul { font-size:0; line-height:0; }
#boardArea ul li { font-size:11px; padding:0 !important; height:30px; border-bottom:1px solid #ddd; text-align:left !important; }
#boardArea ul li.no { float:left; width:20px; font-size:11px; color:#000; line-height:30px; padding-right:5px; }
#boardArea ul li.title { float:left; width:170px; height:30px; overflow:hidden; }
#boardArea ul li.title a,
#boardArea ul li.title a:hover { display:block; font-size:11px; color:#888; line-height:30px; text-decoration:none; letter-spacing:0px; font-weight:normal; height:30px; overflow:hidden; }
#boardArea ul li.title a:hover { color:#000; }

/* Äü¸Þ´º */
.icon_quick { clear:both; width:100%; padding:15px 0 0; margin-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.icon_quick ul { font-size:0; line-height:0; }
.icon_quick li { width:50%; display:inline-block; *display:inline; *zoom:1; text-align:center; }
.icon_quick li a { display:block; line-height:12px; padding-top:40px; padding-bottom: 15px; font-family:'Nanum Gothic', sans-serif; font-size:11px; color:#555; }
.icon_quick li a:hover { color:#333; }

.icon_quick_01 { background:url(/design/ss2565/onedesign/images/icon_quick_01.png) center 0 no-repeat; }
.icon_quick_02 { background:url(/design/ss2565/onedesign/images/icon_quick_02.png) center 0 no-repeat; }
.icon_quick_03 { background:url(/design/ss2565/onedesign/images/icon_quick_03.png) center 0 no-repeat; }
.icon_quick_04 { background:url(/design/ss2565/onedesign/images/icon_quick_04.png) center 0 no-repeat; }





/* °¶·¯¸® °Ô½ÃÆÇ Àüȯ */

.slideshow-wrapper  { margin:0 auto; position:relative; width:190px; height:235px; border:0 !important; } /* overflow:hidden; */
.slideshow-wrapper .vi { float:left; position:absolute; width:190px; height:190px; z-index:1; opacity:0; filter:alpha(opacity=0); }
.slideshow-wrapper .bak { float:left; position:absolute; width:190px; height:190px; display:none; }

.slideshow-wrapper .btn { float:left; position:absolute; width:190px; height:10px; margin:190px 0 0 0; z-index:30; }
.slideshow-wrapper .btn .btnbox { float:left; position:relative; width:190px; height:10px; margin-left:0px; }
.slideshow-wrapper .btn .btnbox .bull { float:left; position:relative; width:38px; height:10px; padding-right:0px; background:url(/design/ss2565/onedesign/images/gall_btn_01.png) 0 0 no-repeat; margin-left:0px; cursor:pointer; }
.slideshow-wrapper .btn .btnbox .bull.active { float:left; position:relative; width:38px; height:10px; padding-right:0px;  background:url(/design/ss2565/onedesign/images/gall_btn_02.png) 0 0 no-repeat; }

/* °¶·¯¸® À̹ÌÁö ¹× ÄÁÅÙÃ÷ */
.slideshow-wrapper .vi .imgLink { width:190px; height:190px; overflow:hidden; }
.slideshow-wrapper .vi .imgLink img { width:190px; height:190px; } 

.slideshow-wrapper .vi .gall_cont { clear:both; width:240px; margin-top:10px; }
.slideshow-wrapper .vi .gall_cont div { clear:both; }
.slideshow-wrapper .vi .gall_cont a { color:#888; }
.gall_title { width:100%; line-height:50px; overflow:hidden; font-size:12px; color:#888; font-weight:bold; border-bottom:1px solid #ddd; }
.gall_info { display:none; width:100%; line-height:30px !important; overflow:hidden; font-size:11px; color:#888; border-top:1px solid #ddd; border-bottom:1px solid #ddd !important; }






/* BASIC css end */