/* 게시글 쓰기에서 배경이 나오는 오류 고치는 용 과 폰트*/
body{ background:#FFFFFF; }

/***********************************************/
/**                PC First CSS               **/
/***********************************************/

/* 헤더 */
#header{opacity: 0; position:fixed; width:230px; height:100%; top:0px; left:0px; background:#272424; z-index:20; box-shadow:0px 0px 7px #333; opacity: 0; transition:.8s;}
#header:hover{opacity: 1; transition:.5s;!important;}/* 서서히 사라지게 ㅋ 올ㅋ */
#header .in_header{position:relative; width:100%; height:100%; overflow:hidden; z-index:4;}
#header .main_logo{font-size:1px; margin:0px; text-align:center;}
#header .main_logo .logo_text{display:block; padding:0px 0px; color:#aaa; font-weight:bold; text-shadow:1px 1px 1px #777;}
#header .main_logo .logo_img{padding:0px 0px; max-width:180px; margin-top:0px;}

/* 로그인 */
#login_box{margin:25px 0px; position:relative; width:100%; text-align:center;}
#login_box .login_btn{position:relative; width:28px; margin:4px; display:inline-block; cursor:pointer; height:28px; line-height:31px; border-radius:5px; text-align:center; font-size:13px; color:white; transition:0.3s background;}
#login_box .login_btn a{color:white; display:inline-block;}
#login_box .login_btn_flat{width:100px; display:inline-block; cursor:pointer; height:30px; line-height:30px; border-radius:5px; text-align:center; font-size:15px; color:white; transition:0.3s background;}
#login_box .login_btn_flat i{margin-right:7px;}
#login_box .login_btn_flat a{color:white;}
#login_box .gray_bg{background:#2a682a;  width:90px; height:30px; box-shadow:inset 1px 1px 1px gray,1px 1px 1px black}
#login_box .gray_bg:hover{background:#6ddb6d;}
#login_box .steelblue_bg{background:rgb(78, 105, 132); box-shadow:inset 1px 1px 1px rgb(122, 149, 176),1px 1px 1px black}
#login_box .steelblue_bg:hover{background:rgb(25, 95, 153);}
#login_box .chocolate_bg{background:chocolate; width:40px; height:30px; box-shadow:inset 1px 1px 1px rgb(219, 162, 121),1px 1px 1px black}
#login_box .chocolate_bg:hover{background:rgb(210, 71, 30);}
#login_box .tomato_bg{background:tomato;}
#login_box .tomato_bg:hover{background:orangered;}
#login_box .blue_bg{background:cornflowerblue;}
#login_box .blue_bg:hover{background:rgb(65, 110, 255);}
#login_box .language{z-index:10;}
#login_box .language a{position:relative;}
#login_box .language ul{display:none; position:absolute; background:#fff; left:-10px; list-style:none; margin:0; padding:5px 8px 0px 8px; border-radius:5px;}

/* 네비게이션 */
#nav_main{position:relative; background:#272424; z-index:4; border-top:1px solid #111; border-bottom:1px solid #333;}
#nav_main li,#nav_main ul{margin:0px; padding:0px; list-style:none;}
#nav_main .main_li{border-top:1px solid #333; border-bottom:1px solid #111; position:relative;}
#nav_main .main_a{display:block; font-size:12px; white-space:nowrap; color:#d6d6d5; text-decoration:none; height:40px; line-height:40px; padding-left:13px; cursor:pointer; transition:0.3s color,background;}
#nav_main .main_a i{width:35px; font-size:18px;}
#nav_main .main_a img{vertical-align:middle; margin-top:4px;}
#nav_main .main_a{border-left:8px solid #333;}
#nav_main .nav_wrap:hover .main_a{/*background:#2F2D2D;*/ color:#fe7e46; border-right:8px solid tomato; border-left:8px solid tomato;}
#nav_main .main_a:hover{background:#2F2D2D;}

/* 2차메뉴버튼 */
#nav_main .sub_nav_btn{display:block; position:absolute; cursor:pointer; top:0px; right:0px; width:50px; height:43px; line-height:43px; color:#d6d6d5; font-size:13px; font-weight:bold; text-align:center; text-shadow:0px 0px 2px #555;}
#nav_main .sub_nav_btn:hover{color:#eee; background:#272424;}

/* 2차메뉴 */
#nav_main .sub_ul{display:none; border-top:1px solid #333; border-bottom:1px solid #111; background:#2F2D2D; padding:8px 0px;}
#nav_main .sub_a{display:block; font-size:15px; white-space:nowrap; color:#ffffff; text-decoration:none; height:42px; line-height:42px; padding-left:13px; cursor:pointer; transition:0.3s color,background;}
#nav_main .sub_a:hover{color:#fe7e46; background:#272424;}
#nav_main .sub_a i{width:20px; font-size:15px;}
#nav_main .sub_a img{vertical-align:middle;}

/* 선택메뉴 */
#nav_main .selected_nav .main_a{color:#fe7e46; /*background:#2F2D2D;*/ border-left:8px solid tomato;}
#nav_main .selected_nav2 .sub_a{color:#fe7e46;}

/* 검색창 */
#search_box{position:relative; z-index:4; padding-top:34px; padding-bottom:20px; margin-bottom:20px; background:#272424;}
#search_box form{text-align:center;}
#search_box .keyword_box{width:85%; height:32px; line-height:32px; outline:none; text-indent:10%; border:none; background:white; border-radius:3px; box-shadow:inset 1px 1px 1px #555, 1px 1px 1px #555;}
#search_box .search_box_widget{margin-left:40px; margin-top:5px;}

/* 헤더하단 (카운터) */ 
#header .in_bottom{position:absolute; bottom:30px; left:0px; z-index:3; width:100%;}
#bottom_content{}

/* 상단부분 */
#top_content{float:left; width:100%;}
#top_content .top_content_in{height:90px; line-height:50px; margin:10px; background:#272424; opacity: 0.8; border-radius:5px; text-align:center; box-shadow:0px 0px 2px #333;}
#top_content .top_content_in:hover{opacity: 1;}
#top_content .top_content_in li{display:inline-block; position:relative;}
#top_content .top_content_in ul{margin:0px; padding:0px;}
#top_content .top_content_in i{display:none;}
#top_content .top_content_in span,
#top_content .top_content_in img{display:inline-block; margin-top:20px; margin-right:20px; margin-left:20px; position:relative;}
#top_content .top_content_in li:hover span{display:inline-block;}
#top_content .top_content_in li span{position:absolute; z-index:1; left:-5px; bottom:-35px; white-space:nowrap; background:#272424; box-shadow:inset 1px 1px 1px #555,1px 1px 1px #000; color:white; padding:3px 10px; border-radius:3px; height:25px; line-height:25px;}
#top_content .selected_top_nav i{color:white; background:#3F3D3D; box-shadow:inset 1px 1px 1px #555,1px 1px 1px #000;}
#top_content .ss_msg{margin:10px; margin-bottom:0px; height:38px; line-height:38px; text-align:center; box-shadow:0px 0px 4px #d6d6d5;}
#top_content .top_content_in .ss_move_btn{display:none; height:70px; width:30px; background:#353535;}
#top_content .top_content_in .ss_move_btn i{width:30px;}

/* 본문 */
#container{position:relative; margin-left:230px; max-width:1360px; padding-top:10px;}

/* 게시판,위젯 */
#content{float:left; width:75%;}
#content .content_in{margin:10px; background:white; padding:10px; border-radius:5px; overflow:hidden; box-shadow:0px 0px 5px #cdcdcd; transition:0.4s box-shadow;}
#content .content_in:hover{box-shadow:0px 0px 10px #999;}

/* 사이드부분 */
#side_content{float:left; width:25%;}
#side_content .side_content_in{margin:10px; margin-left:0px; background:white; padding:10px; border-radius:5px; overflow:hidden; box-shadow:0px 0px 5px #cdcdcd; transition:0.4s box-shadow;;}
#side_content .side_content_in:hover{box-shadow:0px 0px 10px #999;}

/* 모바일 메뉴 */
.mobile_menu_bg{position:fixed; z-index:15; top:0; left:0; width:100%; height:100%; color:#ffffff; text-align:right; background:black; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#mobile_open_btn{position:relative; width:50px; cursor:pointer; height:50px; line-height:50px; border-radius:5px; text-align:center; font-size:25px; color:RED; transition:0.3s background;}
.mobile_width{width:200px!important;}

/***********************************************/
/**                  모바일                   **/
/***********************************************/
@media all and (max-width:680px){

.mobile_none{display:none!important;}

/* 헤더 */
#header{opacity: 1; width:0px; overflow:hidden;}
#header .main_logo{font-size:1px;}
#header .main_logo .logo_text{padding:0px 0px;}
#header .main_logo .logo_img{max-width:0px;}
#header .in_header{overflow-y:auto;}

/* 네비게이션 */
#nav_main{margin-top:0px;}
#nav_main .main_a i{width:35px;}
#nav_main .main_a img{display:none;}
#nav_main .main_a{border-left:4px solid #333;}
#nav_main .nav_wrap:hover .main_a{border-right:4px solid tomato; border-left:4px solid tomato;}
#nav_main .selected_nav .main_a{border-left:4px solid tomato;}
#nav_main .sub_nav_btn:hover{background:none;}

/* 검색창 */
#search_box .keyword_box{width:85%;}
#search_box .search_box_widget{margin-left:20px; margin-top:5px;}

/* 상단부분 */
#top_content .top_content_in{display:none;}
#top_content .top_content_in i{display:none;}
#top_content .top_content_in img{display:none;}

/* 모바일 만 커스텀 ( 1차 메뉴 작게, 2 차 메뉴 크게 ) */
#nav_main .main_a i{width:23px; font-size:12px;}
#nav_main .main_a{height:32px; line-height:32px;}
#nav_main .sub_a{font-size:15px; height:42px; line-height:42px;}

/* 본문 */
#container{position:relative; margin:0px; max-width:100%; padding-top:0px;}

/* 게시판,위젯 */
#content{width:100%;}
#content .content_in{margin:0px; margin-top:10px; margin-bottom:10px;}

/* 사이드부분 */
#side_content{width:100%;}
#side_content .side_content_in{margin:0px; margin-top:10px; margin-bottom:10px; padding:10px; box-shadow:0px 0px 5px #cdcdcd; transition:0.4s box-shadow;;}

/* 모바일버튼*/
#mobile_open_btn{position:fixed; z-index:25; width:40px; height:40px; transition:.3s;}
#mobile_open_btn:active{transition:.3s;!important;}/* 커스텀 모바일 메뉴 슬라이드 화 */
}

/***********************************************/
/**                  태블릿                   **/
/***********************************************/
@media all and (min-width:680px) and (max-width:1015px){

/* 헤더 */
#header{opacity: 1; width:180px;}
#header .main_logo{font-size:1px;}
#header .main_logo .logo_text{padding:0px 0px;}
#header .main_logo .logo_img{max-width:0px;}
#header .in_header{overflow-y:auto;}

/* 로그인 */
#login_box{margin:25px 0px;}
#login_box .login_btn_flat{width:100px;}
#login_box .login_btn_flat i{margin-right:7px;}
#login_box .login_btn_flat a{color:white;}

/* 네비게이션 */
#nav_main .main_a i{width:35px;}
#nav_main .main_a img{display:inline-block;}
#nav_main .main_a{border-left:6px solid #333;}
#nav_main .nav_wrap:hover .main_a{border-right:6px solid tomato; border-left:6px solid tomato;}
#nav_main .selected_nav .main_a{border-left:6px solid tomato;}
#nav_main .sub_nav_btn:hover{background:none;}

/* 검색창 */
#search_box .keyword_box{width:85%;}
#search_box .search_box_widget{margin-left:20px; margin-top:5px;}

/* 상단부분 */
#top_content .top_content_in{display:none;}
#top_content .top_content_in i{display:none;}
#top_content .top_content_in img{display:none;}

/* 본문 */
#container{position:relative; margin-left:180px;}

/* 게시판,위젯 */
#content{width:100%;}
#content .content_in{margin-bottom:0px;}

/* 사이드부분 */
#side_content{width:100%;}
#side_content .side_content_in{margin-left:10px;}
}

/* 게시판 스킨 수정 */
.bd .ngeb{font-weight:700}
.bd{color:#777}
.bd a{-ms-transition:all .2s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s; color:#777}
.bd_zine h3{text-shadow:none !important; color:#333}
.bd_hd{padding:0 !important}
.bd_zine.zine li{margin:0; padding:12px 8px 12px 12px}
.bd_zine .cnt{margin-top:10px; font-size:15px; color:#888}
.bd_zine.zine .info .itm{margin:20px 7px 0 0}
.bd_zine.card li{background:#f8f8f8}
.bd_zine.card .hx,
.bd_zine.card .notice a{border-radius:0}
.bd_zine.card h3{color:#333 !important}
.bd .card1{margin-top:-20px}
.bd_tb_lst th,
.bd_tb_lst td{padding:10px 12px}
.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover{background-color:#f9f9f9; -ms-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transition:all .1s}
.bd_tb_lst{margin-top:0}
.btn_img{height:auto; padding:8px 15px 8px 15px; font-size:15px}
.btn_img.no{height:auto; padding:8px 15px 8px 15px}
.bd .ico_16px{display:none}
.bd .bd_srch_btm .ico_16px{{display:none}
.bd .tx_ico_chk{display:none}
.bd_srch_btm .select{padding:8px 4px 7px 4px}
.bd .itx,
.bd select{color:#777}
.bd_srch_btm.on .search{top:8px}
.bd .bd_srch_btm label{font-size:15px}