@charset "euc-kr";
/*@import "fonts.css";*/

@font-face {
	font-family:'NG';
	src: url('http://www.realkang.com/fonts/NanumGothic.eot'); /* IE9 */
	src: url('http://www.realkang.com/fonts/NanumGothic.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('http://www.realkang.com/fonts/NanumGothic.woff') format('woff'), /* Modern Browsers */
	     url('http://www.realkang.com/fonts/NanumGothic.ttf')  format('truetype'), /* Safari, Android, iOS 	*/
		 url('../fonts/NanumGothicExtraBold.eot');
		 font-style:normal;
		 font-weight:100;
		 }
		 
@font-face{
    font-family:ng;
    src:url(http://hongdaeoffice.cafe24.com/hh/fonts/NanumGothic.eot);
    src:local(¡Ø), url(http://hongdaeoffice.cafe24.com/hh/fonts/NanumGothic.woff) format('woff');
}

 body {
		font-size:13px; font-family: NG, ng, ¸¼Àº°íµñ, µ¸¿ò, ±¼¸²;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

 
/* #CSS ½ÃÀÛ
================================================== */
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: 0px;
		padding: 0px;
		border: 0px;
		vertical-align: baseline;font-family: NG, ng, ¸¼Àº°íµñ, µ¸¿ò, ±¼¸²;}

		
	html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, 
	abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
	strike, 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 {color:#333333; font-size:12px;}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
		
	dl, dt, dd, ul, ol, li {list-style:none;}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {border-collapse: collapse;
		border-spacing:0px; border:0px; }

	b {font-weight:bold;}
	em,address{font-style:normal}
	a{text-decoration:none}
	a{selector-dummy : expression(this.hideFocus=true);}


html {margin:0;padding:0; width:100%; height:100%}
*html {margin:0;padding:0; width:100%; height:100%}
* {margin:0;padding:0;}
body {word-wrap:break-word;word-break:break-all;line-height:16px; background:#fbfbfb; height:100%}

/* btn */
.btns{margin:10px 0}
.btn{display:inline-block;overflow:visible;margin-bottom:0;padding:6px 12px;font-size:14px;font-weight:normal;font-weight:bold;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer}
.btn {border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;}
.btn {background:#e84c3d; color:#fff; font-size:17px; font-weight:bold;}


/* Element Reset */


/* Layout */
#wrap{display:block; clear:both; width:100%; padding:0px; margin:0px; background:#fbfbfb url(http://hongdaeoffice.cafe24.com/hh/images/main/top_bg_img.jpg) no-repeat center 0px;}
#wrap:after {content:""; display:block; clear:both;}
#container{display:block; clear:both; width:100%; padding:90px 0px 0px 0px; margin:0px; position:relative;}
#container:after {content:""; display:block; clear:both;}
#header {padding:0px; margin:0px; width:100%; display:block; clear:both; color:#fff;}
#header:after {content:""; display:block; clear:both;}
#header #box {width:1120px; margin:0px auto; display:block; padding:0px 0px 0px 40px; clear:both;}
#header #box {position:relative;}
#header #box:after {content:""; display:block; clear:both;}
#main { display:block; clear:both; width:100%; margin:0px; padding:0px; min-height:610px;}
#main:after {content:""; display:block; clear:both;}
#main #box {display:block; clear:both; width:1080px; margin:0px auto; padding:40px 0px 40px 0px;}
#main #box:after {content:""; display:block; clear:both;}
.container {position:relative; width:1150px; margin:0px auto; display:block; clear:both; text-align:left;*zoom:1;}
.container:after {display:block; clear:both; content:''}

/* ¿ÞÂÊ ½½¶óÀ̵å Àüü¸Þ´º */
/* layout */
#header { width:100%; display:block; text-align:left;}
#header{-webkit-transition:-webkit-transform .4s ease;-webkit-transform:translate(0,0);position:absolute;top:0px;left:0;z-index:999;width:100%;height:190px;}
#main{-webkit-transition:-webkit-transform .4s ease;-webkit-transform:translate(0,0);padding:145px 0px 0px 0px; position:relative; z-index:0;}

#left-menu{display:none;overflow:scroll;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;left:0;z-index:0;width:200px;height:100%;background:#222;}
#right-menu{display:none;overflow:scroll;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;right:0;z-index:0;width:250px;height:100%;background:#222;}
#block{display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(3, 2, 1, 0);-webkit-transition:-webkit-transform .4s ease;-webkit-transform:translate(0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);}

#wrap.active{overflow:hidden;position:relative}
#wrap.active #block{display:block}
#wrap.active.left-show #left-menu{display:block}
#wrap.active.right-show #right-menu{display:block}
#wrap.left-open #main{-webkit-transform:translate(150px,0)}
#wrap.left-open #main{box-shadow:3px 0 4px #000}
#wrap.left-open #main,#wrap.left-open #header,#wrap.left-open #block,#wrap.left-open .detail-nav{-webkit-transform:translate(200px,0)}

#wrap button { border:0px none;}


#wrap.right-open #main{box-shadow:3px 0 4px #000}
#wrap.right-open #main,#wrap.right-open #header,#wrap.right-open #block,#wrap.right-open .detail-nav{-webkit-transform:translate(-250px,0)}
#wrap.sdown .header-detail{-webkit-transform:translate(0,-50px)}

.left_box_toggle { display:block; width:40px; height:40px; position:absolute; top:10px; left:5px; z-index:1000; display:none}
.right_box_toggle { display:block; width:40px; height:40px; position:absolute; top:10px; right:5px; z-index:1000; display:none}
.toggle-left {display:block; width:40px; height:40px; background:url(http://hongdaeoffice.cafe24.com/hh/images/top/top_left_btn_all_menu.png) no-repeat 0px 0px; text-indent:-1000em; border:0px none; background-size:cover;}
.toggle-right {display:block; width:40px; height:40px; background:url(http://hongdaeoffice.cafe24.com/hh/images/top/top_right_btn_search.png) no-repeat 0px 0px; text-indent:-1000em; border:0px none; background-size:cover;}


/* pattern
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;} */






.content {display:block; clear:both; width:100%; margin:0px; padding:0px;}
.content:after {content:""; display:block; clear:both;}
.content .box {width:1160px; padding:0px 20px 0px 0px; margin:0px auto 0px auto; clear:both; display:block; position:relative;}/*width:1180px;*/
.content .box:after {content:""; display:block; clear:both;}

#footer {display:block; clear:both; width:100%; background:#3b3b3b; color:#fff; bottom:0px; padding:0px;}/* url(http://hongdaeoffice.cafe24.com/hh/images/footer/footer_bg.jpg) no-repeat center top*/
#footer:after {content:""; display:block; clear:both;}

#footer #box {width:1100px; height:100px;margin:0px auto; display:block; clear:both; padding:20px 0px 10px 0px;}
#footer #box:after {content:""; display:block; clear:both;}



a {text-decoration:none;color: #333;}
a:visited {color: #333;text-decoration:none;}
a:hover, a:focus {color: #000;text-decoration:none;}

/*#header {background:url(http://hongdaeoffice.cafe24.com/hh/images/top/top_all_bg3.jpg) no-repeat center top; height:250px; width:100%; display:block; text-align:left;}*/




#header .top_center_real {width:180px; display:block; margin:0px auto; position:relative; text-align:left; padding:0px 0px 0px 0px; clear:both;}
#header .top_center_real_box { display:block;}

#header .logo {position:absolute; top:3px; left:0px; z-index:1000; clear:both; display:block;}
#header .logo a {text-align:center;background:url(http://hongdaeoffice.cafe24.com/hh/images/top/logo_box_real2.png) no-repeat center center; width:190px; height:180px;display:block; clear:both; background-size:cover; text-indent:-1000em;}

.site_infotxt {display:block; width:1000px; margin:0px auto; position:relative;}
.site_infotxt .contxt {display:block; position:absolute; top:5px; left:-30px; font-size:12px; font-weight:100; color:#333;}
.site_infotxt .contxt_b {color:#27499d; font-weight:100;}

/* navi */
.nav_real { padding:40px 0px 0px 0px; display: table; clear:both; margin:0px auto;}
.nav_real li {display:block; float:left; text-align:left; position:relative;}
.nav_real .nav_real_menu { display:block; clear:both; text-align:left; position:relative; width:450px;}
.nav_real .nav_real_menu li { display:block; width:130px; padding-right:20px;}
.nav_real .center_logo_size {width:200px; position:relative;}
.nav_real .right {float:left;}
.nav_real .right .nav_real_menu li { display:inline-block; float:left; text-align:right; position:relative; width:130px; padding-left:20px; padding-right:0px;}

.nav_real .nav_real_menu a {display:block; width:125px;}
.nav_real .nav_real_menu dt { padding:0px 0px 10px 0px; display:block;}
.nav_real .nav_real_menu dt a { font-size:14px; font-weight:100; line-height:30px; height:30px; color:#fff; font-family:NG; border-bottom:solid 2px #fff; display:block;}
.nav_real .nav_real_menu dt a:hover { color:#0db5ca; }/*#b7c116*/

.nav_real .nav_real_menu dd a { font-size:13px; font-weight:100; line-height:20px; height:20px; color:#fff; font-family:NG; display:block;}
.nav_real .nav_real_menu dd a:hover { color:#0db5ca; }


/*filter:alpha(opacity=20); opacity:0.20; -moz-opacity:0.8; */
.nav_real li a span { padding:0px 0px 0px 0px; font-family:NG; font-weight:bold;}




/*°Ë»ö*/
#header_search {padding:0px; margin:0px; width:100%; display:block; clear:both; color:#fff; height:70px; }/*  background:#1a1a1a; url(http://hongdaeoffice.cafe24.com/hh/images/gallery/bg_diagonal.gif) repeat 0px 0px*/
#header_search:after {content:""; display:block; clear:both;}
#hearder_search_box {width:1120px; margin:0px auto; display:block; padding:0px; clear:both; position:relative;}

#header .top_search_real {}
#header .top_search_real li { display:inline; float:left }
.hearder_search_box_left {position:absolute; z-index:100; display:block; top:14px; left:20px;}
.hearder_search_box_left_cc {position:absolute; z-index:100; display:block; height:45px; top:0px; left:10px; line-height:45px; font-size:13px; padding-left:0px;}
.hearder_search_box_left a {display:block;text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/top/logo_box_real_m1.png) no-repeat 0px 0px; background-size:200px 50px; width:200px; height:55px;}


.top_search {background:url() no-repeat left bottom; margin:8px 0px 0px 0px;width:300px; height:45px; padding:0px 0px 0px 0px; display:block; float:right;position:absolute; right:0px;}/*/images/top/top_search_input_left.png   border-left:solid 1px #d1d1d1; */
.top_search_box {text-align:left; clear:both; display:block;}
.top_search_box { padding:0px;background:url() no-repeat right bottom;}/*/images/top/top_search_input_left.png*/
.top_search_box li {display:inline-block; float:left; padding:0px;}
.top_search_box .top_search_input {width:240px; padding:0px 0px 0px 0px;}
.top_search_box .top_search_input input {color:#fff; width:280px; height:45px; line-height:45px; font-family:NG;font-weight:bold; font-size:15px;background-color: rgba( 255, 255, 255, 0 ); border:0px none; padding:0px; display:block; padding:0px 0px 0px 15px;}
.top_search_box .top_search_btn {}
.top_search_box .top_search_btn input {width:47px; height:47px; top:-1px; right:-19px; position:absolute; display:block; text-indent:-1000em; background: url(http://hongdaeoffice.cafe24.com/hh/images/top/top_search_real_btn_white3.png) no-repeat center center; border:0px none; cursor:pointer}


#header .top_aboutus_map {position:absolute; top:34px; left:460px;filter:alpha(opacity=10); opacity:0.10; -moz-opacity:0.9;width:30px; height:50px; display:block; background:url(http://hongdaeoffice.cafe24.com/hh/images/top/top_aboutus_img.png) no-repeat left center; display:none}





#header .topmenu {width:700px; clear:both; padding:0px 0px 0px 0px; height:50px; *zoom:1;}
#header .topmenu li {margin-right:10px; float:left;}
#header .topmenu_1 {width:600px; clear:both; padding:0px 0px 0px 0px; height:20px; line-height:18px; *zoom:1;}
#header .topmenu_1 .on_ {padding:2px 4px 0px 4px; height:15px; line-height:15px; background:#666; display: inline-block; color:#f1f1f1;}
#header .topmenu_2 {border-top:solid 1px #555; width:600px; display:block; clear:both; padding:9px 0px 0px 0px; height:18px; line-height:18px; *zoom:1;}
#header .topmenu_2 .on_ {padding:2px 4px 0px 4px; height:15px; line-height:15px; background:#666; display: inline-block; color:#f1f1f1;}
#header .topmenu_2:after {content:""; display:block; clear:both;}
#header .topmenu_2 ul { float:left;}
#header .topmenu_2 table { float:left;} 

.topmenu_box {width:500px; height:170px; display:block; clear:both; padding:0px 0px 0px 0px; *zoom:1; float:left; border:1px red solid;}
.topmenu_box:after {content:""; display:block; clear:both;}
.topmenu_box ul {padding:0px; display:block; position:relative;margin:0px 0px 0px 0px;padding:20px 0px 14px 0px;}
.topmenu_box ul:after {content:""; display:block; clear:both;}
.topmenu_box li {clear:both; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#ddd; font-size:12px; font-weight:bold;}
.topmenu_box .topmenu1 {width:120px; float:left; display:block;}
.topmenu_box .topmenu1 a {color:#ddd; text-decoration:none; display:block; font-size:13px; line-height:23px; height:23px; padding:1px 0px 0px 20px; margin:0px 0px 0px 0px; width:135px;}
.topmenu_box .topmenu1.on {color:#f18800; text-decoration:none;}
.topmenu_box .topmenu1 a:hover {color:#f18800; text-decoration:none;}/*f18800*/
.topmenu_box .topmenu1 a:active,
.topmenu_box .topmenu1 a:focus {color:#ddd; text-decoration:none; display:block;}
/*
.topmenu_box .topmenu2 a {color:#ddd; text-decoration:none; display:block; font-size:14px; line-height:29px; height:29px; padding:1px 0px 0px 30px; margin:0px 0px 0px 0px; width:125px; position:relative; z-index:199;}
.topmenu_box .topmenu2 .on {color:#f18800; text-decoration:none;}
.topmenu_box .topmenu2 .on span {background:url(http://hongdaeoffice.cafe24.com/hh/images/top/on_arrow.gif) repeat 0px 0px; display:block; width:10px; height:10px; position:absolute; left:148px; top:10px; z-index:200;}
.topmenu_box .topmenu2 a:hover {color:#f18800; text-decoration:none;}
.topmenu_box .topmenu2 a:hover.on span {background:url(http://hongdaeoffice.cafe24.com/hh/images/top/on_arrow.gif) repeat 0px 0px; display:block; width:10px; height:10px; position:absolute; left:140px; top:10px; z-index:200; display:none;}
.topmenu_box .topmenu2 a:active,
.topmenu_box .topmenu2 a:focus {color:#ddd; text-decoration:none; display:block;}
*/
.topmenu_box .topmenu2 {border-left:solid 1px #212121; float:left; display:block;}
.topmenu_box .topmenu2 a {color:#ddd; text-decoration:none; display:block; font-size:13px; line-height:23px; height:23px; padding:1px 0px 0px 30px; margin:0px 0px 0px 0px; width:125px; position:relative; z-index:199;}
.topmenu_box .topmenu2 a span {background:#333; display:block; width:10px; height:3px; position:absolute; left:124px; top:14px; z-index:200;}
.topmenu_box .topmenu2 .on {color:#f18800; text-decoration:none;}
.topmenu_box .topmenu2 .on span {background:url(http://hongdaeoffice.cafe24.com/hh/images/top/on_arrow.gif) repeat 0px 0px; display:block; width:10px; height:3px; position:absolute; left:124px; top:14px; z-index:200;}
.topmenu_box .topmenu2 a:hover {color:#f18800; text-decoration:none;}/*f18800*/
/*.topmenu_box .topmenu2 a:hover.on span {background:url(http://hongdaeoffice.cafe24.com/hh/images/top/on_arrow.gif) repeat 0px 0px; display:block; width:10px; height:3px; position:absolute; left:125px; top:14px; z-index:200; display:none;}*/
.topmenu_box .topmenu2 a:active,
.topmenu_box .topmenu2 a:focus {color:#ddd; text-decoration:none; display:block;}


.topmenu_box .ly_menu {position:absolute; top:0px; left:153px; z-index:100; background:#222; text-align:left; width:160px; height:170px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.topmenu_box .ly_menu ul {margin:0px 0px 0px 0px;padding:20px 0px 10px 0px;}
.topmenu_box .ly_menu li a {font-size:12px; line-height:22px; height:22px;padding:0px 0px 0px 25px; width:110px;}
.topmenu_box .ly_menu li {font-size:12px;}


/* main */
.main_icon_list {padding:0px; z-index:100; top:0px; left:0px; position:absolute; display: block;}/*NEW ICON*/
.main_icon_list .icon_best {width:170px; height:120px; background-size:100% 100%; display:inline-block; background:#F30; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/main/icon_best.png) no-repeat 0px 0px;}
.main_icon_list .icon_hot {width:170px; height:120px; background-size:100% 100%; display:inline-block; background:#F39; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/main/icon_hot.png) no-repeat 0px 0px;}
.main_icon_list .icon_new {width:170px; height:120px; background-size:100% 100%; display:inline-block; background:#3CC; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/main/icon_new.png) no-repeat 0px 0px;}
.main_icon_list .icon_soldout {display:block; background:#3CC; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/main/icon_soldout3.png) no-repeat center center; top:0px; left:0px; position:absolute; width:255px; height:192px;}

/* 20190324_soldout À̹ÌÁöº¯°æ 
.main_icon_list .icon_soldout {display:block; background:#3CC; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/hh/images/main/icon_soldout.png) no-repeat center center; top:0px; left:0px; position:absolute; width:255px; height:192px;}*/


/* Body Extension */
.content .title {height:50px; display:block; background:#050505; font-size:22px; font-family: NG, ng, ¸¼Àº°íµñ, µ¸¿ò, ±¼¸²; color:#fff; line-height:50px; text-align:center; position:absolute; margin:-27px 0px 0px 20px; padding:3px 30px 0px 30px;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.1;}


/*¸®½ºÆ®ÆäÀÌÁö_ŸÀÌƲ(¿ÞÂÊ·¹À̾î)*/
.content .title_box {position:absolute; z-index:5; top:0px; left:-85px;width:85px;}
.content .title_box .title_box_tit {width:80px;height:50px; display:block; background:url(http://hongdaeoffice.cafe24.com/hh/images/list/cate_img.png) no-repeat center 15px; text-align:center; font-size:14px; font-weight:bold; color:#333; padding:95px 0px 0px 0px; line-height:20px; letter-spacing:-0.00em; border:solid 2px #3b3b3b;}

.content .title_box_title {width:80px; height:88px; display:block; clear:both;background:#000 url(http://hongdaeoffice.cafe24.com/hh/images/title_cate_bg.gif) no-repeat 0px 0px;}
.content .title_box_stitle {width:84px; height:24px; line-height:24px; display:block; clear:both; overflow:hidden; color:#dddddd; font-weight: normal; text-align:center; font-size:11px; letter-spacing:-0.08em; background:#3b3b3b;}

.content .content_list {margin:0px auto 0px auto; display:block; padding:0px 0px 0px 0px; clear:both; position:relative;}
.content .content_list:after { content:""; display:block; clear:both;}
.content .content_list li {display:block; float:left;}
.content .content_list li:after { content:""; display:block; clear:both;}
.content .content_list dl {position:relative; width:255px; height:230px; margin:0px 10px 0px 10px; display:block; clear:both;}/* height:255px;*/
.content .content_list dl:after { content:""; display:block; clear:both;}
.content .content_list dt {width:255px; height:192px; display:block; overflow:hidden;}/* height:218px;*/
.content .content_list dt:after { content:""; display:block; clear:both;}
.content .content_list dt .img_box {width:255px; height:192px; display:block; overflow:hidden;}
.content .content_list dt li {width:255px; height:192px; display:block; overflow:hidden;}
.content .content_list dt .img {width:255px; height:192px; display:block; cursor:pointer;}
.content .content_list dd {width:239px; height:14px; line-height:14px; padding:13px 8px 10px 8px; z-index:10; background:#000; color:#eee; font-size:12px;filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.15; overflow:hidden; cursor:pointer;}
.content .content_list dd:after { content:""; display:block; clear:both;}
.content .content_list dd .txt_b {font-size:12px; color:#fff; line-height:10px; height:10px; font-weight:bold;}
/* ÆùÆ® Æ÷ÀÎÆ® »ö»ó ³ì»ö color:#b7c116;ff7814 */
.content .content_list dd .txt {padding:0px 0px 0px 6px; margin:0px 0px 0px 6px; font-size:12px; color:#ff9d10; line-height:10px; height:10px; background:url(http://hongdaeoffice.cafe24.com/hh/images/list/txt_line.gif) no-repeat 0px 3px; letter-spacing:-0.05em; font-weight:bold;}
.content .content_list dd .txt2 {padding:0px 0px 0px 6px; margin:0px 0px 0px 6px; font-size:12px; color:#ddd; line-height:10px; height:10px; background:url(http://hongdaeoffice.cafe24.com/hh/images/list/txt_line.gif) no-repeat 0px 3px; letter-spacing:-0.05em; font-weight:bold;}
.content .content_list dd .div {padding:10px 10px 10px 10px;}

.content .content_list .btn_slide {width:225px; height:35px; padding:0px; z-index:12; top:100px; left:15px; position:absolute;}
.content .content_list .btn_slide li {width:29px; height:29px; padding:0px; background:url(http://hongdaeoffice.cafe24.com/hh/images/list/btn_nav.png) no-repeat 0px 0px;cursor:pointer; float:left; display:block;filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.2;}
.content .content_list .btn_slide .right {background-position:right 0px; float:right;}
.content .content_list .btn_slide a {width:100%; height:100%; overflow:hidden;}

.content .content_list .btn_link {width:28px; height:28px; padding:0px; z-index:200; bottom:5px; right:3px; position:absolute; }
.content .content_list .btn_link a {width:28px; height:28px; overflow:hidden;display:block; background-image:url(http://hongdaeoffice.cafe24.com/hh/images/list/btn_link.gif); background-position:center center; background-repeat:no-repeat;}
.content .content_list .btn_link a:hover {filter:alpha(opacity=98);opacity:0.98;-moz-opacity:0.1;}

.content .content_list .list_bottom_stxt {width:243px; height:30px; display:block; line-height:30px; text-align:left; color:#666; margin:0px 0px 0px 0px; padding:0px 0px 10px 38px; background:url(http://hongdaeoffice.cafe24.com/hh/images/list/icon_re.gif) no-repeat 25px 9px; overflow:hidden;}
.content .content_list .list_bottom_stxt .strong {color:#111;}
.content .content_list .list_bottom_stxt_line {padding:0px 5px 0px 5px; color:#ddd;}
.content .content_list .slide_box {width:255px; height:255px;}

.category_no {height:62px; text-align:center; padding:150px 0px 150px 0px; display:block; font-size:24px; color:#bbb;font-weight:bold; font-family: NG;}

/*ºä ÇÏ´Ü ¸®½ºÆ®*/
#content_view .content_list {display:block; clear:both; margin:0px auto; padding:0px;}
#content_view .content_list:after { content:""; display:block; clear:both;}
#content_view .content_list dl {position:relative; width:164px; height:164px; margin:0px 8px 0px 8px;}
#content_view .content_list dt {width:164px; height:164px; background:#eee; display:block; overflow:hidden;}
#content_view .content_list dt .img {width:164px;height:164px; cursor:pointer;}
#content_view .content_list dd {width:154px; height:14px; line-height:14px; padding:11px 5px 9px 5px; z-index:10; bottom:0px; position:absolute; background:#111; color:#eee; font-size:12px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.2; overflow:hidden; cursor:pointer;}
#content_view .content_list .btn_pre {width:28px; background:#fff url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_pre.gif) no-repeat 0px 60px;}
#content_view .content_list .btn_pre a {width:28px; height:164px; display:block; overflow:hidden; text-indent:-1000em;}
#content_view .content_list .btn_next {width:28px; background:#fff url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_next.gif) no-repeat right 60px;}
#content_view .content_list .btn_next a {width:28px; height:164px; display:block; overflow:hidden; text-indent:-1000em;}





/* Body find_list */
#find_list{ width:1100px; margin:80px auto 80px auto; display:block; clear:both;}
#find_list:after { content:""; display:block; clear:both;}
#find_list li {display:block; float:left; padding:0px 20px 40px 20px;}
#find_list li:after { content:""; display:block; clear:both;}

#find_list .table_select {width:100%; display:block; clear:both; margin:0px auto;}

#find_list .table {width:100%; display:block; clear:both; margin:0px auto;}
#find_list .table th {padding:7px 0px 5px 0px; line-height:22px; color:#000; font-weight:bold; font-size:12px; border-top:solid 2px #000; border-bottom:solid 1px #000; text-align:center;}
#find_list .table td {padding:5px 0px 5px 0px; line-height:50px; color:#444; font-size:12px; border-bottom:solid 1px #000;}
#find_list .table .num {width:35px; text-align:center;}
#find_list .table .check {width:35px; text-align:center; vertical-align:middle;}
#find_list .table .check input {width:12px; height:12px; margin:0px; padding:0px;}
#find_list .table .photo {width:70px; text-align:center;} /*img*/
#find_list .table .photo img {width:50px; height:50px; margin:0px auto;}
#find_list .table .title {width:500px; text-align:left; padding-left:15px;} /*Á¦¸ñ*/
#find_list .table .pay {width:100px; text-align:center;} /*±Ý¾×*/
#find_list .table .address {width:200px;text-align:center;} /*ÁÖ¼ÒÁö*/
#find_list .table .display {width:80px; text-align:center;} /*³ëÃâ*/
#find_list .table .display select {width:65px;margin-top:5px;} 
#find_list .table .pay_month {width:50px; text-align:center;}
#find_list .table .cate1 {width:70px; text-align:center;}
#find_list .table .cate2 {width:60px; text-align:center;}
#find_list .table .list_no { text-align:center; line-height:60px;}



/* Body find_list */
#board_list { margin:0px auto 0px auto; display:block; padding:60px 0px 0px 0px; clear:both;width:1000px;}
#board_list:after { content:""; display:block; clear:both;}
#board_list li {display:block; float:left; padding:0px 20px 40px 20px;}
#board_list li:after { content:""; display:block; clear:both;}

#board_list .table_select {width:100%; display:block; clear:both; margin:0px auto;}

#board_list .table {width:1000px; display:block; clear:both; margin:0px auto;}
#board_list .table th {padding:7px 0px 5px 0px; line-height:22px; color:#000; font-weight:bold; font-size:12px; border-top:solid 2px #000; border-bottom:solid 1px #000; text-align:center;}
#board_list .table td {padding:5px 0px 5px 0px; line-height:40px; color:#444; font-size:12px; border-bottom:solid 1px #000; text-align:center;}
#board_list .table .num {width:35px; text-align:center;} /*¹øÈ£*/
#board_list .table .check {width:35px; text-align:center; vertical-align:middle;} /*checkbox*/
#board_list .table .check input {width:12px; height:12px; margin:0px; padding:0px;} /*checkbox*/
#board_list .table .photo {width:70px; text-align:center;} /*img*/
#board_list .table .photo img {width:50px; height:50px; margin:0px auto;}
#board_list .table .title {width:500px; text-align:left; padding-left:15px;} /*Á¦¸ñ*/
#board_list .table .pay {width:100px; text-align:center;} /*±Ý¾×*/
#board_list .table .address {width:200px;text-align:center;} /*ÁÖ¼ÒÁö*/
#board_list .table .display {width:80px; text-align:center; } /*³ëÃâ*/
#board_list .table .display select {width:65px;margin-top:5px;} 
#board_list .table .pay_month {width:50px; text-align:center;}
#board_list .table .cate1 {width:70px; text-align:center;}
#board_list .table .cate2 {width:60px; text-align:center;}
#board_list .table .list_no { text-align:center; line-height:60px;}

#board_list .table a {color:#222;}
#board_list .table a:hover {color:#c07202; text-decoration:underline;}

#board_list .table .td_tit {color:#222; font-size:13px; text-align:left;}

#board_list .table .td_tit a.txt_tit {color:#222;}
#board_list .table .td_tit a.txt_tit:hover {color:#c07202; text-decoration:underline;}
#board_list .table .comment_num {padding:0px 2px 0px 6px; color:#999; font-size:12px;}
#board_list .table  .txt_tit_reply {background:url(http://hongdaeoffice.cafe24.com/hh/images/board/ic_reply.gif) no-repeat 10px 1px; padding:0px 0px 0px 27px;}


/* Body find_view */
#board_view {margin:0px auto 0px auto; display:block; padding:60px 0px 0px 0px; clear:both;width:1000px;}
#board_view:after { content:""; display:block; clear:both;}
#board_view li {display:block; float:left; padding:0px 20px 40px 20px;}
#board_view li:after { content:""; display:block; clear:both;}

#board_view .table_select {width:100%; display:block; clear:both; margin:0px auto;}

#board_view .table {width:1000px; display:block; clear:both; margin:0px auto;}
#board_view .table th {padding:8px 0px 6px 0px; line-height:22px; color:#000; font-weight:bold; font-size:12px; border-top:solid 2px #000; border-bottom:solid 1px #000; text-align:center;}
#board_view .table td {padding:20px 0px 20px 0px; line-height:22px; color:#444; font-size:12px; border-bottom:solid 1px #000; text-align:center;}
#board_view .table .txt_date {padding:7px 0px 8px 0px; line-height:22px; color:#999; font-size:12px; border-bottom:solid 1px #aaa; text-align:right;}



a.btn_css {display:block; width:50px; height:24px; line-height:24px; background:#999; color:#fff; text-align:center; font-size:12px; font-weight:bold;}
a.btn_css:hover { background:#af7c41; color:#fff;}




.table_bottom {width:100%; margin:0px auto; display:block; clear:both; padding:20px 0px 20px 0px; margin-top:0px; font-size:12px;}
.table_bottom li {display:block; padding:0px; clear:both;}
.table_bottom .left_box {float:left; width:8%;}
.table_bottom .left_box a {}
.table_bottom .paging_box {font-weight:bold;} /*float:right; text-align:right;*/
.table_bottom .right_box {display:none;width:8%;}

.paging {display:table; margin:0px auto; width:auto;}
.paging td {padding:0px 1px 0px 1px; float:left; display:inline-block}
.paging td:after {content:""; display:block; clear:both;}
.paging a {color:#fff;width:27px; height:27px;line-height:27px;font-size:12px;display:block;color:#333; text-align:center;}
.paging span { display:block; float:left;}
.paging .num {color:#333; text-align:center;font-size:13px; display:block; margin:0px 1px;}
.paging .num a {color:#333; background:#fff; border:solid 1px #e1e1e1; font-weight:100;}
.paging .num.on {background:#494949; border:solid 1px #494949; color:#fff; font-weight:bold;width:27px; height:27px;line-height:27px;font-size:12px;}
.paging .line {width:0px; display:none;}
.paging .btn_pre {background:#f4f4f4; border:solid 1px #ddd;}
.paging .btn_next {background:#f4f4f4; border:solid 1px #ddd;}
.paging .btn_pre a {color:#333;}
.paging .btn_next a {color:#333;}



/*view*/
#content_view {padding:15px 0px 40px 0px; display:block; clear:both; width:1140px; margin:0px auto; position:relative;}
#content_view:after{content:""; display:block; clear:both;}
#content_view .navi {padding:0px 0px 0px 0px; margin:8px 0px 40px 0px; font-size:11px; line-height:14px; color:#bbb; text-align:right; }


/*view title*/
#content_view .view_title_cate {clear:both; margin:0px auto 20px auto; *zoom:1; text-align:center;}
#content_view .view_title_cate img {margin:0px auto;}

#content_view .view_title {clear:both; margin:0px auto; background:#000; *zoom:1;}
#content_view .view_title:after {content:""; clear:both;}
#content_view .view_title td {display:block; clear:both; color:#f7cc81; font-size:18px; line-height:20px; letter-spacing:-0.03EM; font-weight:bold; letter-spacing:0em; padding:3px 10px 2px 10px; *zoom:1;}
#content_view .view_title td:after {content:""; display:block; clear:both;}
#content_view .view_title td span {padding:0px 3px 0px 3px; *zoom:1;}

#content_view .view_title .date {padding:0px 0px 0px 0px; margin:8px 0px 0px 0px; font-size:12px; line-height:12px; color:#999; float:right;}
#content_view .view_title .date .line {width:11px; height:11px; line-height:10px; border-left:solid 1px #ddd; margin:0px 0px 1px 4px; display:inline-block;}
#content_view .date2 {padding:10px 5px 0px 0px; font-size:12px; line-height:16px; color:#ccc; text-align:right; clear:both}

/*view bottom info*/
.viewbottom_info {display:block; clear:both;}
.viewbottom_info .guide_info {font-size:13px; text-align:center; padding:20px 0px 20px 0px;line-height:24px; color:#888;}
.viewbottom_info .guide_info strong {font-size:16px; font-weight:bold; color:#222;}
.viewbottom_info .manager_info {padding:15px 0px 0px 0px; font-size:12px; line-height:18px; color:#ccc; text-align:center;display:block;}
.viewbottom_info .manager_info_name {font-size:18px; font-weight:bold;}
.viewbottom_info .manager_info_tel {padding-top:6px;}
.viewbottom_info .manager_info_tel a {font-size:26px; font-weight:bold; line-height:28px; color:#f04a01;}/*#e25500*/
.viewbottom_info .manager_info_tel_txt { color:#aaa;}
.viewbottom_info .manager_info_tel_txt2 { color:#666;font-size:14px;font-weight:bold;line-height:24px; padding-top:3px;}
.viewbottom_info .manager_info_blog {display:none}



/*view top »çÁø*/
.view_photo_box {width:900px; margin:40px auto 35px auto; clear:both; display:block;}
.view_photo_box:after {content:""; display:block; clear:both;}
.view_photo_box td {}

.view_photo_box .btn_pre {width:40px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_pre.gif) no-repeat 0px 170px;}
.view_photo_box .btn_pre a {width:40px; height:360px; display:block; overflow:hidden; text-indent:-1000em;}
.view_photo_box .btn_next {width:40px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_next.gif) no-repeat right 170px;}
.view_photo_box .btn_next a {width:40px; height:360px; display:block; overflow:hidden; text-indent:-1000em;}
.view_photo_box .view_photo {display:block; margin:0px auto 0px auto; clear:both;}
.view_photo_box .view_photo:after {content:""; display:block; clear:both;}
.view_photo_box .view_photo li {width:262px; display:block; float:left; *zoom:1;}
.view_photo_box .view_photo li:after {content:""; display:block;}
.view_photo_box .view_photo li.pd {padding-right:17px;}
.view_photo_box .view_photo .img {width:262px; height:360px; display:block; margin:0px auto;}

.view_photo_box .photo_td {width:820px; display:block;}
.view_photo_box .view_photo_num {margin:20px auto 0px auto; clear:both;}
.view_photo_box .view_photo_num td {padding:0px 3px 0px 3px;}
.view_photo_box .view_photo_num a {width:11px; height:11px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_no.gif) no-repeat 0px 0px; display:block; overflow:hidden; text-indent:-1000em;}
.view_photo_box .view_photo_num a:hover {text-decoration:none; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_no_on.gif) no-repeat 0px 0px;}
.view_photo_box .view_photo_num a.on {background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewtop_no_on.gif) no-repeat 0px 0px;}



/*view top Á¤º¸¸®½ºÆ®*/
.view_info_box {width:854px; margin:10px auto 30px auto; clear:both; display:block;}
.view_info_box:after {content:""; display:block; clear:both;}
.view_info_box dl {display:block; clear:both; width:837px; margin-left:17px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/view_info_line.gif) repeat-x 0px 0px; padding:0px 0px 10px 0px;}
.view_info_box dl:after {content:"";display:block; clear:both;}
.view_info_box dl.pd_no {padding-right:17px;}
.view_info_box dt {float:left; display:inline-block; height:32px; line-height:32px; width:70px; padding:1px 0px 0px 5px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_viewinfo_line_h.gif) no-repeat right center;}
.view_info_box dd {float:left; display:inline-block; height:32px; line-height:32px; width:180px; margin-right:17px; padding:1px 0px 0px 7px;}

.btn_view_list_all {width:307px; height:52px; margin:40px auto 50px auto; clear:both; display:block; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/btn_view_list_all.gif) repeat-x 0px 0px;}
.btn_view_list_all:after {content:""; display:block; clear:both;}
.btn_view_list_all li {width:51px; height:52px; display:block; float:left;}
.btn_view_list_all li:after {content:"";}
.btn_view_list_all li a {width:100%; height:100%; display:block; overflow:hidden; text-indent:-1000em;}

.view_txt_con {display:block; clear:both; font-size:12px; line-height:20px; color:#977044; text-align:center; padding:10px 0px 0px 0px; *zoom:1;}


/*view title_con*/
.view_title_con {display:block; clear:both; font-size:12px; line-height:20px; color:#977044; text-align:center; padding:10px 0px 0px 0px; *zoom:1;}
.view_title_con div {display:block; clear:both;*zoom:1; color:#333;}
.view_title_con .tit {padding:0px 10px 45px 10px; font-size:24px; line-height26px; font-weight:bold; color:#000; font-weight:bold;}
.view_title_con .tit span {padding:3px 5px 1px 5px; font-size:17px; line-height:17px; height:17px; font-weight:bold; color:#fff; background:#8b4513; *zoom:1;}
.view_title_con .tit span:after {content:"";}
.view_title_con .stit1 {padding:0px 0px 20px 0px; font-size:12px; line-height:16px; color:#222;}
.view_title_con .stit2 {padding:0px 0px 20px 0px; font-size:12px; line-height:16px; color:#222; *zoom:1; display:block; text-decoration:underline;}

.view_title_con .txt1 {padding:0px 0px 20px 0px; font-size:12px; line-height:16px; color:#222;}
.view_title_con .txt2 {padding:20px 0px 20px 0px; font-size:12px; line-height:16px; color:#ffaa00;}
.view_title_con .txt3 {padding:0px 0px 20px 0px; font-size:12px; line-height:16px; color:#999;}
.view_title_con .red {color:red;}



.view_con .img {display:block; clear:both; margin:0px auto 35px auto; width:600px;}
.view_con .img_h {display:block; clear:both; margin:0px auto 35px auto; width:500px;}
.view_mark {display:block; clear:both; margin:60px auto 35px auto;}
.view_mark img {display:block; clear:both; margin:0px auto 35px auto;}

.view_bottom {border-top:solid 1px #ccc; padding:14px 0px 0px 0px; margin:35px 0px 40px 0px; display:block; clear:both; *zoom:1;}
.view_bottom:after {content:""; display:block; clear:both;}
.view_bottom li { display:inline-block; color:#111; font-weight:bold;}
.view_bottom .left { float:left;}
.view_bottom .right { float:right;}

.view_bottom_list { margin:0px auto;}
.view_bottom_list:after {content:""; display:block; clear:both;}
.view_bottom_list .img {width:155px; height:155px; margin:0px auto;}
.view_bottom_list table {margin:0px auto;}
.view_bottom_list td {padding:0px 11px 0px 11px;}
/*
.view_detail_gonggaminfo { display:block; padding:0px 0px 0px 0px; background:url(http://hongdaeoffice.cafe24.com/hh/images/view/gonggam_info.jpg) no-repeat center 50px; width:100%; height:160px; clear:both;}
.view_detail_gonggaminfo:after {content:""; display:block; clear:both;}
*/

/* Footer Extension */

#footer .extension{ margin:0; float:left;}
#footer .extension ul{ margin:0; padding:0; overflow:hidden;}
#footer .extension li{left:-10px; border-left:1px solid #222; padding:0 5px 0 10px; color:#aaa; display:inline;line-height:12px; font-size:12px; font-weight:bold;}
#footer .address {margin:10px 0px 0px 10px; color:#ccc; background:url() no-repeat 0px 0px; padding:0px 0px 10px 0px;font-size:12px; line-height:18px;}/*/images/footer/icon_footer.gif*/
#footer .address div {color:#c1c1c1;}
#footer .address span {color:#c1c1c1;}
#footer a {color:#c1c1c1;}

/*
#footer .customer {color:#999; font-size:32px; line-height:32px; float:right; padding:15px 0px 15px 0px; letter-spacing:0em; width:217px; height:50px; background-image:url(http://hongdaeoffice.cafe24.com/hh/images/footer/customer.gif); background-repeat:no-repeat; background-position:0px 0px; background-size:217px 50px; overflow:hidden; text-indent:-1000em; }
*/
/* font-weight:bold;*/
#footer .customer .t {color:#444; font-weight:bold;}/* font-weight:bold;*/
#footer .customer .line {color:#444; font-weight:bold;}

/*
#footer .customer {color:#999; font-size:20px; line-height:20px; float:right; padding:15px 0px 15px 0px; letter-spacing:0em;width:300px; height:80px; background:url(http://hongdaeoffice.cafe24.com/hh/images/footer/call.png) no-repeat 0px 0px; margin-left:0px;overflow:hidden; text-indent:-1000em; display:block}
*/
#footer .customer {color:#999; font-size:20px; line-height:20px; float:right; padding:15px 0px 15px 0px; letter-spacing:0em; display:block}
#footer .customer_pc {display:block;}
#footer .customer1 { display:none}
#footer .customer2 { display:none}
.footer_map { display:block; clear:both; }
/*
#footer .customer {color:#999; font-size:20px; line-height:20px; padding:15px 0px 15px 0px; letter-spacing:0em;width:190px; height:80px; background:url(http://hongdaeoffice.cafe24.com/hh/images/footer/customer_tit.gif) no-repeat 0px 0px; margin-left:0px;overflow:hidden; text-indent:-1000em; display:block}
#footer .customer1 {background:url(http://hongdaeoffice.cafe24.com/hh/images/footer/customer_num1.gif) no-repeat 0px 0px; background-size:190px 38px; margin-left:0px;overflow:hidden; text-indent:-1000em; display:block;width:190px; height:38px;}
#footer .customer2 {background:url(http://hongdaeoffice.cafe24.com/hh/images/footer/customer_num2.gif) no-repeat 0px 0px; background-size:190px 38px; margin-left:0px;overflow:hidden; text-indent:-1000em; display:block;width:190px; height:38px; display:none}
#footer .customer a {width:100%; height:100%; overflow:hidden; text-indent:-1000em; font-size:24px;}
*/

/*gallery*/


.gallery_top {display:block; clear:both; width:1040px; height:120px; padding:35px 0px 35px 0px; margin:0px auto;}
.gallery_top:after {content:""; display:block; clear:both;}

.gallery_top .map_box {display:block; width:271px; height:120px; padding:0px 0px 0px 0px; float:left; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/map_ex.jpg) no-repeat center center; border:solid 1px #ddd; position:relative;}
.gallery_top .map_box:after {content:""; display:block; clear:both;}
.gallery_top .map_box .text_box {display:block; width:210px; height:50px; padding:11px 0px 0px 0px; background:#000;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.2;  text-align:center; margin:30px auto 0px auto}
.gallery_top .map_box .text_box dt {color:#fff; font-weight:bold; font-size:14px; line-height:22px;}
.gallery_top .map_box .text_box dd { color:#aaa; font-size:12px;}
.gallery_top .top_right {width:200px; display:block; float:right; padding:11px 0px 0px 0px;}
.gallery_top .top_right li {display:block; line-height:30px; padding:0px 0px 0px 0px; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/option_line.gif) repeat-x 0px bottom; font-weight:bold; font-size:13px;}
.gallery_top .top_right li img {margin:0px 10px 0px 0px;}
.gallery_top .top_right li.no {display:block; line-height:25px; background:url(); color:#aaa; text-align:left; padding-left:30px; font-weight:100; letter-spacing:0em; padding:6px 0px 0px 25px;font-size:12px;}

.gallery_top .top_right li.people { line-height:30px;}
.gallery_top .top_right li.tell {letter-spacing:-0.05em; line-height:30px; font-size:14px;}
.gallery_top .top_right li.tell a {font-size:14px;}
.gallery_top .top_right li.num {padding:0px 0px 0px 2px; line-height:30px;}
.gallery_top .top_right li .icon_people {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_people.gif) center left no-repeat; padding:0px 0px 0px 30px;}
.gallery_top .top_right li .icon_tell {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_tell.gif) center left no-repeat; padding:0px 0px 0px 30px;}
.gallery_top .top_right li .txt_num {color:#f04a01;padding:0px 0px 0px 10px;}
.gallery_top .top_right li .line {color:#999; padding:0px 10px}

.gallery_top .top_right .top_right_num { color:#f3452a;}
.gallery_top .top_right .ic1 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_people.gif) no-repeat 0px 0px; padding:0px 0px 0px 27px; line-height:20px;}
.gallery_top .top_right .ic2 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_tell.gif) no-repeat 0px 0px; padding:0px 0px 0px 27px; line-height:20px;}
.gallery_top .top_right .ic3 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_email.gif) no-repeat 0px 0px; padding:0px 0px 0px 27px; line-height:20px;}

.gallery_top .top_left {display:block; width:271px; height:120px; padding:0px 0px 0px 0px; float:left;}
.gallery_top .top_left:after {content:""; display:block; clear:both;}


.gallery_top .gallery_title {display:block; width:540px; height:110px; padding:0px 0px 0px 0px; float:left;}
.gallery_top .gallery_title:after {content:""; display:block; clear:both;}
.gallery_top .gallery_title .view_cate {display:block; width:300px; height:35px; margin:0px auto; padding:0px 0px 50px 0px; text-align:center;font-size:34px; color:#000; font-weight:bold;}
.gallery_top .gallery_title .view_title {height:24px; line-height:24px; margin:0px auto; background:#000;}
.gallery_top .gallery_title .view_title td {height:24px; line-height:24px; padding:0px 17px 0px 17px; background:#000; text-align:center; color:#fff; font-size:14px; font-weight:bold; margin:0px auto;}

.view_title_str_pflag {display:block;text-align:center; font-size:30px; color:#000; font-weight:bold; height:50px;}
.view_title_str_pflag:after {content:""; display:block; clear:both;}

.view_title_detailtxt {padding:8px 5px 0px 0px; font-size:13px; line-height:18px; color:#888; text-align:center; clear:both;}


.veiw_gallery {display:block; clear:both; width:100%; margin:0px; border-top:1px solid #ddd;}
.veiw_gallery:after {content:""; display:block; clear:both;}
.veiw_gallery .line {display:block; clear:both; width:100%; margin:0px;}
.veiw_gallery .line:after {content:""; display:block; clear:both;}
.veiw_gallery .box {display:block; clear:both; width:1040px; margin:0px auto; border-left:1px solid #ddd;}
.veiw_gallery .box:after {content:""; display:block; clear:both;}
.veiw_gallery .box_left {display:block;width:273px; float:left;}
.veiw_gallery .box_left:after {content:""; display:block;clear:both; }
.veiw_gallery .box_left_txt ul {display:block;width:100%; clear:both;}
.veiw_gallery .box_left_txt li {display:block;height:50px; line-height:50px; clear:both; font-size:12px; color:#333; text-align:center; border-bottom:solid 1px #eee;}
.veiw_gallery .box_left_txt li:after {content:""; display:block; clear:both;}
.veiw_gallery .box_left_txt li b {font-size:13px; color:#000;}
.veiw_gallery .box_left_txt li .bar { color:#aaa; padding:0px 7px 0px 7px;}


.veiw_gallery .box_left .option {display:block; clear:both; width:273px; border-bottom:1px solid #ddd;}
.veiw_gallery .box_left .option:after {content:""; display:block;clear:both;}
.veiw_gallery .box_left .option .option_tit {height:26px; line-height:26px; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/arrow.gif) no-repeat 220px 10px; letter-spacing:0.5em; font-weight:bold; text-align:center;}
.veiw_gallery .box_left .option .option_td {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/option_line.gif) repeat-x 0px top; padding:20px 0px 20px 20px; line-height:22px; color:#999;display:block;clear:both;}
.veiw_gallery .box_left .option .option_td:after {content:""; display:block;clear:both;}

.veiw_gallery .box_left .option .option_td dt {width:70px; height:25px; line-height:25px; font-size:12px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px;background:url(/*../images/gallery/dt_line.gif*/) no-repeat right 8px; letter-spacing:0em; font-weight:bold; color:#222;}
.veiw_gallery .box_left .option .option_td dd { width:170px; line-height:25px; font-size:12px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px; color:#222; background:url();}
.veiw_gallery .box_left .option .option_td dd b { color:#e25500;}


.veiw_gallery .box_left .option li {width:70px; height:22px; line-height:22px; font-size:12px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px;}
.veiw_gallery .box_left .option_dl {padding:0px 0px 20px 5px; display:block;clear:both;}
.veiw_gallery .box_left .option_dl:after {content:""; display:block;clear:both;}
.veiw_gallery .box_left .option_dl dt {width:70px; height:25px; line-height:25px; font-size:12px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px;background:url(/*../images/gallery/dt_line.gif*/) no-repeat right 8px; letter-spacing:0em; font-weight:bold; color:#222;}
.veiw_gallery .box_left .option_dl dd {width:170px; line-height:25px; font-size:12px; display: table; float:left; text-align:left; padding:0px 0px 0px 0px; color:#222; background:url();}
.veiw_gallery .box_left .option_dl dd b { color:#e25500;}
.veiw_gallery .box_left .option .option_txt {padding:0px 15px 0px 15px; text-align:left;}
.veiw_gallery .box_left .option .option_txt_b {padding:0px 15px 10px 15px; text-align:left; color:#444444; font-weight:bold;}

.box_left .box_left_navi {height:20px; line-height:20px; color:#555; padding:11px 0px 9px 25px; border-bottom:solid 1px #ddd; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/bg_diagonal.gif) repeat 0px 0px; filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.3;}
.box_left .box_left_navi .navi_txt {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/navi_ic.gif) no-repeat 6px 5px; padding:0px 0px 0px 15px; display:inline-block; color:#333; line-height:20px;}
.box_left .box_left_people {display:block; clear:both; width:263px; border-bottom:1px solid #ddd; text-align:left; padding:15px 0px 10px 10px;} /*»ç¶÷Á¤º¸*/
.box_left .box_left_people:after {content:""; display:block;clear:both;}
.box_left .box_left_people dt {display:block; width:48px; height:48px; border:1px solid #ddd; float:left; padding:0px 0px 0px 0px; margin:0px 15px 24px 0px;}
.box_left .box_left_people dd {display:block; width:160px; float:left; text-align:left; padding:0px 0px 0px 17px; line-height:18px;}
.box_left .box_left_people dd.ic1 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_people2.gif) no-repeat 0px 2px;}
.box_left .box_left_people dd.ic2 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_tell2.gif) no-repeat 1px 3px;}
.box_left .box_left_people dd.ic3 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_email2.gif) no-repeat 0px 4px;}
.box_left .box_left_people dd.ic4 {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/icon_blog.gif) no-repeat 0px 4px; padding:0px 0px 0px 0px; width:185px;}
.box_left .box_left_people a:link {color:#333; text-decoration:none;}
.box_left .box_left_people a:visited {color: #333;text-decoration:none;}
.box_left .box_left_people a:hover, a:focus {color:#ff6f18;text-decoration:none;}


.veiw_gallery .txt_no {color:#999;}

.box_left .btn_page { height:120px; display:block; border-bottom:solid 1px #ddd;}
.box_left .btn_page:after {content:""; display:block;clear:both;}
.box_left .btn_page a {width:100%; height:30px; display:block; text-align:center; padding:80px 0px 10px 0px;}
.box_left .btn_page_pre {width:136px; height:120px; display:block; float:left; border-right:solid 1px #ddd; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_page_pre.gif) no-repeat center center;}
.box_left .btn_page_next {width:135px; height:120px; display:block; float:right; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_page_next.gif) no-repeat center center; text-align:center;}
.box_left .btn_back {width:100%; height:100px; display:block; border-bottom:solid 1px #ddd; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_page_next.gif) no-repeat center center;}
.box_left .btn_back a {width:100%; height:100%; display:block;}
.box_left .banner1 {width:100%; height:90px; display:block; border-bottom:solid 1px #ddd; text-align:center; vertical-align: middle; text-indent:-1000em;}
.box_left .banner1 a {width:100%; height:100%; display:block;}


.veiw_gallery .box_center {display:block; width:765px; float:left; display:block; border-left:1px solid #ddd; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/line.gif) repeat-y right top; position:relative}
.veiw_gallery .box_center:after {content:""; display:block;clear:both;}

.veiw_gallery .box_right {display:block; width:80px; float:left; display:none;}
.veiw_gallery .box_right:after {content:""; display:block;clear:both; }

.veiw_gallery .photo_box {width:765px;display:block; clear:both; position:relative; z-index:2; border-bottom:solid 1px #ddd; margin:0px 0px 0px 0px; overflow:hidden;}
.veiw_gallery .photo_box:after {content:""; display:block;clear:both;}
.veiw_gallery .photo_l_box {width:765px; height:574px; border-bottom:solid 1px #ddd; overflow:hidden; background:#252525; display:block;}
.veiw_gallery .photo_l {width:765px;height:574px; display:block; margin:0px auto; overflow:hidden;}
.veiw_gallery .photo_box .btn {position:absolute; top:250px; left:0px; width:765px; z-index:3;}
.veiw_gallery .photo_box .btn li {display:inline-block;}
.veiw_gallery .photo_box .btn .btn_pre {float:left; margin:0px 0px 0px 20px;background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_pre.gif) no-repeat left center; width:100px; height:100px; text-indent:-1000em; cursor:pointer}
.veiw_gallery .photo_box .btn .btn_next {float:right; margin:0px 20px 0px 0px;background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_next.gif) no-repeat right center; width:100px; height:100px; text-indent:-1000em; cursor:pointer}
.veiw_gallery .photo_s_box {width:84px; height:84px; display:block; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/galley_simg_bg.gif) no-repeat center center;border-right:solid 1px #ddd; position:relative; z-index:19;}/*/imgs/office/sample_01.jpg*/
.veiw_gallery .photo_s_box:after {content:""; display:block; clear:both;}
.veiw_gallery .photo_s {width:84px; height:84px;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.1; cursor:pointer}

.veiw_gallery .photo_s_box .on {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_photo_zoom.gif) no-repeat 0px 0px; display:block; position:absolute; z-index:20; width:84px; height:84px; cursor:pointer}
.veiw_gallery .photo_s_box_div {width:765px;height:84px; display:block; clear:both; overflow:hidden; z-index:20; position:relative;}
.veiw_gallery .photo_s_box_div:after {content:""; display:block; clear:both;}
.veiw_gallery .photo_s_box_div .btn_pre { background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_pre.gif) no-repeat 0px center; width:50px; height:50px; top:15px; left:10px; display:block; position:absolute; z-index:30; text-indent:-1000em; cursor:pointer}
.veiw_gallery .photo_s_box_div .btn_next { background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_next.gif) no-repeat right center; width:50px; height:50px; top:15px; right:10px; display:block; position:absolute; text-indent:-1000em; z-index:30; cursor:pointer}


.veiw_gallery .clsBannerButton {border-top:solid 1px #ddd;width:765px;height:84px; display:block; clear:both;}
.veiw_gallery .clsBannerButton:after {content:""; display:block; clear:both;}
.veiw_gallery .clsBannerButton li {float:left; display: inline-block;width:84px; height:84px; background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/galley_simg_bg.gif) no-repeat center center;border-right:solid 1px #ddd;}
.veiw_gallery .clsBannerButton .photo_s_box { clear:both; background:url();border-right:0px; position:relative; z-index:19;}
.veiw_gallery .clsBannerButton li.fir {}
.veiw_gallery .clsBannerButton li .on {}
.veiw_gallery .clsBannerButton li.labelOverClass {font-weight:bold;}
.veiw_gallery .clsBannerButton li.labelOverClass b {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_photo_zoom.gif) no-repeat 0px 0px; display:block; position:absolute; z-index:19; width:84px; height:84px; cursor:pointer}
/*.veiw_gallery .clsBannerButton li.labelOverClass .on {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/btn_photo_zoom.gif) no-repeat 0px 0px; display:block; position:absolute; z-index:20; width:84px; height:84px; cursor:pointer}*/


.veiw_gallery .view_detail {padding:50px 20px 50px 20px; text-align:center; display:block; clear:both; font-size:12px; font-family:µ¸¿ò; color:#333333;}
.veiw_gallery .view_detail img {}
.veiw_gallery .view_detail:after {content:""; display:block;clear:both;}

/* Æ˾÷ */
.popup_open {position:relative; z-index:10000000;}
.popup_main {width:400px; height:400px; background:url(http://hongdaeoffice.cafe24.com/hh/popup/img/popup_bg.jpg) repeat 0px 0px; padding:9px; display:block; clear:both; position:relative; z-index:10000001;}
.popup_main:after {content:""; display:block;clear:both;}
.popup_main .popup_best_img {display:block; background:url(http://hongdaeoffice.cafe24.com/hh/popup/img/popup_best_img.png) no-repeat center 0px; position:absolute; top:0px; width:400px; height:80px; z-index:10000005; margin:0px auto;}
.popup_main .popup_close { width:30px; height:30px; top:0px; right:0px; position:absolute; z-index:10000006; display:block; background:#000000 url(http://hongdaeoffice.cafe24.com/hh/popup/img/popup_close.gif) no-repeat center center; overflow:hidden; text-indent:-1000em; cursor:pointer;}

.popup_main .popup_main_linebox {width:380px; height:380px; border:solid 1px #6d85d1; padding:9px; cursor:pointer;}
.popup_main .popup_main_linebox:after {content:""; display:block;clear:both;}

.popup_main .photo_box {width:380px; height:275px; display:block; clear:both; overflow:hidden; margin:0px auto;}

.popup_main .photo_box .photo_img {width:380px; height:275px;}

.popup_main .photo_box_txtbox {display:block; background:url(http://hongdaeoffice.cafe24.com/hh/popup/img/popup_title1.png) no-repeat center 0px; padding:32px 0px 0px 0px; margin:12px 0px 0px 0px; text-align:center;}
.popup_main .photo_box_txtbox .txt_b {color:#f9ed00; font-weight:bold; text-decoration:underline; font-size:14px; letter-spacing:-0.05em;}
.popup_main .photo_box_txtbox .txt {color:#ffffff; font-size:12px; letter-spacing:-0.05em; padding:10px 0px 3px 0px;}



/* ºäÆäÀÌÁö jq */
.box_center .photocradle_box {clear:both; display:block;}
.box_center .photocradle {width:765px; height:670px; clear:both; display:block;}
.box_center .view_photo_box { display:none;}

.sub_aboutus_box { padding-top:20px}
.sub_aboutus_box .gallery_top {background:url(http://hongdaeoffice.cafe24.com/hh/images/gallery/gonggam_top_bg.gif) no-repeat right 20px;}/**/
.sub_aboutus_box .box_center {padding:0px; margin:0px;padding-right:1px;}
.sub_aboutus_box .view_detail{background:#fff;}
.sub_aboutus_box .aboutus_top_img { text-align:center;background:#fff; padding:0px 0px 0px 0px;}
.sub_aboutus_box .aboutus_top_img img { width:80%; margin:10%;}

/* txt style */
.sub_aboutus_box .stitle { padding:0px 0px 0px 0px; width:200px; height:38px; margin-bottom:20px; margin-top:50px; line-height:20px; position:relative; z-index:3; color:#212121; font-size:17px; font-weight:bold; text-indent:0em !important; background:url(../../assets/img/common/sub_title_img.gif) no-repeat 0px bottom;  letter-spacing:-0.05em; display:block; clear:both;}
.sub_aboutus_box .stitle:after { content:''; display:block; clear:both;}

.stit { display:block; font-weight:bold; font-size:14px; margin-bottom:15px; color:#212121;}
.txt_b {font-weight:bold}
.color_y { color:#eaa603; }
.txt_mobile { display:none}
.txt_XXL_GRAY {font-size:50px; line-height:60px; font-weight:bold; color:#ddd;}
.txt_XL { font-size:28px; line-height:36px; letter-spacing:-0.05em; font-weight:bold;}
.txt_L { font-size:24px; line-height:36px; letter-spacing:-0.05em;}
.txt_M { font-size:20px; line-height:36px; letter-spacing:-0.05em;}
.txt_S { font-size:16px; line-height:22px; color:#555;}
.txt_SS { font-size:14px; }

/* location */
.location_map { height:500px; width:100%; padding:20px 0px 0px 0px;}
.location_con1 {background:url(../../assets/img/contents/location_con1.gif) no-repeat 20px 80px; width:100%; height:250px;}
.location_con2 {background:url(../../assets/img/contents/location_con2.gif) no-repeat 20px 0px; width:100%; height:200px; position:relative;}
.location_adress { position:relative; height:100px;}
.location_map_btn { position:absolute; top:100px; left:0px;}
.btn_location { width:160px; height:38px; line-height:38px; float:left;}
.btn_location2 { background:#6dbe1b; width:160px; height:38px; line-height:38px; float:left; margin-left:20px;}
.map_iframe {border:0px none;border:1px solid #cecece; width:100%; height:500px; display:block; clear:both;}