/* #Tablet (Portrait)
================================================== */


/* Note: Design for a width of 768px */
@media only screen and (min-device-width:851px) and (max-device-width: 1024px) {

#container{width:100%; padding:0px; margin:0px;}
#header {width:100%;height:auto; padding:0px; margin:0px;}
#header #box {width:100%;height:auto; padding:0px; margin:0px;}
#main {width:100%; padding:0px; margin:0px;}
#main #box {width:100%; padding:20px 0px 10px 0px;}
.content {width:100%; padding:0px; margin:0px;}
.content .box {width:100%;padding:0px 0px 0px 0px;}
#footer {width:100%;padding:10px 0px 10px 0px;}
#footer #box {width:97%; padding:0px 0px 0px 2%;height:auto;}
#footer .extension li{left:-10px; border-left:1px solid #222; padding:0 5px 0 10px; color:#aaa; display:inline;line-height:12px; font-weight:100;}
/*
#footer .customer {color:#999; font-size:20px; line-height:20px; float:none; padding:12px 0px 15px 0px; letter-spacing:0em;width:150px; height:37px; background-image:url(http://hongdaeoffice.cafe24.com/bb/images/footer/customer.gif); background-repeat:no-repeat; background-position:0px 0px; background-size:150px 37px; clear:both; margin-left:0px;}*/
#footer .customer {color:#999; font-size:20px; line-height:20px; float:none; padding:12px 0px 15px 0px; letter-spacing:0em;width:150px;clear:both; margin-left:0px;}
#footer .customer_pc {display:none}
#footer .customer a {width:100%; height:100%; overflow:hidden;}

#footer .customer1 { display:block;float:right;}
#footer .customer2 { display:block; float:right;}
#footer .customer2 a {font-size:11px;line-height:30px; color:#888; display: inline-block; float:left; padding:0px 10px 0px 15px;}
#footer .customer1 a {font-size:24px;line-height:30px; display: inline-block ; float:left; color:#0db5ca;padding:0px 15px 0px 0px; letter-spacing:0em;}
.footer_map { display:none}
#footer div { letter-spacing:-0.05em;}


/*탑메뉴*/
.topmenu_box {width:350px;}
.topmenu_box ul {padding:25px 0px 14px 0px;}
.topmenu_box .topmenu1 {width:120px;}


/* Body Extension */
.content .title {height:50px; display:block; background:#050505; font-size:22px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; /*font:22px "NanumGothic", "NanumGothicExtraBold";*/ 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:-80px;width:88px}
.content .title_box_title {width:88px; height:88px; display:block; clear:both;background:#000 url(http://hongdaeoffice.cafe24.com/bb/images/title_cate_bg.gif) no-repeat 0px 0px; }
.content .title_box_stitle {width:88px; height:23px; line-height:18px; display:block; clear:both; color:#dddddd; font-weight: bold; text-align:center;background:#000}


.content .content_list dl {position:relative; width:200px; height:255px; margin:0px 20px 0px 20px; display:block; clear:both; background:#ffffff;}

.content .content_list dt {width:200px; height:218px; background:#ffffff; display:block; overflow:hidden;}

.content .content_list dt .img_box {width:200px; height:218px;}
.content .content_list dt li {width:200px; height:218px;}
.content .content_list dt .img {width:200px; height:218px;}
.content .content_list dd {width:184px; height:14px; line-height:14px; padding:13px 8px 10px 8px; z-index:10; background:#000; color:#eee;filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.15; overflow:hidden; cursor:pointer;}

.content .content_list dd .div {padding:10px 10px 10px 10px;}

.content .content_list .btn_slide {width:175px; height:35px; padding:0px; z-index:12; top:110px; left:15px; position:absolute;}

.content .content_list .list_bottom_stxt {width:188px; 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/bb/images/list/icon_re.gif) no-repeat 25px 9px; overflow:hidden;}
.content .content_list .slide_box {width:200px; height:255px;}

}


/*@media only screen and (min-device-width: 768px) and (max-device-width: 850px) @media only screen and (max-width:850px) {{}*/
/* Layout */
@media all and (min-width:0px) and (max-width:850px) {
	
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 { font-size:13px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; font-weight:100}
		
		
*{margin:0;padding:0; font-family: NG, ng, 맑은고딕, 돋움, 굴림; -webkit-text-size-adjust:none; letter-spacing:0em; font-size:13px;}
body{color:#000;word-wrap:break-word;word-break:break-all; font-weight:100}

html { width:100%; height:100%;}
*html { width:100%; height:100%;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address { 
	margin:0px;
	padding:0px; font-size:13px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; font-weight:100
}	
	
	
#wrap{background:url();}
#container{width:100%;padding:0px; margin:0px;}
#header {width:100%;height:auto;padding:0px; margin:0px;}
#header #box {width:100%;height:auto;padding:0px 0px 0px 0px;}
#main {width:100%; min-height:380px;padding:0px; margin:0px;}
#main #box {width:100%; padding:20px 0px 0px 0px;background:#fbfbfb;}

.site_infotxt {overflow:hidden; text-indent:-1000em}

.content {width:100%;padding:0px; margin:0px;}
.content .box {width:100%;padding:0px 0px 0px 0px;padding:0px; margin:0px;}


#footer {width:100%;padding:10px 0px 0px 0px;}
#footer #box {width:100%; padding:0px 0px 0px 0px;height:110px; font-size:12px;}
#footer .extension li{left:-10px; border-left:1px solid #222; padding:0 5px 0 10px; color:#aaa; display:inline;line-height:13px; font-weight:100; font-size:12px;}
#footer .address {margin:5px 0px 0px 0px; color:#c1c1c1;  background:url() no-repeat 0px 0px; padding:0px 0px 8px 20px;line-height:14px; font-size:11px; width:auto}/*/doro/images/footer/icon_footer.gif*/
#footer .address p { color:#c1c1c1; font-size:11px;}
#footer .address div { color:#c1c1c1; font-size:11px;}
#footer .address span {color:#c1c1c1 !important;display:block; clear:both; padding:0px 0px 5px 0px; font-size:11px;}
/*
#footer .customer { float:none;color:#fff; font-size:20px; line-height:20px; padding:0px 0px 0px 10px;letter-spacing:0em;height:30px; width:95%; clear:both; margin-left:20px;overflow: hidden;background:url() no-repeat 0px 0px; display:block}
#footer .customer1 {background:url() no-repeat 0px 0px; width:100%; height: auto; float: none; display: block}
#footer .customer2 {display:none}
*/
#footer .customer {color:#fff; font-size:22px; line-height:30px; padding:10px 0px 13px 0px; letter-spacing:0em;width:100%; height:30px; margin-left:0px;overflow:hidden; text-indent:0em; display:block;}
#footer .customer_pc {display:none;float:right;}
#footer .customer1 { display:block;float:right;}
#footer .customer2 { display:block; float:right;}
#footer .customer2 a {font-size:11px;line-height:30px; color:#888; display: inline-block; float:left; padding:0px 10px 0px 15px;}
#footer .customer1 a {font-size:24px;line-height:30px; display: inline-block ; float:left; color:#0db5ca;padding:0px 15px 0px 0px; letter-spacing:0em;}


#header { padding-top:0px;background:#353535;}
#header { height:auto; width:100%; display:block; text-align:left;}
.left_box_toggle { display:block; top:5px; left:4px;}
.right_box_toggle { display:block; top:5px; right:4px;}
#left-menu{overflow:scroll; overflow:hidden;}
#right-menu{overflow-y:scroll; overflow:hidden;}

/*탑메뉴*/
.topmenu_box {width:220px; height:115px; float:none; clear:both;}
.topmenu_box ul {padding:10px 0px 0px 0px;}
.topmenu_box .topmenu1 {width:100px; float:left; font-weight:100;}
.topmenu_box .topmenu1 a {line-height:23px; height:23px;font-size:13px; padding:1px 0px 0px 10px; width:90px;font-weight:100;}
.topmenu_box .topmenu2 a {width:95px;font-size:13px; line-height:18px; height:18px; padding:1px 0px 0px 10px;font-weight:100;}
.topmenu_box .topmenu2 {border-left:solid 0px #212121; float:left; display:block; font-weight:100;}
.topmenu_box .ly_menu {position:absolute; top:0px; left:100px; z-index:100; background:#222; width:100px; height:auto; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; z-index:9999999;}
.topmenu_box .ly_menu ul {margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;height:110px;}
.topmenu_box .ly_menu li a {font-size:12px; line-height:18px; height:18px; padding:0px 0px 0px 10px; width:95px; font-weight:100;}
.topmenu_box .ly_menu li {font-size:12px;}


/*로고*/
#header .top_center_real {width: auto; 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 {top:5px;left:0px; position:relative; width:100%; height:35px; display:block; clear:both; padding:6px 0px 0px 0px; float:left;}
#header .logo a {width:160px; height:40px;background:url(http://hongdaeoffice.cafe24.com/bb/images/top/logo_box_real_m1.png) no-repeat left center;width:160px; height:35px;background-size:cover; margin:0px auto;}


/* navi */
.nav_real { padding:3px 0px 0px 0px; display:block; clear:both; min-height:35px; width:100%; margin:0px auto;background:#353535; }
/*.nav_real li {display:block; float:left; text-align:left; position:relative; width:52%; padding:0%;}*/
.nav_real .left {display:block; float:left; text-align:left; position:relative; width:50%; padding:0 0 0 0%;}
.nav_real .nav_real_menu { display:block; clear:both; text-align:left; position:relative; width:100%; margin:0px auto;}
.nav_real .nav_real_menu li { display:block; width:33%; padding-right:0px; padding:0px 0% 0px 0%;}
.nav_real .right {float:left;width:45%; padding:0 0 0 5%; padding-left:0;}
.nav_real .center_logo_size {width:0px; display:none}
.nav_real .right .nav_real_menu li { display:inline-block; float:left; text-align:left; position:relative; width:auto; width:30%;padding:0px 1.5% 0px 1.5%;}

.nav_real .nav_real_menu a {display:block; width: auto; text-align:left;}
.nav_real .nav_real_menu dt {padding:0px 0px 0px 0px;}
.nav_real .nav_real_menu dt a {line-height:16px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; border-bottom:solid 0px #fff; font-weight:bold; width:auto;min-width:45px; display:block; height:31px; color:#fff; padding:18px 0px; text-align:center; font-size:13px; text-align:center;}
.nav_real .nav_real_menu dt span {display:block;}
.nav_real .right .nav_real_menu dt a {padding:18px 0px;}
/* letter-spacing:-0.05em;-webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; background:#666; */
.nav_real .nav_real_menu dt a:hover { color:#0db5ca; }

.nav_real .nav_real_menu dd a { font-size:12px; font-weight:100; line-height:21px; height:21px; color:#333; font-family: NG, ng, 맑은고딕, 돋움, 굴림; display:none;}
.nav_real .nav_real_menu dd a:hover { color:#0db5ca; }


.aside_menu { padding:0px 0px 0px 0px;}
.aside_menu .nav_real { padding:10px 0px 10px 0px; display:block; clear:both; min-height:inherit; width:75%; margin:0px auto; background:; background-color:transparent; }
.aside_menu .nav_real li {display:block; float: none; text-align:left; position:relative;}
.aside_menu .nav_real .nav_real_menu { display: block; clear:both; text-align:left; position:relative; width: 170px; margin:0px auto; padding-left:0px; padding-right:0px;}
.aside_menu .nav_real .nav_real_menu li { display:block; width: inherit; padding-right:0px;}
.aside_menu .nav_real .right {float: none;}
.aside_menu .nav_real .center_logo_size {width:0px; display:none}
.aside_menu .nav_real .right .nav_real_menu li { display:inline-block; float: none; text-align:left; position:relative; width: auto; padding-left:0px; padding-right:0px;}

.aside_menu .nav_real .nav_real_menu a {display:block; width:100%; text-align:left;}
.aside_menu .nav_real .nav_real_menu dt { padding:5px 0px 1px 0px; display:block; clear:both; width:100%;}
.aside_menu .nav_real .nav_real_menu dt a { font-weight:bold; line-height:24px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; border-bottom:solid 0px #333; width:170px; height: auto; color:#fff; padding:5px 0px 0px 0px; text-align:left; font-size:15px;}
/* letter-spacing:-0.05em;-webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; background:#666; */
.aside_menu .nav_real .nav_real_menu dt a:hover { color:#0db5ca; }

.aside_menu .nav_real .nav_real_menu dd a { font-size:14px; font-weight:100; line-height:21px; height: auto; color:#ddd; font-family: NG, ng, 맑은고딕, 돋움, 굴림; display: block; padding:0px 0px 0px 0px; display:block; clear:both}
.aside_menu .nav_real .nav_real_menu dd a:hover { color:#0db5ca; }
.aside_menu .nav_real .nav_real_menu dt span { display: inline-block;}
.aside_menu .nav_real_menu_sub2 { display:none;}

.aside_menu .nav_real .nav_real_menu_01 { display:none; }


/* main_top_box */
.main_top_box {display:block; clear:both; padding:30px 0px 30px 0px;}
.main_top_box ul {display:table; margin:0px auto;}
.main_top_box li {display:block; float:left; width:100px; height:100px; margin:0px 5px 0px 5px;}

/*검색*/
.top_search {width:240px; height:45px; padding:0px; display:block; float:none; border-left:solid 0px #d1d1d1; position: relative;background:#333; padding:0px; margin:5px;}/*/images/top/top_search_input_left.png*/
.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:100%; padding:0px 0px 0px 0px;}
.top_search_box .top_search_input input {color:#fff;width:240px; height:45px; line-height:45px; font-family: NG, ng, 맑은고딕, 돋움, 굴림; font-weight:bold; font-size:15px;background:#333; border:0px none; padding:0px; display:block; padding:0px 0px 0px 5px;}
.top_search_box .top_search_btn { float:left; display:inline}
.top_search_box .top_search_btn input {width:42px; height:42px; top:0px; right:0px; display:block; position:absolute; display:block; text-indent:-1000em; background:#333 url(http://hongdaeoffice.cafe24.com/bb/images/top/top_right_btn_search.png) no-repeat center center; background-size:40px 40px; border:0px none; cursor:pointer}

#header_search {padding:0px; margin:0px; width:100%; display:block; clear:both; color:#333; background:#f8f8f8 url(http://hongdaeoffice.cafe24.com/bb/images/gallery/bg_diagonal.gif) repeat 0px 0px; height:45px; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; display:none}
#hearder_search_box {width:100%; margin:0px auto; display:block; padding:0px 0px 0px 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; height:45px; top:0px; left:20px; line-height:45px; font-size:13px; display:none}
#container{display:block; clear:both; width:100%; padding:108px 0px 0px 0px; margin:0px;}

.main_icon_list .icon_best {width:100px; height:70px;}
.main_icon_list .icon_hot {width:100px; height:70px;}
.main_icon_list .icon_new {width:100px; height:70px;}
.main_icon_list .icon_soldout {display:block; background:#3CC; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/bb/images/main/icon_soldout3.png) no-repeat center center; top:0px; left:0px; position:absolute; width:160px; height:120px;}
/* 20190324_soldout 이미지변경 
.main_icon_list .icon_soldout {display:block; background:#3CC; text-indent:-1000em; background:url(http://hongdaeoffice.cafe24.com/bb/images/main/icon_soldout.png) no-repeat center center; top:0px; left:0px; position:absolute; width:160px; height:120px;}


/*리스트*/
.content .content_list li {width:174px; height:189px; padding:0px 0px 0px 0px;}
.content .content_list dl {width:160px;height:154px;margin:0px 0px 0px 13px;}
.content .content_list dt {width:160px; height:120px;}
.content .content_list dt .slide_box {width:160px; height:120px;}
.content .content_list dt .slide_box a { cursor:none;}
.content .content_list dt .img {width:160px; height:120px} /*이미지사이즈*/
/*.content .content_list dd {width:146px; height:10px; line-height:10px; padding:13px 2px 10px 2px; z-index:10; bottom:0px; position:absolute; background:#000; color:#eee; font-size:0.8em;filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.15; overflow:hidden; cursor:pointer;}*/
.content .content_list dd {width:155px; height:20px; line-height:20px; padding:5px 0px 5px 5px; z-index:10; bottom:0px; position: relative; background:#000; color:#eee; filter:alpha(opacity=85); opacity:0.85; -moz-opacity:0.15; overflow:hidden; cursor:pointer; font-size:11px; letter-spacing:-0.1em; text-align:left; font-weight:100;}
.content .content_list dd .txt_b {color:#fff; line-height:10px; height:10px; font-weight:100; font-size:11px; letter-spacing:-0.1em; font-weight:100;}
.content .content_list dd .txt {padding:0px 0px 0px 2px; margin:0px;color:#ff9d10; line-height:10px; height:10px; background:url() no-repeat 0px 3px; letter-spacing:-0.1em; font-weight:100; font-size:11px;}/*/images/list/txt_line.gif*/
.content .content_list dd .txt2 {padding:0px 0px 0px 2px; margin:0px;color:#ddd; line-height:10px; height:10px; background:url() no-repeat 0px 3px; letter-spacing:-0.1em; font-weight:100; font-size:11px;}
.content .content_list dd .div {padding:5px; font-size:12px; font-weight:100;}
.content .content_list dd span {font-size:11px; font-weight:100;}
.content .content_list .list_bottom_stxt {width:160px; height: auto; line-height:auto; text-align:center; color:#999999; margin:0px 0px 0px 13px; padding:0px 0px 0px 0px; background:url() no-repeat 25px 9px; text-align:left; line-height:13px; letter-spacing:-0.05em; float:none;font-size:11px; letter-spacing:-0.1em;}
.content .content_list .list_bottom_stxt .strong {color:#111; font-weight:100;font-size:11px; letter-spacing:-0.1em;}
.content .content_list .list_bottom_stxt_line {padding:0px 2px 0px 2px; color:#ddd; letter-spacing:-0.1em;}
.content .content_list .btn_link {width:35px; height:35px; padding:0px; z-index:200; top:0px; right:0px; position:absolute;}
.content .content_list .btn_link a {filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.3; background-color:#000; background-image:url(http://hongdaeoffice.cafe24.com/bb/images/list/btn_link2.gif); background-size:25px 25px;width:35px; height:35px;background-repeat:no-repeat; background-position:center center }


/*리스트페이지_타이틀(왼쪽레이어)*/
.content .title {height:40px; width:100%; clear:both; display:block; background:#050505; font-size:14px; color:#fff; line-height:20px; text-align:center; position:relative; margin:0px; padding:0px;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.1;}

.content .title_box {position:relative; z-index:5; top:0px; left:0px;width:100%; height:30px; display:block;clear:both; padding:2px 0px 4px 0px;background:url(http://hongdaeoffice.cafe24.com/bb/images/title_mobile_line.gif) repeat-x center 10px;}

.content .title_box .title_box_tit {width: 120px;height:16px; display: table; margin:0px auto; background:#fbfbfb url() no-repeat center center; text-align:center; font-size:15px; font-weight:bold; color:#888; padding:0px; line-height:16px; letter-spacing:-0.05em;border:solid 0px #3b3b3b;} 
.content .title_box br { float:left; display:none;}
.content .title_box_stitle {width:100%; height:20px; padding:0px 0px 8px 0px; line-height:18px; display: inline-block; clear: both;float: left; color:#ccc; background:#fbfbfb;/*background:#fff;*/ text-align:center; font-weight: 100; font-size:12px; display: block;}


/*뷰페이지*/

.veiw_gallery .box {position: relative; background:#fff;}
.veiw_gallery .box_center {position: static;}
.box_center {position: relative;clear:both; display:block; background:#fff;}
.box_center .photocradle_box {clear:both; display:block; display:none; position: absolute; height:0px}
.box_center .photocradle_box .photocradle {width:0px;height:0px;position: absolute; top:-2000px; left:-2000px; z-index:0; display:none}
.box_center .photocradle_box .photocradle div, .box_center .photocradle_box .photocradle li, .box_center .photocradle_box .photocradle a {display:none; z-index:0;width:0px;height:0px;position: absolute; top:-2000px; text-indent:-1000em;}
.box_center .view_photo_box { display: block; clear:both; width:100%; margin:0px auto;}
.box_center .view_photo_box img { display: block; width:100%; height: auto; margin:5px 0px 0px 0px;}
.box_center .view_photo_box .view_products_img {display: block; width:100%; height:auto; margin:4px auto; background-repeat:no-repeat; background-position:0px 0px; background-size:cover;}
/*gallery*/


.gallery_top {display:block; clear:both; width:100%; height:270px; padding:25px 0px 0px 0px; margin:0px auto 0px auto; position:relative; z-index:1000; background:#fff;}

.gallery_top .gallery_title {display:block; width:100%; height:80px; padding:0px 0px 0px 0px; float:none; top:10px; position:absolute;}
.gallery_top .gallery_title .view_cate {display:block; width:200px; margin:0px auto; padding:5px 0px 12px 0px; text-align:center;}
.gallery_top .gallery_title .view_cate img {width:150px; height:45px;}
.gallery_top .gallery_title .view_title {height:27px; line-height:27px; margin:0px auto; background:#000; font-weight:100;}
.gallery_top .gallery_title .view_title td {height:27px; line-height:27px; padding:1px 15px 0px 15px; background:#000; text-align:center; color:#fff; font-size:13px; font-weight:100; margin:0px auto;}
.view_title_detailtxt {padding:5px 5px 0px 0px; font-size:12px;}
.view_title_str_pflag { text-align:center; font-size:30px; color:#000; font-weight:bold;}


.gallery_top .map_box {display:block; width:300px; height:110px; padding:0px 0px 0px 0px; float:none; background-image:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/map_ex.jpg); background-repeat:no-repeat; background-position:center center; border:solid 1px #ddd; margin:100px auto 0px auto; position:relative}
.gallery_top .map_box:after {content:""; display:block; clear:both;}
.gallery_top .map_box .text_box {display:block; width:220px; height:40px; padding:10px 0px 10px 0px; background:#000;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.2;  text-align:center; margin:0px auto 0px auto; position:absolute; top:25px; left:40px;}
.gallery_top .map_box .text_box dt {color:#fff; font-weight:100; font-size:13px; line-height:20px; font-weight:100;}
.gallery_top .map_box .text_box dd { color:#aaa; font-size:13px;line-height:20px; font-weight:100;}

.gallery_top .top_right {width: auto; display:table; float:none; padding:11px 0px 0px 0px; clear:both; margin:0px auto;}
.gallery_top .top_right li img {margin:0px 10px 0px 0px;}
.gallery_top .top_right li {background:url();font-size:13px;}
.gallery_top .top_right li span {font-size:14px;}
.gallery_top .top_right li a {font-size:14px; font-weight:bold;font-size:16px;}
.gallery_top .top_right li.people {line-height:26px; float:left; font-weight:0;}
.gallery_top .top_right li.tell {letter-spacing:-0.05em; line-height:26px; float:left; font-weight:0;font-size:15px;}
.gallery_top .top_right li.num {padding:0px; line-height:26px; clear:both;}
.gallery_top .top_right li .icon_people {background:url() center left no-repeat; padding:0px;}
.gallery_top .top_right li .icon_tell {background:url() center left no-repeat; padding:0px 0px 0px 10px;}
.gallery_top .top_right li .txt_num {color:#f04a01;padding:0px 0px 0px 0px; font-weight:0;}
.gallery_top .top_right li .line {color:#999; padding:0px 6px}

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


/* 회사소개 */
.sub_aboutus_box { padding:0px;}
.sub_aboutus_box .gallery_top {background:url() no-repeat right 0px; background-size: 200px 70px;} /*../images/gallery/gonggam_top_bg.gif*/
.sub_aboutus_box .gallery_top .gallery_title {display:block;}
.sub_aboutus_box .gallery_top .map_box {margin:100px auto 0px auto;}

.sub_aboutus_box .veiw_gallery .box_left .option {display:block; clear:both; width:80%; border:0px none; margin:0px auto; position:relative; padding:0px 0px 30px 0px; text-align:center}
.sub_aboutus_box .veiw_gallery .box_left .option .option_td {width:100%; background:url() repeat-x 0px top; padding:0px 0px 0px 0px; line-height:20px; color:#999;display:block;margin:20px auto 0px auto; clear:both;}
.sub_aboutus_box .veiw_gallery .box_left {display:block;width:95%; margin:0px auto;float: none; padding:0px 0px 0px 0px; clear:both;}

.sub_aboutus_box .veiw_gallery .box_left .option .option_td dt {width:85px;  line-height:27px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px;letter-spacing:0em; font-weight:100; color:#222;background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom;}
.sub_aboutus_box .veiw_gallery .box_left .option .option_td dd {width:180px; line-height:27px; display:inline-block; float:left; text-align:left; padding:0px 0px 0px 0px; color:#222; background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom; margin-left:20px}

.sub_aboutus_box .veiw_gallery .box_left .option .option_tit .tit { display: block;  width:90px;  height:90px;  background-color:#555; background-image:url();  background-size: cover;  background-repeat: no-repeat;  background-position: center center;  -webkit-border-radius:90px;  -moz-border-radius:90px;  border-radius:90px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);letter-spacing:0em; font-weight:100; text-align:center; font-size:15px; vertical-align:middle; clear: inherit; float:left; line-height:90px; color:#fff; position: relative; top:-20px; left:0px; margin:0px auto}

.sub_aboutus_box .veiw_gallery .box_left .option .option_tit{ display: block;  width:90px; height:60px; margin:0px auto 0px auto}


/*뷰페이지 left*/
.veiw_gallery {display:block; clear:both; width:100%; height: inherit; margin:0px; border:0px none;}/* 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:100%; margin:0px auto; border-left:0px; position:relative;}
.veiw_gallery .box:after {content:""; display:block; clear:both;}
.veiw_gallery .box_left {display:block;width:100%;float: none; padding:30px 0px 0px 0px}/*뷰페이지 사진여백*/
.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:30px; line-height:30px; clear:both; 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:92%; border:0px none; margin:0px auto; position:relative; padding:0px 0px 26px 0px;}
.veiw_gallery .box_left .option .option_tit {width:62px; height:80px;background:url() repeat-x 0px 0;  line-height: inherit; letter-spacing:0.5em; font-weight:bold; position:absolute; top:6px; left:2px;}
.veiw_gallery .box_left .option .option_tit .tit { display: block;  width:32px; height:32px; padding:7px; background-image:url(); letter-spacing:0em; font-weight:100; text-align:center; vertical-align:middle; clear:none; line-height:16px; color:#333; font-size:13px;word-wrap:break-word; border:solid 1px #333;}


.veiw_gallery .box_left .option .option_td {margin-left:69px; background:url() repeat-x 0px top; padding:0px; line-height:20px; color:#999;display:block;clear:both;}
.veiw_gallery .box_left .option .option_td dl {display:block; clear:both; position:relative; width:100%;}
.veiw_gallery .box_left .option .option_td dt {width:25%; min-width:60px; height:25px; line-height:25px; display:inline-block; float:left; text-align:left; padding:0px; background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom; letter-spacing:0em; font-weight:100; color:#222;background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom; margin-right:3%;}
.veiw_gallery .box_left .option .option_td dt:after {content:""; display:block; clear:both; }
.veiw_gallery .box_left .option .option_td dd {width:72%; height:25px; line-height:25px; display:inline-block; float:left; text-align:left; padding:0px; color:#222; background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom;}
.veiw_gallery .box_left .option .option_td dd:after {content:""; display:block; clear:both;}
.veiw_gallery .box_left .option .option_td dd b { color:#e25500;}


.veiw_gallery .box_left .option li {width:70px; height:22px; line-height:16px; display:inline-block; float:left; text-align:left; padding:0px; font-size:12px;}
.veiw_gallery .box_left .option_dl {padding:0px; display:block; clear:both;}
.veiw_gallery .box_left .option_dl:after {content:""; display:block; clear:both;}
.veiw_gallery .box_left .option_dl dt {width:30%; height:25px; line-height:25px; display:inline-block; float:left; text-align:left; padding:0px; letter-spacing:0em; font-weight:bold; color:#222;background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom;}
.veiw_gallery .box_left .option_dl dd {width:65%; height:auto; line-height:25px; display:inline-block; float:left; text-align:left; padding:0px; color:#222; background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/option_line.gif) repeat-x 0px bottom;}
.veiw_gallery .box_left .option_dl dd b { color:#e25500;}
.veiw_gallery .box_left .option .option_txt {padding:0px 0px 0px 0px; text-align:left;font-size:12px;line-height:18px;}
.veiw_gallery .box_left .option .option_txt_b {padding:3px 0px 5px 0px; text-align:left; color:#444; font-weight:bold;font-size:12px;}
/*뷰페이지 left 끝*/


.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/bb/images/gallery/bg_diagonal.gif) repeat 0px 0px; filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.3; display:none}
.box_left .box_left_navi .navi_txt {background:url(http://hongdaeoffice.cafe24.com/bb/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:85%; border:1px solid #ddd; text-align:left; padding:15px 5% 10px 5%; margin:0px auto 5px auto; background-color:#f8f8f8;} /*사람정보*/
.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 20px 0px;}
.box_left .box_left_people dd {display:block; width:220px; 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/bb/images/gallery/icon_people2.gif) no-repeat 0px 2px;}
.box_left .box_left_people dd.ic2 {background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/icon_tell2.gif) no-repeat 1px 3px;}
.box_left .box_left_people dd.ic3 {background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/icon_email2.gif) no-repeat 0px 4px;}
.box_left .box_left_people dd.ic4 {background:url(http://hongdaeoffice.cafe24.com/bb/images/gallery/icon_blog.gif) no-repeat 0px 4px; padding:0px 0px 0px 0px; width:203px;}


.veiw_gallery .txt_no {color:#999;}

.box_left .btn_page { height:120px; display:block; border-bottom:solid 1px #ddd; display:none}
.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/bb/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/bb/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/bb/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:100%; float: none; border-left:0px none; background:url() repeat-y right top; margin:0px auto; } /*border-right:1px solid #ddd;*/
.veiw_gallery .box_right {display:block; width:80px; float:left; display:none;}

.veiw_gallery .photo_box {width:100%;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:100%; height:230px; border-bottom:solid 1px #ddd; overflow:hidden; background:#252525; display:block;}
.veiw_gallery .photo_l {width:100%; height:230px; display:block; margin:0px auto; overflow:hidden;}
.veiw_gallery .photo_box .btn {position:absolute; top:250px; left:0px; width:400px; 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/bb/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/bb/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/bb/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/bb/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:100%;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/bb/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/bb/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:350px;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/bb/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/bb/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/bb/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 40px 20px; text-align:center; display:block; clear:both; font-family: NG, ng, 맑은고딕, 돋움, 굴림; color:#333333;}
.veiw_gallery .view_detail:after {content:""; display:block;clear:both;}


.view_detail img { width:95%; height:auto; display:block; clear:both;}

.category_no {height:inherit; line-height:30px; text-align:center; padding:100px 15% 0px 15%; display:block; font-size:24px; color:#bbb; font-weight:bold; font-family: NG, ng, 맑은고딕, 돋움, 굴림;}

/* 왼쪽 슬라이드 전체메뉴 */
/* layout */
#content_view { width:100%;}
.table_bottom {width:100%;}
.paging a {width:24px; height:24px;line-height:24px;font-size:12px;}
.paging .num.on {width:24px; height:24px;line-height:24px;font-size:12px;}
}

/*@media screen and (max-width:768px) {*/
@media all and (min-width:0px) and (max-width:420px) {  
.content .content_list {width:360px;}
#footer .address div span.txt_line {color:#333; text-align:center; width:14px; display: inline-block; display:none}
}

/*@media screen and (max-width:768px) {*/
@media all and (min-width:0px) and (max-width:320px) { 

/*리스트*/
.content .content_list {width:320px;}
.content .content_list li {width:154px; height:189px; padding:0px 0px 0px 0px;}
.content .content_list dl {width:140px;}
.content .content_list dt {width:140px;}
.content .content_list dt .slide_box {width:140px;}
.content .content_list dt .img {width:140px;} /*이미지사이즈*/
.content .content_list dd {width:135px;}
.content .content_list .list_bottom_stxt {width:140px;}

}