@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');	
/* 초기화 */
*{padding:0;margin:0;outline:none;letter-spacing:-0.04em}
a,button{cursor:pointer;text-decoration: none;}
em{font-style:normal;}
input,select{min-height:27px;line-height:21px;border:1px solid rgba(0,0,0,0.15);background-color:#fff;vertical-align:middle}
input[type=text],input[type=password]{text-indent:5px;}
input[type=checkbox],input[type=radio]{min-height:none;line-height:none;border:0;width:14px;height:14px;}
.frm_input,select{border-color:rgba(0,0,0,0.15) !important}
.frm_file{border:0;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input,.required,textarea{border-radius:0px; box-shadow:none;}
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1050px}
#hd_pop,#hd_wrapper,#tnb ul,#gnb .gnb_wrap,#container_wr,#ft_wr{width:1050px}

/*Color*/
body{background-color:#fff}
#tnb a:focus,#tnb a:hover{border-bottom-color:#fff}
body,a{color:#333}

.col, .col a, .hcol a:hover,.tabbbs .tab .ttit li.on,#tnb .tnb_community a,.lat_title a,#ol_submit.btn_b02,#visit dt i,#ol_after_private li a:hover,.new_win .win_ul .selected a
{color:#000 !important}
.colb,input[type=text]:focus,input[type=password]:focus,select:focus,.tabbbs .tab .ttit li.on,.new_win .win_ul .selected,.direction-l .flag:before, .direction-r .flag:before
{border-color:#000 !important}
.colbg,.cr,#gnb .gnb_menu_btn,#gnb .gnb_close_btn,.btn_submit,.btn_b02,.lat_title a:after,.tabbbs .tab,#aside .notice h2 a,#aside,.progress-bar,.text-heading.line:after,#container_title span:before,#top_btn:hover
{background-color:#000 !important}
.colbgb,.cbtn, .bx-pager a:hover, .bx-pager a.active{background-color:#000;border-color:#000}

/*그누기반 ===================================================================================================================== */
/*상단메뉴*/
#tnb a:focus, #tnb a:hover,#hd_sch #sch_submit,#popular h2,#gnb_all .gnb_al_li .gnb_al_a{}
#hd,#hd_sch,#gnb_all .gnb_al_ul{border-color:#000}
#hd_sch{ border-radius:0}
#hd_sch #sch_submit .fa{position:relative;top:-3px;}
#gnb #gnb_1dul,#top_btn:hover,#gnb_all .gnb_al_li .gnb_al_a:after{background-color:#000;}
#gnb .gnb_1dli:hover{background-color:rgba(0,0,0,0.1)}
.gnb_1dli .bg{}
.gnb_1da{color:rgba(255,255,255,0.8);}
.gnb_2dul{background-color:#000;padding:0;}
.gnb_2dli{border-color:rgba(0,0,0,0.15);}
.gnb_2da{color:rgba(255,255,255,0.8);background-color:rgba(0,0,0,0.1)}
a.gnb_2da:hover{background-color:rgba(0,0,0,0.2);color:#fff}

/*사용자기반 ===================================================================================================================== */
/*상단메뉴*/
#menu1 {background-color: #f12340;}/*1차메뉴 배경색*/
#menu1 ul li a, #header .List a {color: #ddd;}/*1차메뉴 마우스아웃시 글자색*/
#menu1 ul li:hover a, #menu1 ul li.on a {color: #fff;}/*1차메뉴 마우스오버시 글자색*/
#menu1 ul li:hover ul li a, #menu1 ul li.on ul li a {color: #555;}/*2차메뉴 비활성화시 글자색*/
#menu1 ul li:hover ul li:hover a, #menu1 ul li.on ul li:hover a {color: #f12340;}/*2차메뉴 활성화시 글자색*/

/*왼쪽메뉴*/
.lmn h2 {border-color: #f12340;}/*2차메뉴 활성화시 글자색과 동일*/
.lmn h2 span, .side .info h3 span {background-color: #f12340;}/*2차메뉴 활성화시 글자색과 동일*/
.lmn ul li a {color: #333;background-color: #fff}/*2차메뉴 비활성화시 배경색,글자색*/
.lmn ul li:hover a, .lmn ul li.on a {background-color: #007dc3;}/*2차메뉴 활성화시 배경색*/
.lmn ul li.on a, .side .info h1 {color: #f12340;}/*2차메뉴 활성화시 글자색*/
.lmn ul li ul, .lmn ul li:hover ul, .lmn ul li:hover ul li a {background: #fff}/*3차메뉴 비활성화시 배경색*/
.lmn ul li ul, .lmn ul li a {border-color: #d7d7d7;}/*3차메뉴 비활성화시 테두리색*/
.lmn ul li.on ul, .lmn ul li.on ul li a {background: #f5f5f5}/*3차메뉴 활성화시 배경색*/
.lmn ul li.on ul {border-color: #ccc;}/*3차메뉴 활성화시 테두리색*/
.lmn ul li ul li a, .lmn ul li.on ul li a {color: #555;}/*3차메뉴 마우스 아웃시 글자색*/
.lmn ul li ul li:hover a, .lmn ul li.on ul li.on a {color: #f12340;}/*3차메뉴 마우스 오버시 글자색*/
.visual {background-image: url(default/sub_visual/01.png)}

/*그누기반 ===================================================================================================================== */
/*공통*/
.frm_info,.win_desc{color:inherit !important;opacity:.7;}
/*상단*/
#popular h2{opacity:.9;}
#gnb_all .gnb_al_li .gnb_al_a{ text-align:center; border-bottom:0}
#gnb_all .gnb_al_li .gnb_al_a:after{content:'';position:absolute;top:0;bottom:0px;left:0;right:0;opacity:.1}

#top_btn:hover{border-color:rgba(0,0,0,0.05)}
/*왼쪽*/
#aside{background-image:url(../img/bg92.png);border-color:rgba(0,0,0,0.2)}
#aside .lat_title a{color:inherit !important}
#aside .notice,#ol_before .ol_wr,#visit{border-color:rgba(0,0,0,0.15)}

#ol_after_private a strong{background:rgba(0,0,0,0.6);color:#fff}
#ol_submit.btn_b02{background-color:#fff !important;border-color:rgba(0,0,0,0.15) !important}

#visit dl{border-color:rgba(0,0,0,0.1)}
#visit dt span{width:3px;height:3px}
#visit dt i{opacity:.7}

.color_1 {background:#169dd6}
.color_2 {background:#82C13F}
.color_3 {background:#E83A5F}
.color_4 {background:#000}
/* =========================================== 게시판용 =========================================== */
/*카테고리*/
#bo_cate{ background:none; padding:0; margin:0 0 -5px; border:0}
#bo_cate ul {border-bottom:1px solid rgba(0,0,0,0.6);}
#bo_cate li {height:100%;padding:0 3px 0 0}
#bo_cate a {padding:5px 25px;border-color:rgba(0,0,0,0.18);top:1px;width:auto;min-width:40px;border-radius:0;border-bottom:0 !important;position:relative;font-size:1.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate a:hover{background-color:transparent;font-weight:700}
#bo_cate #bo_cate_on {background:#fff;box-shadow:none;margin-bottom:0px;border-color:rgba(0,0,0,0.6); color:inherit}

#bo_list,#bo_gall{padding-bottom:60px;}
/*게시물 목록수*/
#bo_list_total{background-color:transparent;padding:3px 0 0;color:inherit;letter-spacing:0;font-size:1.0em}
#bo_list_total span{font-weight:700;}
#bo_list_total span:after{content:' / '; opacity:.5}
/*리스트*/
.tbl_wrap table{border:0; margin-bottom:15px;}
.tbl_head01 td{border: solid rgba(0,0,0,0.1);border-width:0 0 1px}
.tbl_head01 thead th{background:#666; border-color:rgba(0,0,0,0.1)}
.tbl_head01 thead th,.tbl_head01 thead th *{color:#fff}

#bo_list tbody tr:hover{border:0  !important}
#bo_list td{ border-width:1px 0}
#bo_list .td_datetime{font-style:normal}
#bo_list td,#bo_gall{font-size:1.05em}
#bo_lis .td_subject img{margin-bottom:2px}

#bo_list .bo_tit{font-size:1.15em; letter-spacing:-0.05em}

#bo_gall .bo_tit{font-size:1.15em}
#bo_gall .gall_box,#bo_gall .gall_img{border:0}
#bo_gall .gall_con{ overflow:hidden}
#bo_gall .gall_text_href{margin:10px 0;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
#bo_gall .gall_name{float:left; margin:0;max-width:70%}
#bo_gall .gall_info{background:none;padding:0 5px;text-align:right;float:right; color:#777}
#bo_gall .gall_info .gall_date{position:static;padding-left:10px;font-style:normal}
#bo_gall .gall_img a{position:relative;display:block;text-decoration:none}
#bo_gall .gall_img a:after{content:'';position:absolute;left:0;right:0;bottom:0; top:0;border:1px solid rgba(0,0,0,0.1);}

#bo_list.webzine .bo_img{float:left;margin-right:10px;overflow:hidden;}
#bo_list.webzine .bo_img a{position:relative;text-decoration:none;width:53px;height:40px; display:block; text-align:center;}
#bo_list.webzine .bo_img a:after{content:'';position:absolute;left:0;right:0;bottom:0; top:0;border:1px solid rgba(0,0,0,0.1);}
#bo_list.webzine .bo_img .no_image{}
#bo_list.webzine .contents{font-weight:normal;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;margin-top:5px;font-size:0.9em;opacity:.8;}

/*읽기*/
#bo_v{padding:10px 0}
#bo_v header {height:auto !important}
#bo_v_title .bo_v_tit{font-weight:normal}
#bo_v_info .if_date{font-style:normal}
#bo_v_con{font-size:14px; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:30px;}
#bo_v_con img{ vertical-align:top}
#bo_v_sns{left:auto; right:0}

#bo_vc_empty,.empty_list,.empty_table{background-color:rgba(0,0,0,0.03) !important;font-weight:bold;font-size:1.25em}
/*검색*/
#bo_sch{float:none;border-radius:0 !important;}
#bo_sch select{margin:3px 5px 0}
#bo_sch .sch_input,#bo_sch .sch_btn{height:34px}
#bo_sch .sch_btn{float:right;}
/*댓글*/
.cmt_btn{color:inherit; opacity:.8}
/*버튼*/
#bo_w .btn_confirm,.btn_confirm{margin-top:30px;text-align:center;}
.btn_confirm a,.btn_confirm input,.btn_confirm button{line-height:40px !important;height:40px !important;font-size:1.1em; margin:0 2px}
.btn_confirm .btn_submit,.btn_confirm .btn_cancel{min-width:140px}
.btn_cancel{background-color:#fff !important;}
a.btn_admin, .btn_admin{background-color:#444;}
a.btn_admin:hover, .btn_admin:hover{background-color:#111}
a.btn_b01,.btn_b01{background-color:#fff;color:inherit;border:1px solid rgba(0,0,0,0.18)}
.btn_b01:focus,.btn_b01:hover{background-color:inherit;color:inherit; border-color:rgba(0,0,0,0.3)}
.bo_fx .btn_bo_user input{min-width:68px;}
/*로그인*/
.mbskin{ margin:50px auto}

#fregister p{border-color:rgba(0,0,0,0.1);background:none;padding:25px 0;color:inherit;border-style:double; border-width:4px; margin-bottom:30px; background:#fff}
#fregister_private table th{background:#666; border-color:rgba(0,0,0,0.1)}
#fregisterform .form_01 div{ margin-bottom:0}
#fregisterform .form_01 h2{ display:none}

#register_form{padding:0;margin:20px auto;width: 70%;min-width: 600px;}
#register_form .half_input{ width:100%}
#register_form .right_input{float:none;margin-top:10px;}
#register_form .frm_info{display:inline-block;margin-top:5px;color:inherit;white-space:nowrap !important;opacity:.7;}

#register_form .frm_label{font-weight:700; vertical-align:top}
#register_form .captcha{display:inline-block !important;margin:0}
#register_form #captcha #captcha_info{display:inline-block !important;opacity:.7;white-space:nowrap}
/*컨텐츠*/
#container_title{position:relative;margin-bottom:20px;}
#container_title span{font-size:2.3em;letter-spacing:-0.05em;padding:5px 20px 0 0;background:#fff;display:inline-block;position:relative;z-index:6}
#container_title span:before{content:'';width:11px;height:11px;border-radius:50%;display:inline-block;vertical-align:top; margin:-5px 7px 0 0;}
#container_title:after{content:''; position:absolute;bottom:18px;left:0;right:0;border-bottom:4px double rgba(0,0,0,0.15)}

#ctt{padding:10px 0}

#captcha #captcha_img{width:auto !important;}
/*쇼핑몰*/
#main_bn{border:0;margin-left:-20px;margin-bottom:40px;}
#main_bn .bx-next,#main_bn .bx-prev{width:23px;height:32px;margin-top:-16x;opacity:0;transition:ease-in-out .5s}
#main_bn:hover .bx-next #main_bn:hover .bx-prev{opacity:1;} 
#main_bn .bx-next{right:10px}
#main_bn .bx-prev{left:10px}

.sct_wrap{margin:30px 0;}

.sct .sct_img a{position:relative;display:block;z-index:59}
.sct .sct_img a:after{content:'';position:absolute;left:0;right:0;bottom:0; top:0;border:1px solid rgba(0,0,0,0.1);}