/* Author oopblog.com */
/* reset */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:18px;font-size:12px;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#616161; }
a { text-decoration:none; color:#616161}
em { font-style:normal }
input[type="text"],
input[type="password"] { font-size:12px;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-size:12px;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
/**************************************************************************************************************
공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.pd_top28 { padding-top:28px !important }
.pd_left34 { padding-left:34px !important }
.pd0 { padding:0 !important }
.mgb_0 { margin-bottom:0 !important }
.f_green01 { color:#00561f !important }
.pd_left20 { padding-left:20px !important }
.pd_left22 { padding-left:22px !important }
.mg_bot { margin-bottom:15px !important }
.mg_bot50 { margin-bottom:50px !important }
.mg_bot25 { margin-bottom:25px !important }
.txt_center { text-align:center !important }
.txt_left { text-align:left !important }
.f12 { font-size:12px !important }
.f_gray { color:#92969b !important }
.mb12 { margin-bottom:12px !important }
/* 버튼 */
.btn01 { display:inline-block; *zoom:1; *display:inline-block; vertical-align:top; height:28px; line-height:28px; background:url(../img/common/sp_btn_blue.gif) no-repeat 0 0; padding-left:4px; }
.btn01 em { display:block; background:url(../img/common/sp_btn_blue.gif) no-repeat right 0; padding-right:4px; text-align:center; }
.btn01:hover { background-position:0 -28px; color:#fff }
.btn01:hover em { background-position:right -28px }
.btn_big { display:inline-block; *zoom:1; *display:inline-block; width:110px;height:31px; line-height:31px; background:url(../img/company/btn_big.gif) no-repeat 0 0; vertical-align:top; color:#8f8f8f; font-size:13px; }
.btn_big:hover { background-position:0 -31px; color:#fff; }
/* 가로 163 버튼 */
.btn_w163 { display:inline-block; *zoom:1; *display:inline; line-height:25px; text-align:center; width:163px; height:25px; margin:0 auto; background:url(../img/company/btn_up.gif) no-repeat 0 0; color:#8f8f8f; vertical-align:top }
.btn_w163:hover { background-position:0 -25px; color:#fff; }
/* 쪽지보내기 버튼 */
.btn_msg {display:inline-block; *zoom:1; *display:inline; width:96px; height:24px; background:url(../img/common/btn_send_msg.png) no-repeat 0 0; text-indent:-9999px; vertical-align:top }
.btn_msg:hover { background-position:0 -24px }
#left_col { }
#wrap.on #left_col { position:fixed;}
#header { position:relative; height:49px; background:#595959; border-bottom:2px solid #d74a4d; }
#header h1 { position:absolute; left:15px; top:25px; font-size:0 }
#header .top_tab { position:absolute; right:320px; bottom:0; width:177px; }
#header .top_tab li { float:left; margin-left:5px; }
#header .top_tab li a { display:block; height:29px; text-indent:-9999px; }
#header .top_tab li.tab01 a { width:100px; background:url(../img/common/sp_top_btn01.gif) no-repeat 0 0; }
#header .top_tab li.tab02 a { width:67px; background:url(../img/common/sp_top_btn02.gif) no-repeat 0 0; }
#header .top_tab li a:hover,
#header .top_tab li.on a { background-position:0 -29px }
.location_tab { position:relative; height:48px; }
.location_tab .inner_box { /*padding-right:300px;*/ }
.location_tab .tab_inner { border-bottom:1px solid #ddd; background-color:#e7e7e7; height:48px }
.location_tab ul.tab { overflow:hidden; padding:9px 0 0 10px; }
.location_tab ul.tab li { float:left; margin-left:2px }
.location_tab ul.tab li:first-child { margin-left:0 }
.location_tab ul.tab li a { display:block; padding:5px 16px 6px; font-size:13px; color:#6c6c6c; background:#f3f3f3; border:1px solid #ddd; white-space:nowrap }
.location_tab ul.tab li a:hover { background:#fff; border-color:#d5d5d5; }
.location_tab ul.tab li.on a{ background:#d74a4d; color:#fff; border-color:#d74a4d }
.location_tab .user { position:absolute; right:322px; top:5px; z-index:1000 }
.location_tab .user .btn_thum { }
.location_tab .user .user_info_box { display:none; position:absolute; left:-213px; top:40px; width:301px; height:210px; padding:23px 3px 0; background:url(../img/common/bg_user_info_box.png) no-repeat 0 0; }
.location_tab .user.on .user_info_box{ display:block }
.location_tab .user .user_info_box ul { margin-bottom:17px }
.location_tab .user .user_info_box ul li { position:relative; padding:6px 0 7px 22px; border-bottom:1px solid #e5e8ed; font-size:13px; }
.location_tab .user .user_info_box ul li a { color:#515a65 }
.btn_num a { display:inline-block; *zoom:1; *display:inline; padding-left:10px; color:#505050; height:21px; background:url(../img/common/bg_num_btn.png) no-repeat 0 0; text-align:center; line-height:21px; font-size:12px; }
.btn_num a em { padding-right:10px; display:block;background:url(../img/common/bg_num_btn.png) no-repeat right 0; }
.btn_num a:hover { background-position:0 -21px; color:#fff; }
.btn_num a:hover em { background-position:right -21px; color:#fff; }
.location_tab .user .user_info_box ul li .btn_num { position:absolute; right:21px; top:5px; }
.location_tab .user .user_info_box .btn_area p { text-align:center; margin-bottom:7px }
#nav { float:left; width:260px; background:url(../img/common/bg_nav.gif) repeat-y right 0; }
#nav .nav_inner { }
#snb { padding-top:54px }
#snb .dep1>li { padding:7px 0 8px 44px; background:url(../img/common/bu_snb.gif) no-repeat 35px 16px; position:relative; border-bottom:1px solid #e8e8e8; font-size:13px; }
#snb .dep1>li:hover { background-color:#e6e6e6 }
#snb .dep1>li>a:hover { font-weight:bold }
#snb .dep1>li .ico { position:absolute; right:13px; top:9px }
#nav .left_banner_box { padding-top:15px; text-align:center; }
#nav .left_banner_box p { margin-bottom:7px }
#nav .bottom_nav { position:fixed; left:0; bottom:0; width:259px; }
#nav .bottom_nav ul.type01 { border-top:1px solid #eaeaea; padding-right:1px }
#nav .bottom_nav ul.type01 li { *zoom:1; padding:7px 0 8px 44px; background:#fbfbfb url(../img/common/bu_snb.gif) no-repeat 35px 16px; position:relative; border-bottom:1px solid #eaeaea; font-size:13px; }
#nav .bottom_nav ul.type02 { border-top:1px solid #d1d1d1; padding-right:1px}
#nav .bottom_nav ul.type02 li { *zoom:1; padding:11px 0 12px 44px; position:relative; background:#fff; border-bottom:1px solid #e8e8e8; font-size:14px; }
#nav .bottom_nav ul.type02 li:hover { background:#e6e6e6 }
/* 가운데 컨턴츠 */
#container { margin-left:260px; margin-right:300px; }
#container .container_inner { }
#content { padding:17px 17px 50px 17px; }
.table { overflow-x:auto }
.table table { width:100%; border-collapse:collapse; }
.table table td { border:1px solid #ccc; padding:10px }
/* 우측 컨텐츠 */
#right_col { z-index:100; position:fixed; right:0; top:0; width:300px; height:100%; background:#f3f3f3 url(../img/right_col/bg.gif) repeat-y 0 0; }
#right_col .top_area { height:51px; background:#213d64; }
#right_col .top_area .tab_box { float:left; padding:16px 0 0 19px; }
#right_col .top_area .tab_box ul { overflow:hidden }
#right_col .top_area .tab_box ul li { float:left; padding:0 13px 0 15px; background:url(../img/right_col/bu_top_tab_btn.gif) no-repeat 0 2px }
#right_col .top_area .tab_box ul li a { color:#fff; font-size:13px; }
#right_col .top_area .tab_box ul li a:hover,
#right_col .top_area .tab_box ul li.on a { color:#76adf1 }
#right_col .top_area .tab_box ul li:first-child { padding-left:0; background:none; }
#right_col .right_inner { height:100% }
#right_col .right_container { height:100%; overflow-y:auto;}
.srch_box { height:0; }
.srch_box .inp_box { display:none }
.srch_box.on .inp_box { display:block }
.srch_box.on { display:block; height:38px; background:#f3f3f3; padding:11px 19px 0 19px; }
.srch_box .inp_box input[type="text"]{ width:100%; height:27px; line-height:27px; border:1px solid #3f5779; }
.srch_box .btn_srch { position:absolute; right:22px; top:16px; }
/*.srch_box.on .btn_srch { margin-top:-74px; top:0; left:234px; }*/
.srch_box .btn_srch button { display:block; width:17px; height:17px; background:url(../img/right_col/btn_srch_off.png) no-repeat 0 -17px; vertical-align:top }
.srch_box .btn_srch button span { position:relative; z-index:-1; font-size:0 }
.user_btn_box { display:none; position:absolute; right:34px; top:16px }
.user_btn_box span { padding:0 9px; }
.user_btn_box span a { color:#a9b0bc }
.user_btn_box span a:hover { color:#fff }
#right_col .category_tab { height:49px; clear:both; border-left:1px solid #dedede; }
#right_col .category_tab ul li { float:left; width:50%; height:49px; text-align:center; }
#right_col .category_tab ul li a { display:block; height:49px; line-height:49px; font-size:15px; color:#999; background:url(../img/right_col/bg_category_tab_off.gif) repeat-x 0 bottom; }
#right_col .category_tab ul li.on a { color:#213d64; background:url(../img/right_col/bg_category_tab_on.gif) repeat-x 0 bottom; }
#right_col .category_tab.col3 ul li { width:33.333333% }
#right_col .category_list_box { margin-bottom:30px }
#right_col .category_list_box .list p.list_btn { position:relative; padding:8px 0; padding-left:30px; border-bottom:1px solid #e9e9e9; /*border-top:1px solid #e9e9e9;*/ background:url(../img/common/bu_snb.gif) no-repeat 21px 18px; }
#right_col .category_list_box .list.on p.list_btn { background-image:url(../img/common/bu_snb_on.gif) }
#right_col .category_list_box .list:first-child>p { border-top:0 }
#right_col .category_list_box .list p.list_btn a { color:#616161; }
#right_col .category_list_box .list p.list_btn a:hover { font-weight:bold }
#right_col .category_list_box .list p.list_btn .btn_num { position:absolute; right:18px; top:6px;}
#right_col .category_list_box .list p.list_btn .btn_num a { background-image:url(../img/common/bg_num_btn_gray.png) }
#right_col .category_list_box .list p.list_btn .btn_num a em { background-image:url(../img/common/bg_num_btn_gray.png) }
#right_col .category_list_box .list p.list_btn .btn_flip { position:absolute; top:0; right:60px; width:35px; height:35px; background:url(../img/right_col/btn_category_flip.png) no-repeat 0 0; text-indent:-9999px }
#right_col .category_list_box .list p.list_btn .btn_flip:hover,
#right_col .category_list_box .list.on p.list_btn .btn_flip { background-position:0 -35px }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 { position:relative; padding:8px 0; padding-left:40px; border-top:1px solid #ddd; background:#e7e7e7 }
#right_col .category_list_box .list_dep2:first-child p { border-top:0 }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 a { color:#616161; }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 a:hover { font-weight:bold }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 .btn_num { position:absolute; right:18px; top:6px;}
#right_col .category_list_box .list_dep2 p.list_btn_dep2 .btn_num a { background-image:url(../img/common/bg_num_btn_dep2.png) }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 .btn_num a em { background-image:url(../img/common/bg_num_btn_dep2.png) }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 .btn_flip { position:absolute; top:0; right:60px; width:35px; height:35px; background:url(../img/right_col/btn_category_flip.png) no-repeat 0 0; text-indent:-9999px }
#right_col .category_list_box .list_dep2 p.list_btn_dep2 .btn_flip:hover,
#right_col .category_list_box .list_dep2.on p.list_btn_dep2 .btn_flip { background-position:0 -35px }
#right_col .category_list_box .list_dep3 { display:none }
#right_col .category_list_box .list_dep3 ul { overflow:hidden; border-bottom:1px solid #ededed; background:#f9f9f9; border-left:1px solid #dedede }
#right_col .category_list_box .list_dep3 ul li{ float:left; width:20%; height:40px; text-align:center; position:relative; }
#right_col .category_list_box .list_dep3 ul li>a { display:block;border-left:1px solid #ededed; height:29px; padding-top:11px; }
#right_col .category_list_box .list_dep3 ul li>a:hover { font-weight:bold}
#right_col .category_list_box .list_dep3 ul li:first-child a { border-left:0; }
#right_col .category_list_box .list_dep3 ul li .add_num { display:none; position:absolute; right:10px; top:8px; }
#wrap.on #right_col .category_list_box .list_dep3 ul li .add_num { display:block }
#right_col .category_list_box .list_dep3 ul li .add_num a { display:block; width:60px; height:23px; background:url(../img/common/sp_add_num.png) no-repeat 0 0; }
#right_col .category_list_box .list_dep3 ul li .add_num a em { display:block; padding-left:19px; padding-top:1px }
#right_col .category_list_box .list_dep3 ul li .add_num a:hover,
#right_col .category_list_box .list_dep3 ul li .add_num.on a { background-position:0 -23px; color:#fff; }
#right_col .category_list_box .list_dep3 ul li .btn_del { display:none; position:absolute; right:3px; top:9px; width:21px; height:21px; background:url(../img/common/btn_category_del.png) no-repeat 0 0; text-indent:-9999px; padding:0; border:0; }
#wrap.on #right_col .category_list_box .list_dep3 ul li .btn_del { display:block }
#right_col .category_list_box .list_dep3 ul li .btn_del:hover { background-position:0 -21px }
#right_col .category_list_box .list_dep3 ul li .keyword { position:absolute; right:10px; top:6px; height:auto; padding-top:0; border-left:0 }
#right_col .category_list_box .list.on p.list_btn a { color:#213d64; font-size:13px }
#right_col .category_list_box .list_dep2.on .list_dep3 { display:block }
#right_col .category_list_box .list .list_dep2_box { display:none }
#right_col .category_list_box .list.on .list_dep2_box { display:block }
#right_col .category_list_box .list_dep2.on .list_dep3 { display:block }
#right_col .category_list_box .list p.list_btn .keyword2 { margin-left:10px }
/* 업체 */
#right_col .category_list_box .list .txt_info_box { padding:10px 0 10px 35px; background:#e7e7e7 }
#right_col .category_list_box.company_info .list p.list_btn .btn_flip { right:10px }
.man_info { position:relative; padding-top:30px; min-height:185px; border-bottom:1px solid #dadada }
.man_info .man_thum { width:270px; margin:0 auto; text-align:center; }
.man_info .man_thum .thum { margin-bottom:16px }
.man_info .man_thum .name { font-size:17px; color:#636363; line-height:20px; }
.man_info .man_thum .name span { color:#373b3d; font-size:20px; font-weight:bold }
.man_info .right_btns { position:absolute; right:20px; top:162px }
.man_info .right_btns .num { color:#1b6592; padding-right:6px }
.man_info .right_btns .msg_box { display:inline-block; *zoom:1; *display:inline; position:relative; vertical-align:top }
.man_info .left_box { position:absolute; left:20px; top:162px; font-size:18px; color:#666; }
.man_info .right_btns .sns_btn { display:inline-block; *zoom:1; *display:inline; padding-left:18px; }
.man_info .right_btns .sns_btn span { padding-left:4px }
.man_info .right_btns .sns_btn span:first-child { padding-left:0 }
.man_info.com_info { padding:17px 0 0 19px; min-height:72px }
.man_info.com_info .com_name { line-height:35px; font-size:18px; color:#373b3d; }
.man_info.com_info .com_photo_num { color:#848484 }
.man_info.com_info .right_btns { top:47px }
.man_info .msg_layer_pop { display:none; position:absolute; right:-10px; top:26px; width:514px; height:596px; background:url(../img/company/bg_msg_layer.png) no-repeat 0 0; z-index:30 }
.man_info .msg_box.on .msg_layer_pop { display:block }
.man_info .msg_layer_pop .tit { line-height:47px; padding-top:13px; text-align:center; font-size:19px; font-weight:bold; color:#515a65; }
.man_info .msg_layer_pop .msg_cont { padding:0 3px; }
.man_info .msg_layer_pop .msg_cont .desc { padding:16px 24px; color:#82868c; border-bottom:1px solid #e5e8ed; }
.man_info .msg_layer_pop .sort_cont { padding:17px 24px; border-bottom:1px solid #e5e8ed }
.man_info .msg_layer_pop .sort_cont dl { margin-bottom:12px; overflow:hidden; }
.man_info .msg_layer_pop .sort_cont dl dt { float:left; width:62px; background:url(../img/company/bu_msg_sort.gif) no-repeat 0 8px; padding-left:7px; font-size:13px; color:#58606c; }
.man_info .msg_layer_pop .sort_cont dl dd { color:#4d5259 }
.man_info .msg_layer_pop .man_info .msg_layer_pop .sort_cont dl dd label { padding-left:13px }
.man_info .msg_layer_pop .comm_write_cont { padding:14px 23px 20px; border-bottom:1px solid #e5e8ed }
.man_info .msg_layer_pop .comm_write_cont textarea { width:100%; height:164px; background:#f8f8f8; border:1px solid #e8e8e8; overflow-y:scroll; resize:none; }
.man_info .msg_layer_pop .comm_write_cont .txt_area { margin-bottom:18px }
.man_info .msg_layer_pop .comm_write_cont .etc_list { background:url(../img/company/bu_msg_sort.gif) no-repeat 0 8px; padding-left:7px; font-size:13px; color:#58606c; }
.man_info .msg_layer_pop .msg_btns { text-align:center; padding-top:14px }
#right_col .category_list_box.bookmark .list_dep3 ul li .add_num { right:28px }
#right_col .select_tit_box { height:32px; background:#fdfdfd; border-top:1px solid #cecece; border-bottom:1px solid #cecece; position:relative; border-left:1px solid #dedede;}
#right_col .select_tit_box .tit { padding:7px 0 0 16px; font-size:14px; color:#373b3d; }
#right_col .select_tit_box .btn_selector { position:absolute; right:26px; top:7px; }
#right_col .select_tit_box .btn_selector a { color:#797979; }
#right_col .select_tit_box .btn_selector .select_more_box { display:none; position:absolute; right:-23px; top:20px; width:307px; padding-bottom:12px; background:url(../img/right_col/bg_select_more_box_bottom.png) no-repeat 0 bottom; z-index:2000 }
#right_col .select_tit_box .btn_selector .select_more_box .inner_box { background:url(../img/right_col/bg_select_more_box_top.png) no-repeat 0 0; padding:23px 3px 0; }
#right_col .select_tit_box .btn_selector .select_more_box .inner_box .more_tit { height:30px; line-height:30px; padding-left:13px; background:#e7edf3; margin-top:8px }
#right_col .select_tit_box .btn_selector .select_more_box .inner_box .key_list { padding:12px 13px; border-bottom:1px solid #e5e8ed; overflow:hidden }
#right_col .select_tit_box .btn_selector .select_more_box .inner_box .key_list li { float:left; margin-left:20px; }
#right_col .select_tit_box .btn_selector .select_more_box .inner_box .key_list li:first-child { margin-left:0 }
#right_col .select_tit_box.on .btn_selector .select_more_box { display:block }
#right_col .pro_list_box .list { min-height:54px; border-bottom:1px solid #d9d9dc; position:relative }
#right_col .pro_list_box .list .thum { position:absolute; left:17px; top:8px; }
#right_col .pro_list_box .list .pro_info { padding:12px 0 0 65px; }
#right_col .pro_list_box .list .pro_info span { display:block; font-size:10px; color:#7d7f87; }
#right_col .pro_list_box .list .pro_info .name { font-size:12px; color:#55585e; }
#right_col .pro_list_box .list .btn_msg { position:absolute; right:19px; top:12px; }
#right_col .pro_list_box .list .btn_msg a { display:block; width:96px; height:24px; background:url(../img/common/btn_send_msg.png) no-repeat 0 0; text-indent:-9999px }
#right_col .pro_list_box .list .btn_msg a:hover { background-position:0 -24px }
#right_col .pro_add_list_box { display:none; }
#right_col .pro_add_list_box.on { display:block }
#right_col .pro_add_list_box .list { overflow:hidden; }
#right_col .pro_add_list_box .list li { float:left; width:20%; border-bottom:1px solid #ddd; }
#right_col .pro_add_list_box .list li a { display:block; border-left:1px solid #ddd; text-align:center; line-height:30px; }
#right_col .pro_add_list_box .list li a:hover { font-weight:bold }
#right_col .pro_add_list_box .list li:first-child a{ border-left:0; }
/*#right_col .footer { position:absolute; left:19px; bottom:20px; }*/
#right_col .footer { padding:30px 0 19px 19px }
#right_col .footer ul { overflow:hidden; padding-left:23px; margin-bottom:20px }
#right_col .footer ul li { float:left; margin-right:12px }
#right_col .no_category { margin-bottom:42px; }
#right_col .no_category .tit { padding:7px 0 35px 19px; color:#244168 }
#right_col .no_category .category_sel { text-align:center; }
#right_col .no_category .category_sel .img { margin-bottom:19px }
#right_col .no_pro { margin-bottom:42px; }
#right_col .no_pro .pro_sel { text-align:center; }
#right_col .no_pro .pro_sel .img { margin-bottom:19px; padding-top:44px }
#right_col .good_key ul { overflow:hidden; padding:20px 15px 0; }
#right_col .good_key ul li { float:left; width:125px; height:30px; margin-bottom:14px; }
#right_col .good_key ul li:hover span { color:#0a78bc }
.keyword { display:inline-block; *zoom:1; *display:inline; height:28px; padding-left:13px; background:url(../img/right_col/sp_num2.gif) no-repeat 0 0; }
.keyword em { display:block; height:28px; line-height:28px; padding-right:13px; background:url(../img/right_col/sp_num2.gif) no-repeat right 0; }
.keyword:hover,
.keyword.on { background-position:0 -28px; }
.keyword:hover em,
.keyword.on em { background-position:right -28px; color:#fff; }
.keyword2 { display:inline-block; *zoom:1; *display:inline; height:23px; padding-left:13px; background:url(../img/right_col/sp_keyword2.gif) no-repeat 0 0; }
.keyword2 em { display:block; height:23px; line-height:23px; padding-right:13px; background:url(../img/right_col/sp_keyword2.gif) no-repeat right 0; font-size:12px }
.keyword2:hover,
.keyword2:.on { background-position:0 -23px; }
.keyword2:hover em,
.keyword2.on em { background-position:right -23px; color:#fff; }
#right_col .good_key ul li span { display:inline-block; *zoom:1; *display:inline; padding-left:4px; color:#676767; }
#gallery_box:after { display:block; clear:both; content:''; }
#gallery_box { padding:12px 0 18px }
#gallery_box .gallery { width:247px; background-color:#fff; margin-bottom:12px; margin-left:18px; border:1px solid #dfdfdf; position:relative;}
#gallery_box .gallery .user_info { padding:11px 12px 0;}
#gallery_box .gallery .user_info div { padding-bottom:15px; border-bottom:1px solid #eee; position:relative }
#gallery_box .gallery .user_info div .thum { position:absolute; left:0; top:0; }
#gallery_box .gallery .user_info div .info_txt { margin-left:60px; padding-top:8px; min-height:38px; }
#gallery_box .gallery .user_info div .info_txt span { display:block; color:#8f8f8f; }
#gallery_box .gallery .user_info div .info_txt .name {color:#515151; font-size:14px }
#gallery_box .gallery .place_info { padding:16px 19px; color:#757575 }
#gallery_box .gallery .place_pic { width:247px; position:relative }
#gallery_box .gallery .place_pic img { width:247px; }
#gallery_box .gallery .place_pic .comm_num { position:absolute; left:19px; top:13px; width:44px; height:24px; line-height:24px; background:url(../img/common/bg_comm_num.png) no-repeat 0 0; }
#gallery_box .gallery .place_pic .comm_num span { padding-left:17px; color:#fff; }
#gallery_box .gallery .place_sns { height:33px; padding:8px 0 0 18px; }
#gallery_box .gallery .place_sns .add { float:left; margin-right:3px; }
#gallery_box .gallery .place_sns .add a { display:block; width:44px; height:24px; background:url(../img/right_col/sp_add.png) no-repeat 0 0; }
#gallery_box .gallery .place_sns .add a:hover { background-position:0 -24px; color:#fff; }
#gallery_box .gallery .place_sns .add a span { display:block; padding:3px 0 0 21px }
#gallery_box .gallery .place_sns .fav { float:left; margin-right:3px; }
#gallery_box .gallery .place_sns .fav a { display:block; width:44px; height:24px; background:url(../img/right_col/sp_fav.png) no-repeat 0 0; }
#gallery_box .gallery .place_sns .fav a span { display:block;padding:3px 0 0 21px }
#gallery_box .gallery .place_sns .fav a:hover { background-position:0 -24px; color:#fff }
#gallery_box .gallery .place_sns .comm { float:left; padding-top:1px }
#gallery_box .gallery .place_sns .comm input[type="text"] { width:95px; padding:0 10px; height:21px; line-height:21px; border:1px solid #c4c4c4; border-radius:2px; }
#gallery_box .gallery .comm_box { display:none; position:absolute; width:100%; height:124px; left:-1px; bottom:-126px; background:#f2f2f2; border:1px solid #dfdfdf; z-index:100 }
#gallery_box .gallery .comm_box .thum { position:absolute; left:10px; top:13px; }
#gallery_box .gallery .comm_box .comm_write { padding:9px 0 0 62px }
#gallery_box .gallery .comm_box .comm_write textarea { border:1px solid #dcdcdc; resize:none; width:174px !important }
#gallery_box .gallery .comm_box .comm_write p { margin-bottom:7px }
/* 업체 */
.portfolio { padding-top:17px }
.portfolio .list { width:185px; border:1px solid #e0e0e0; margin-left:17px; margin-bottom:18px; background:#fff }
.portfolio .list .thum { border-bottom:1px solid #e0e0e0; margin-bottom:9px }
.portfolio .list .info { position:relative; margin-bottom:13px; padding:0 10px; }
.portfolio .list .info .tit { color:#757575; }
.portfolio .list .info .number { position:absolute; right:10px; top:0 }
.portfolio .list .btn_up { margin-bottom:12px }
.portfolio .list .btn_up a { display:block; line-height:25px; text-align:center; width:163px; height:25px; margin:0 auto; background:url(../img/company/btn_up.gif) no-repeat 0 0; color:#8f8f8f; }
.portfolio .list .btn_up a:hover { background-position:0 -25px; color:#fff; }
/* 펼쳐질때 예외처리 */
#wrap.on .location_tab .inner_box { width:260px !important; }
#wrap.on .location_tab .inner_box .user { display:none }
#wrap.on #header .top_tab { left:132px }
/* 검색바 */
#wrap.on .top_area { position:absolute; left:0; top:0; width:100%; margin-left:0 }
#wrap.on .srch_box { background:none; height:auto; padding-top:11px; margin:0 170px 0 270px; position:relative; z-index:10; padding-left:0; height:40px; padding-right:0 }
#wrap.on .srch_box .inp_box { display:block; padding-right:90px; text-align:right }
#wrap.on .srch_box .inp_box input[type="text"] { width:100%; max-width:400px; }
#wrap.on .srch_box .btn_srch { position:absolute; right:0; top:11px; }
#wrap.on .srch_box .btn_srch button { width:84px; height:29px; background:url(../img/right_col/btn_srch_on.png) no-repeat 0 0; }
#wrap.on .user_btn_box { display:block }
#wrap.on #header .top_tab li.tab02 { display:none }
@media all and (max-width:690px) { /* 창크기가 좌측 영역과 우측영역 합한 값 미만일 경우 */
}
@media all and (max-width:1300px) {
#wrap.on #right_col .category_list_box .list_dep3 ul li .add_num { display:none }
#wrap.on #right_col .category_list_box .list_dep3 ul li .keyword { display:none }
}
@media all and (max-width:750px) {
.location_tab .user { display:none }
}
@media all and (max-width:950px) {
#wrap.on .srch_box .inp_box { display:none }
#wrap.on .srch_box .btn_srch { display:none }
}
/***************************************************************************************************************************************
이미지 팝업
***************************************************************************************************************************************/
#img_pop_wrap { position:relative; }
#img_pop_wrap .inner_box { }
#img_pop_wrap .img_box { width:650px; background:#000; position:relative; float:left; text-align:center; }
#img_pop_wrap .img_box .img { margin:24px 0 20px; }
#img_pop_wrap .img_box .btn_area { text-align:center; margin-bottom:40px }
#img_pop_wrap .img_box .btn_area p { display:inline-block; *zoom:1; *display:inline; vertical-align:top; padding:0 10px; }
#img_pop_wrap .img_box .btn_area p a { display:block; text-indent:-9999px; vertical-align:top }
#img_pop_wrap .img_box .btn_area .btn_prev a { width:14px; height:22px; background:url(../img/pop/btn_prev.png) no-repeat 0 0; }
#img_pop_wrap .img_box .btn_area .btn_thum { padding-top:3px }
#img_pop_wrap .img_box .btn_area .btn_next a { width:14px; height:22px; background:url(../img/pop/btn_next.png) no-repeat 0 0; }
#img_pop_wrap .img_box .btn_area .btn_thum a { width:16px; height:16px; background:url(../img/pop/btn_thum.png) no-repeat 0 0; }
#img_pop_wrap .img_box .btn_close { position:absolute; right:17px; top:17px }
#img_pop_wrap .img_info_box { min-height:753px; float:left; width:342px; background:#f5f5f5; position:relative }
#img_pop_wrap .img_info_box .user_info_box { padding:36px 0 10px 20px; border-bottom:1px solid #e6e6e6; background:#fff; }
#img_pop_wrap .img_info_box .user_info_box .thum { position:absolute; left:20px; top:36px; }
#img_pop_wrap .img_info_box .user_info_box .info_box { margin-left:76px; color:#575757; line-height:21px; min-height:80px }
#img_pop_wrap .img_info_box .user_info_box .info_box span { color:#3c3c3c }
#img_pop_wrap .img_info_box .user_info_box .info_box a { text-decoration:underline }
#img_pop_wrap .img_info_box .location { padding:18px 20px 20px; background:#fff; }
#img_pop_wrap .img_info_box .location .txt01 { font-size:15px; color:#016a9c; margin-bottom:13px; }
#img_pop_wrap .img_info_box .location .txt02 { color:#747474 }
#img_pop_wrap .img_info_box .comm_box .tit { line-height:29px; color:#2f2f2f; padding-left:20px; }
#img_pop_wrap .img_info_box .comm_box .list { position:relative; padding:12px 20px 12px; border-bottom:1px solid #e3e3e3 }
#img_pop_wrap .img_info_box .comm_box .list .thum_s { position:absolute; left:20px; top:12px; }
#img_pop_wrap .img_info_box .comm_box .list .txt_box { margin-left:38px; }
#img_pop_wrap .img_info_box .comm_box .list .txt_box .txt01 { color:#585858;line-height:14px; }
#img_pop_wrap .img_info_box .comm_box .list .txt_box .txt01 span { display:inline-block; *zoom:1; *display:inline; background:#646464; color:#fff; }
#img_pop_wrap .img_info_box .comm_box .list .txt_box .txt02 { color:#9c9c9c }
#img_pop_wrap .img_info_box .comm_box .comm_write { padding:10px 15px 16px; position:relative; }
#img_pop_wrap .img_info_box .comm_box .comm_write .btn_ok { position:absolute; right:15px; top:10px }
#img_pop_wrap .img_info_box .comm_box .comm_write .inp_box { margin-right:62px; }
#img_pop_wrap .img_info_box .comm_box .comm_write .inp_box input[type="text"] { width:100%; border:1px solid #dedede; border-radius:4px; height:22px; line-height:22px; vertical-align:top }
#img_pop_wrap .img_info_box .comm_box .sns_box { padding:0 15px 20px; overflow:hidden; position:relative }
#img_pop_wrap .img_info_box .comm_box .sns_box .add { float:left; margin-right:3px; }
#img_pop_wrap .img_info_box .comm_box .sns_box .add a { display:block; width:44px; height:24px; background:url(../img/right_col/sp_add.png) no-repeat 0 0; }
#img_pop_wrap .img_info_box .comm_box .sns_box .add a:hover { background-position:0 -24px; color:#fff; }
#img_pop_wrap .img_info_box .comm_box .sns_box .add a span { display:block;padding:3px 0 0 21px }
#img_pop_wrap .img_info_box .comm_box .sns_box .sns { position:absolute; right:15px; }
a.btn_b01 {border-radius: 3px;width:73px;display:inline-block;padding:3px 5px 5px 5px;border:1px #3b3c3f;background:#fff;color:#000;text-decoration:none;vertical-align:middle; text-align:center;}
a.btn_b01:focus, .btn_b01:hover {background:#2ca3fa;color:#fff;text-decoration:none}