@import url("./reset.css");
@import url("./board_ui.css");
@import url("./Layout.css");
@import url("./Header.css");
@import url("./Aside.css");
@import url("./Button.css");
@import url("./Text.css");
@import url("./Bg.css");
@import url("./Form.css");
@import url("./Gnb.css");
@import url("./Login.css");
@import url("./Paging.css");
@import url("./Table.css");
@import url("./Title.css");
@import url("./Footer.css");
@import url("./Nav_top.css");
@import url("./Nav_location.css");
@import url("./Nav_snb.css");
@import url("./Nav_panel-left.css");
@import url("./Box.css");
@import url("./Mypage.css");
@import url("./animate.css");
@import url("./jquery.confirm.css");
@import url("./Shop.css");
@import url("./page_loading_bar.css");
@import url("./jquery.bxslider.css");

html{ 
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust: none; 
  -ms-text-size-adjust: none; 
  }

/*
메뉴별 테마 색상
gnb01 : 리뷰
gnb02 : 뉴스 
gnb03 : 카탈로그
gnb04 : 벤치마킹
gnb05 : 커뮤니티
gnb06 : 공동구매 
*/

body.gnb01 header.top,
body.gnb01 nav.sub,
body.gnb01 #side_panel,
body.gnb01 .menu_all, 
body.gnb01 .snb h3, 
body.gnb01 div.category_name { 
  background-color:#007fa8;
}
body.gnb01 .recommend .number { color:#007fa8;}

body.gnb02 header.top,
body.gnb02 nav.sub,
body.gnb02 #side_panel,
body.gnb02 .menu_all, 
body.gnb02 .snb h3, 
body.gnb02 div.category_name { 
  background-color:#004ba8;
}
body.gnb02 .recommend .number { color:#004ba8;}

body.gnb02 .menu_all ul.top { border:0;}

body.gnb03 header.top,
body.gnb03 nav.sub,
body.gnb03 #side_panel,
body.gnb03 .menu_all, 
body.gnb03 .snb h3, 
body.gnb03 div.category_name,
body.gnb03 ul.basic li .title > a.bo_cate_link { 
  background-color:#394856;
}
body.gnb04 header.top,
body.gnb04 nav.sub,
body.gnb04 #side_panel,
body.gnb04 .menu_all, 
body.gnb04 .snb h3, 
body.gnb04 div.category_name { 
  background-color:#393939;
}

body.gnb05 header.top,
body.gnb05 nav.sub,
body.gnb05 #side_panel,
body.gnb05 .menu_all, 
body.gnb05 .snb h3,
body.gnb05 .snb nav li.active a, 
body.gnb05 div.category_name,
ul.main_cm li h4 { 
  background-color:#214363;
}
body.gnb05 .snb nav li.active a { color:#fff;}

body.gnb06 header.top,
body.gnb06 nav.sub,
body.gnb06 #side_panel,
body.gnb06 .menu_all, 
body.gnb06 .snb h3, 
body.gnb06 div.category_name { 
  background-color:#6920ac;
}

/* 하단 직원전용메뉴 */
.staff { position:fixed; bottom:0; width:100%; height:35px; padding-top:5px; background-color:#a7abb0; color:#fff; font-size:13px; z-index:1100;}
.staff h3 { display:inline-block; padding:0 10px 1px 0; vertical-align:middle; font-size:18px;}
.staff ul, .staff li { display:inline-block; vertical-align:middle;}
.staff li { padding-right:20px; line-height:25px;}
.staff .button.s { height:25px;}
.staff .button.s i {margin-right:2px;}
input[type="text"], input[type="password"], input[type="submit"], input[type="search"] {
  -webkit-appearance:none; font-family:Malgun Gothic;}  

.blind, legend { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0; white-space:nowrap;}

.category_name { display:inline-block; padding:3px 18px; border:1px solid rgba(255,255,255,0.5); border-radius:24px;}

#popup_layer .menu { padding:20px; vertical-align:top;}
#popup_layer .menu li { display:inline-block; vertical-align:top; padding-right:20px; font-size:16px; font-weight:bold;}
#popup_layer .menu li a { color:#000; padding:5px;}
#popup_layer .menu li li { display:block; font-size:14px; line-height:180%; font-weight:normal;}
#popup_layer .menu .active { background:#eee;}
#popup_layer .menu li li:last-child { margin-bottom:15px;}

.top { position:relative;}
#overlay { background-color:#000; bottom:0; left:0; opacity:0.5; position:fixed; right:0; top:122px; z-index:99; display:none;}
.close { position:absolute; top:20px; right:20px; width:31px; height:31px; background:url(img/close.png) no-repeat; cursor:pointer;}
#popup_layer { position:absolute; top:36px; left:0px; width:1100px; height:300px; background:#ededed; border:solid 1px #ccc; display:none; z-index:1000;}

/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; width:970px; height:0;}
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden;}
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff;}
.hd_pops_footer { padding:10px 0; background:#000; color:#fff; text-align:right;}
.hd_pops_footer button { margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff;}

/* 상단 회원가입 등 링크 */
#tnb { float:right; margin:0; padding:0; list-style:none;}
#tnb:after { display:block; visibility:hidden; clear:both; content:"";}
#tnb li { float:left; margin:0 0 0 10px;}
#tnb a { display:inline-block; padding:0 10px; height:28px; color:#333; letter-spacing:-0.1em; line-height:2.4em;}
#tnb a:focus, #tnb a:hover, #tnb a:active { text-decoration:none;}
#tnb img { margin-right:3px;}

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden;}
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em;}

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto;}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {position:absolute; top:0; left:0; width:120px; height:58px; border:1px solid #c0c4cb;padding:0; margin:0;}
#captcha #captcha_mp3 { position:absolute; left:121px; width:30px; height:29px; padding:0; border:1px solid #c0c4cb; border-bottom-right-radius:0; border-bottom-left-radius:0; background:#f8f8f8 url(../../../plugin/kcaptcha/img/icon_listen.png) no-repeat center center;}
#captcha #captcha_reload { top:28px; left:121px; width:30px; height:30px; padding:0; border:1px solid #c0c4cb; border-top-right-radius:0; border-top-left-radius:0; background:#f8f8f8 url(../../../plugin/kcaptcha/img/icon_refresh.png) no-repeat center center;}
#captcha #captcha_mp3 span, #captcha #captcha_reload span { overflow:hidden; position:absolute; top:-99em; left:0; width:1px; height:1px; font-size:0; line-height:0; white-space:nowrap;}
#captcha #captcha_key { width:132px; height:58px; margin-left:122px; padding:5px 10px; font-size:24px; background:#fff; color:#333; line-height:48px;}
#captcha #captcha_key::-webkit-input-placeholder { color:#bbb;} /* Chrome/Opera/Safari */
#captcha #captcha_key::-moz-placeholder { color:#bbb;} /* Firefox 19+ */
#captcha #captcha_key:-ms-input-placeholder { color:#bbb;} /* IE 10+ */
#captcha #captcha_key:-moz-placeholder { color:#bbb;} /* Firefox 18- */

#captcha #captcha_key:focus { font-size:24px;}
#captcha #captcha_info {display:block;margin:1px 0 5px;font-size:12px;letter-spacing:-1px}

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center;}
.empty_list { padding:20px 0 !important; text-align:center;}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap { margin:0 20px;}
.new_win #wititle { margin:0 0 20px; padding:20px; border-top:3px solid #333; border-bottom:1px solid #dde4e9; background:#fff; font-size:1.2em;}
.new_win #wititle .sv { font-size:0.75em; line-height:1.2em;}
.new_win .win_ul { margin:-20px 0 20px 0; padding:0 20px; border-bottom:1px solid #455255; background:#484848;list-style:none;}
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li { float:left; margin-left:-1px;}
.new_win .win_ul a { display:block; padding:10px 10px 8px; border-right:1px solid #455255; border-left:1px solid #455255; color:#fff; font-family:dotum; font-weight:bold; text-decoration:none;}
.new_win .win_desc { padding:20px;}

.new_win .win_btn { clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button { display:inline-block; padding:0 10px; height:30px; border:0; background:#4b545e; color:#fff; line-height:2em; cursor:pointer;}
.new_win .win_btn input { padding:0 10px; height:30px; line-height:2em;}
.new_win .win_btn a { display:inline-block; padding:0 10px; height:30px; background:#4b545e; color:#fff;vertical-align:middle; line-height:2.4em;}
.new_win .win_btn a:focus, .new_win .win_btn a:hover { text-decoration:none;}

/* 내용관리 */
#ctt { margin:10px 0; padding:10px; border:1px solid #e9e9e9;}
.ctt_admin { text-align:right;}
#ctt header h1 { position:absolute; font-size:0; line-height:0; overflow:hidden;}
#ctt_con { padding:10px 0;}
.ctt_img { text-align:center;}

/* 검색결과 색상 */
.sch_word { color:#ff3061;}

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px;}
#validation_check h1 { margin-bottom:20px; font-size:1.3em;}
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff;}

/* 사이드뷰 */
.sv_wrap { display:inline-block; position:relative; font-weight:normal;}
.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646;}
.sv_wrap .sv a { display:inline-block; margin:0; padding:3px; width:94px; border-bottom:1px solid #283646; background:#111; color:#fff !important;}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active { text-decoration:none;}
.sv_on { display:block !important; position:absolute ;top:10px; left:20px; width:auto; height:auto;}
.sv_nojs .sv { display:block;}

#bo_list header .search input[type="submit"] { height:31px;} 
#bo_sns li { display:inline-block; padding-right:3px;}

a.go-top.show { bottom:20px; z-index:1000;}

/*메인페이지*/
#index { position:relative;}
#index>section { position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #ccc; margin-top:20px; padding:10px; box-sizing:border-box;}
#index section .close_window { display:none; position:absolute; top:-1px; right:0; width:25px; height:25px; border:1px solid #0044aa; background:#fff; z-index:100;}

#index section .title { float:left; width:120px; box-sizing:border-box;}
#index section .title h2 { font-weight:bold; font-size:18px;}
#index section .title span { position:absolute; left:71px; bottom:15px; font-size:13px; color:#999;}

#index section .contents { overflow:hidden; float:left; width:580px; padding:0 15px; border:1px solid #d7d7d7; border-width:0 1px; box-sizing:border-box;}

#index section .subcont { overflow:hidden; float:left; width:375px; padding-left:15px; box-sizing:border-box;}
#index section .subcont h3 { padding:5px 0 10px; font-weight:bold; font-size:15px;}
#index section .subcont .more { position:absolute; right:15px; bottom:10px; color:#999; letter-spacing:-1px;}

/* 배너 */
#index section .small_banner { margin-top:10px;}
#index section .small_banner .banner li { margin-bottom:0;}
#index section .small_banner .banner li a { display:block; font-size:0;}
#index section .subcont .small_banner .banner li a img { width:360px; height:130px; margin:0 auto;}

#index>section.main_banner { margin:10px 0 -10px; padding:0px; background:none; border:0; font-size:0;}
#index>section.main_banner img { max-width:100%; height:auto;}

#index>section.mobile_banner { display:none; margin:0 0 -10px; padding:0px; background:none; border:0; font-size:0;}
#index>section.mobile_banner img { width:100%; height:auto;}

/* 커뮤니티 */
#index section.community { float:left; padding-left:5px; border-left:1px solid #d7d7d7;}
#index section.community:after { display:block; clear:both; content:'';}
#index section.community section { float:left; width:300px; margin:0 8px;}
#index section.community h3 { padding-left:5px;}

/* 서브페이지 */
/* PC INDEX */
body.gnb03 .container { position:relative; max-width:100%;}
body.gnb03 main { float:none;}
body.gnb03 #bo_list { position:relative; width:1100px; margin: 0 auto;}
body.gnb03 #bo_write { position:relative; width:1100px; margin: 0 auto;}
.category_pc { border-bottom:1px solid #dedede;}
.category_pc .inner ul { padding:30px 0;}
.category_pc .inner li { position:relative; display:inline-block; width:100px; margin: 0 16px 16px 0; vertical-align:top;background:#f5f5f5; border:1px solid #dadada; border-radius:5px;}
.category_pc .inner li a { display:block; height:100px; padding:15px 25px;}
.category_pc .inner li a span { display:inline-block; width:50px; height:50px; background:#f5f5f5 url(img/icon_pc_dark50.png); font-size:14px; color:#999;}
.category_pc .inner li a p { position:absolute; bottom:7px; left:0; right:0; text-align:center; color:#666; font-size:14px;}
.category_pc .inner li:first-child { margin-left:-1px}
.category_pc .inner li:hover { background:#394856;}
.category_pc .inner li:hover span { background:url(img/icon_pc_white50.png);}
.category_pc .inner li:hover a p { color:#fff;}
.category_pc .inner li span.item_aa { background-position:0px 0px;}
.category_pc .inner li span.item_ab { background-position:-50px 0px;}
.category_pc .inner li span.item_ac { background-position:-100px 0px;}
.category_pc .inner li span.item_ad { background-position:-150px 0px;}
.category_pc .inner li span.item_ae { background-position:-200px 0px;}
.category_pc .inner li span.item_af { background-position:-250px 0px;}
.category_pc .inner li span.item_ah { background-position:-350px 0px;}
.category_pc .inner li span.item_ai { background-position:-400px 0px;}
.category_pc .inner li span.item_aj { background-position:-450px 0px;}
.category_pc .inner li span.item_ba { background-position:0px -50px;}
.category_pc .inner li span.item_cg { background-position:-300px -100px;}
.category_pc .inner li span.item_fc { background-position:-100px -250px;}
.category_pc .inner li span.none { display:none;}

.banner_pc { height:242px; background:#394856;}

/* 벤치마크 */
body.gnb04 { background-color:#fff;}
body.gnb04 header.top { border-bottom:0;}
body.gnb04 .container { position:relative; width:100%; max-width:100%;}
body.gnb04 main { float:none;}
body.gnb04 #bo_list { position:relative; width:1100px; margin: 0 auto; padding-top:20px;}

/* 커뮤니티 INDEX */
section.banner_cm { margin-top:20px;}
section.head_page { padding-top:30px;}
section.head_page h2 { padding-bottom:10px; font-size:24px;}
section.head_page p { font-size:14px; color:#888; line-height:22px;}
section.head_page p img { margin:0 5px 2px 0; vertical-align:middle;}

#response { position:fixed; top:0; left:0; right:0; padding:10px; background-color:#fffae5; border:1px solid #d5cda5; margin-bottom:20px; z-index:1000;}

.user_setting.button { position:absolute; top:12px; right:0; border-radius:0; z-index:100;}

.index_cm { width:1101px; margin-top:15px;}

ul.main_cm:after { display:block; clear:both; content:'';}
ul.main_cm li { display:inline-block; margin-right:3px; margin-bottom:5px; text-align:left; font-size:0;}
ul.main_cm li:nth-child(4n) { margin-right:0;}

ul.main_cm>li { vertical-align:top;}
ul.main_cm>li:hover { box-shadow:2px 3px 4px #ccc;}
ul.main_cm>li:hover h4 a.drag { display:block}
ul.main_cm>li:hover h4 { opacity:0.9;}

ul.main_cm li .box_cm { overflow:hidden; display:inline-block; width:273px; height:471px; border:1px solid #bfbfbf; background:#fff;}
ul.main_cm li .box_cm.cate_cm { height:auto; border:0; background:none;}

ul.main_cm li h4 { position:relative; height:34px;}
ul.main_cm li h4 a { padding:0 12px; font-size:14px; color:#fff; line-height:34px;}
ul.main_cm li h4 a.drag { display:none; position:absolute; top:0; right:0; width:34px; height:34px; padding:5px; color:#fff; background:url(./img/icon_drag.png) no-repeat center center;}

ul.main_cm li li { display:block; margin:0;}
ul.main_cm li li:hover { background:#f9f9f9;}
nav.menu_cm { border:1px solid #bfbfbf;}
nav.menu_cm li { border-bottom:1px solid #aaa; border-left:5px solid #bfd4e8; background:#214363;}
nav.menu_cm li:hover { background:#fff; border-left:10px solid #bfd4e8;}
nav.menu_cm li:hover a { color:#333;}
nav.menu_cm li a { display:block; font-size:14px; padding:9px 10px; color:#fff}
nav.menu_cm li a .nav_title { display:block; font-size:14px; padding:5px 0 5px; color:#fff;}
nav.menu_cm li:hover a .nav_title { color:#333;}
nav.menu_cm li p a, nav.menu_cm li p { font-size:13px; color:#aaa;}

/* 메일 인증 메인주소 변경 페이지 */
.rg_em_p { margin-top:20px; padding:10px 0; font-size:14px;}
#email_certify .btn_confirm { margin:10px 0;}

/* 상단으로 버튼 */
#goto-top { position:fixed; bottom:20px; right:20px; font-size:0; opacity:0.8; z-index:9000;}
.dno { display:none;}

@media screen and (max-width: 1100px){
  .staff { height:40px; padding:5px;}
  #footer-page .staff .area { max-width:100%;} 
  #index { padding:0 10px;}
  #index>section { padding:15px;}
  #index section .title { float:none; width:auto; padding-bottom:10px;}
  #index section .title span { bottom:auto; left:auto; top:15px; right:15px;}
  #index section .contents { width:60%; padding-left:0px; border-left:0;}
  #index section .subcont { width:40%;}
  #index section .subcont .subnews img { max-width:auto; width:100%; height:auto;}
  #index section .subcont .subnews li p { width:auto;}
  #index section .subcont .small_banner .banner li a img { max-width:auto; width:100%; height:auto;}
  #index section .imglist { float:none; padding:0; border-left:0;}
  #index section .imglist ul li { width:22%; margin-left:4%; text-align:center;}
  #index section .imglist ul li:first-child { margin-left:0;}
  #index section .imglist ul li p { width:auto; font-size:15px; line-height:18px;}
  #index section .imglist li span.img.no { max-width:100%; height:auto !important; padding:30px 0;}

  #index section.community { float:none;padding-left:0; border-left:0;}
  #index section.community section { width:33.3333%; margin:0; padding:0 5px;}
 
  body.gnb05 .container { width:100%; padding:5px;}
  body.gnb05 main { max-width:100% !important; margin-left:0 !important;}
  .user_setting.button { right:10px;}
  .index_cm { width:100%;}

  ul.main_cm li:nth-child(4n) { margin-right:3px;}
  ul.main_cm li li:nth-child(4n) { margin-right:0px;}
  
  .category_pc .inner li.category_empty { display:none;}
  section.banner_cm li img { max-width:100%; height:auto;} 
}

@media screen and (max-width: 830px) {
  #popup_layer { top:-1px;}
}

@media screen and (max-width: 768px){
  .staff h3 { font-size:16px;}
  .staff ul li:first-child, .staff ul li:nth-child(2) { display:none;}
  .staff ul { margin-right:5px;}
  .staff ul li { padding-right:0; font-size:15px; line-height:30px;}  
  .staff .button.s { height:30px; padding:0 15px; font-size:15px; line-height:30px;}
  .staff ul li span { margin-left:5px;}

  #index>section { margin-top:10px;}
  #index section .title h2 { font-size:21px; line-height:1.56;}
  #index section .title span { top:13px; right:13px; font-size:15px;}
  #index section .contents { float:none; width:100%; margin-bottom:10px; padding:0 0 20px 0; border-right:0; border-bottom:1px solid #ccc;}
  #index section .mainnews li { padding:16px 0; border-bottom:1px dotted #ddd;}

  #index section .mainnews li:last-child { border-bottom:0;}
  #index section .mainnews li .img { display:block;}
  #index section .mainnews li .img img { width:180px; height:135px;}

  #index section .mainnews li .img.no { width:180px; height:135px; font-size:22px; color:#d8d8d8; line-height:135px;}
  #index section .mainnews li a.subject { margin-bottom:5px; text-overflow:clip; white-space:normal; font-size:17px; line-height:22px;}
  #index section .mainnews li .comment { display:inline-block;}
  #index section .mainnews li .time { display:block; font-size:14px;}
  #index section .mainnews li a.content { display:block; overflow:hidden; margin-top:8px; font-size:15px; line-height:1.5;}

  #index section .mainnews li:nth-child(even) .img { float:right; margin:0 0 0 10px;}

  #index section .subcont h3 { font-size:18px;}
  #index .subnews img,  #index .subnews li p { width:100%; height:auto;}
  #index .subnews { margin-bottom:0; padding-bottom:0; border-bottom:0;}
  #index .subnews li p { font-size:17px;}
  #index section .subcont .small_banner { display:none;}
  #index section .subcont { float:none; width:100%; padding-left:0; padding-right:0;}
  #index section .subcont .slick-slide img { display:block; margin: 15px auto 5px;}

  #index section .subcont ul.slick-slider { margin-bottom:22px;}
  #index section .subcont .slick-slide a.sct_a { padding:4px; font-size:16px; line-height:20px;}
  #index section .subcont .slick-slide .sct_cost { margin-bottom:18px; font-size:16px;}
  #index section .subcont .slick-slide .sct_cost .strike { font-size:14px;}
  #index section .subcont .more { font-size:15px;}

  #index>section.main_banner { margin-bottom:0;}
  
  #index section.community h3 { padding-bottom:10px; padding-left:0; font-size:17px;}
  #index section.community h3 a { font-size:17px;}
  #index section.community section { width:100%; margin-top:10px; padding:0 5px 20px; border-bottom:1px solid #ccc;}
  #index section.community section:last-of-type { border-bottom:0;}
  #index section.community ul li a { font-size:16px; line-height:24px;}
  #index section.community ul li.list_empty .title { font-size:16px; line-height:24px;}
  #index section.community ul li time { font-size:14px;}
  #index section.community ul li .comment { font-size:16px;}

  #index>section.mobile_banner { display:block; margin-bottom:0;}

  #index section .imglist ul li { width:48%; margin-left:4%; margin-top:10px;}
  #index section .imglist ul li:nth-child(odd) { margin-left:0;}

  #captcha { margin:3px 0;}
  #captcha label { display:none;}
  #captcha #captcha_img { position:static; float:left; width:115px; height:43px; padding:0; margin:3px 3px 0 0;}
  #captcha #captcha_mp3 { position:static; float:left; width:43px; height:43px; margin:3px 3px 0 0; padding:9px;}
  #captcha #captcha_audio { display:block; margin-bottom:5px;}
  #captcha #captcha_reload { position:static; float:left; width:43px; height:43px; margin:3px 0 0 0; padding:7px;}
  #captcha #captcha_key { float:left; width:115px !important; height:43px; margin:3px 0 0 3px !important; padding:5px 8px; font-size:16px;  color:#333; line-height:30px;}
  #captcha #captcha_info { display:none;}  

}

@media screen and (max-width: 667px){
  #bo_list header .search { position:relative !important; top:0 !important; display:block; padding:5px 0 0 5px;}
}

@media screen and (max-width: 560px){
  #index section .mainnews li .img img { width:140px; height:105px;}
  #index section .mainnews li .img.no { width:140px; height:105px; font-size:18px; line-height:105px;}
  #index section .mainnews li a.content { display:none;}

  ul.main_cm li { margin:10px 0 0 0;}
  ul.main_cm li:first-child { margin-top:0;}
  ul.main_cm li .box_cm.cate_cm { height:auto;}

}

@media screen and (max-width: 480px){
  input[type="text"], input[type="password"] { border-radius:0;}

  #index>section { padding:10px;}
  #index section .title { padding-bottom:0;}
  #index section.community section { margin-top:20px;}
  #index section .mainnews li { padding:12px 0;}
  #index section .mainnews li a.subject { margin-bottom:2px;}

  .category_pc .inner ul { padding:10px 5px;}
  .category_pc .inner li { margin:0 2px 2px 0;}
  .category_pc .inner li:first-child { margin-left:0;}

  section.banner_cm { margin-top:10px;}
  .index_cm { margin-top:10px;}
  .user_setting.button { display:none;}
  ul.main_cm li { display:block;}
  ul.main_cm li .box_cm { display:block; width:100%;}
  ul.main_cm li h4 { height:38px;}
  nav.menu_cm li a, nav.menu_cm li a .nav_title { font-size:17px;}
  ul.main_cm li h4 a { padding:0 12px; font-size:17px; line-height:38px;}
  .box_cm .basic_cm ul li a { padding:10px; font-size:16px;}
  .box_cm .basic_cm ul li .title { padding-right:50px; font-size:16px;}
  .box_cm .basic_cm ul li .comment .cnt_cmt { font-size:15px;}
  nav.menu_cm li p a, nav.menu_cm li p, ul.main_cm li h4 a.button.s.more,
  .box_cm .basic_cm ul li time { right:10px; font-size:15px;}
  ul.main_cm li h4 a.button.s.more { top:8px;}

  .imglist_row ul li { width:100% !important;}
  .imglist_row ul li .img, .imglist_row ul li img { width:100%; height:95px;}
  .imglist_row ul li .img, .imglist_row ul li img { width:100%; height:95px;}
  .imglist_row ul li .img.no { width:100% !important; height:95px !important;}
  .imglist_row ul li .title { font-size:16px;}
  .imglist_row ul li .writer_info { font-size:14px;}
    
  ul.main_cm>li:hover h4 a.drag { display:none;}
  ul.main_cm>li:hover h4 { opacity:1.0;}
}

  @media screen and (max-width: 330px) {
    #captcha #captcha_audio { width:100%;}
}