@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');	
/* 초기화 */
*{padding:0;margin:0;outline:none;font-family:'Malgun Gothic', sans-serif;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:1200px}
#hd_pop,#hd_wrapper,#tnb ul,#gnb .gnb_wrap,#container_wr,#ft_wr{width:1200px}

/*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,
.newstab .ttit li.on, .lbar .login .logbtn, .lbar .logout .logbtn
{color:#FF6600 !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,.tabbbs .tab,
.gallery .border,#menu3
{border-color:#FF6600 !important}
.colbg,.cr,#gnb .gnb_menu_btn,#gnb .gnb_close_btn,.btn_submit,.btn_b02,.lat_title a:after,#aside .notice h2 a,#aside,.progress-bar,.text-heading.line:after,#container_title span:before,#top_btn:hover,.pg_current,
#toTop:hover, .bx-pager a:hover, .mr, .lbar .login, .lbar .logout, .mbt ul li dl dt, #menu3 ul li .headlink span
{background-color:#FF6600 !important}
.colbgb,.cbtn, .bx-pager a:hover, .bx-pager a.active{background-color:#FF6600;border-color:#FF6600}

/*그누기반 ===================================================================================================================== */
/*상단메뉴*/
#tnb a:focus, #tnb a:hover,#hd_sch #sch_submit,#popular h2,#gnb_all .gnb_al_li .gnb_al_a{color:#4d88d9}
#hd,#hd_sch,#gnb_all .gnb_al_ul{border-color:#4d88d9}
#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:#4d88d9;}
#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:#4d88d9;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}

.pg_page{border-radius:0; background-color:transparent}
.pg_current{border-radius:0; box-shadow:none; border-color:rgba(0,0,0,0.1)}
/*그누기반 ===================================================================================================================== */
/*공통*/
.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:#FF6600}
/* =========================================== 게시판용 =========================================== */
/*카테고리*/
#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:#666 !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);}

/*기본_WEBIS ==============================================================================================================*/
.psr {position: relative;}
.psa {position: absolute;}
.fl {float: left;}
.fr {float: right;}
.blank {width: 0px;height: 100%;vertical-align: middle;display: inline-block;}
.hvm {vertical-align: middle;display: inline-block;position: relative;width: 100%}
.hvm * {vertical-align: middle;}
.divide {	clear:both;display:block;height:1px;font-size:1px;line-height:1px;overflow:hidden;}
.more {position: absolute;right: 0;top: 50%;margin-top: -6px;font-size:11px;color: #888;text-decoration: none !important;}
.more:after{ font-family:Fontawesome; content:'\f0da';font-size:0.7em; padding-left:5px;}
.navi, .navi *, .navi a {	font-size: 11px;color: #777;text-decoration: none;vertical-align: middle;}
.navi .home {display: inline-block;font-size: 0;line-height: 0;text-indent: -999px;background-image: url(../img/home.gif);background-repeat: no-repeat;background-position: 50%;width: 12px;height: 12px;}
.List li {display: inline;background: url(../../img/bar.png) no-repeat 0px 0px;font-size: 11px;padding: 0 3px 0 10px;}
.List li:first-child {background: none;padding-left: 0}
/* 웹이즈 테마 PC 리셋 */
#wrap {position: relative;}
#header {position: relative;z-index: 100;}
#header a {text-decoration: none;}
#header .List {position: absolute;top: 0px;	left:auto !important;right: 50%;z-index: 100;overflow: visible !important;line-height: 28px;	width:auto !important;}
#header .List.left {left: 50% !important;margin-right:0 !important;text-align:left;}

#contents {padding-bottom: 20px;min-height: 500px;overflow: hidden;}

#footer {padding: 15px 0;}
#footer .gnb {position: relative;}
#footer h1 {float: left;margin-right: 20px;min-width:180px;}
#footer .Link {overflow: hidden;}
#footer .Link ul {overflow: hidden;}
#footer .Link li {float: left;letter-spacing: -1px;background: url(../../img/bar.png) no-repeat 0 50%;padding: 0 8px 0 10px}
#footer .Link li:first-child {background: none;padding-left: 0}
#footer .Link li a {color: #444;font-weight: bold;font-size: 12px;text-decoration: none;}
#footer .info {margin: 10px 0;line-height: 150%;color: #777;font-size: 0.96em;}
#footer .info span {letter-spacing: -0.5px;white-space: nowrap;display: inline-block;padding-right: 7px;}
#footer .info strong {padding-right: 7px;}
#footer .info address {font-family: Arial;font-size: 0.8em;display: block;margin-top: 5px;}
/*MAIN_______________________________________________________________________________*/
.mainVisual {overflow: hidden;position: relative;}
.mainVisual img {width: 100%;height: 100%}
/*COMMON_______________________________________________________________________________*/
/*Tab*/
.tab {display:block;border-bottom:1px solid;}
.tab .ttit {}
.tab .ttit:after{ content:''; height:0px; display:block;clear:both}
.tab .ttit li {float: left;cursor: pointer;text-align: center;background: #f8f8f8;padding:6px 15px;border:solid #ccc;border-width:1px 1px 0; font-size:1.15em}
.tab .ttit li h1 {word-spacing: -1px;}
.tab .ttit li.on {background-color: #fff;font-weight: bold;margin-bottom:-1px;position:relative;z-index:10;padding-bottom:7px;}
.tab .ttit li a {text-decoration: none; display:block}

.tab.colbg {height: 30px}
.tab.colbg .ttit li {margin-right: 3px;height: 28px;font-size: 13px;}
.tab.colbg .ttit li.on {color: #fff;background-image: url(../../img/grf25.png);background-repeat: repeat-x;background-position: 0 0;}
.tab.t02.colbg .ttit {overflow: visible;}
.tab.t02.colbg .ttit li {margin-right: -1px;height: 27px;min-width: 100px}
.tab.t02.colbg .ttit li.on {background-color: #fff;border-width: 2px;color: #222;font-weight: bold;margin-right: 0px;}
/*BBS*/
.tabwrap div {display: none;}
#tab01{display:block}
#tab02,#tab03,#tab04{display:none;}

.bbs li {overflow: hidden;text-overflow: ellipsis;font-size:1.05em}
.bbs li:last-child{margin-bottom:0}
.bbs li span.ico {vertical-align: top;font-size:11px;font-weight:normal;line-height:15px;height: 17px;display: inline-block;padding: 0 5px;color: #fff;margin-right: 7px;background: #777;}
.bbs.no li {background: none !important;padding-left: 0 !important;}

.date li a {float: left;max-width: 70%;overflow: hidden;text-overflow: ellipsis;}
.date li em {float: right;opacity:.7}

.thumb {text-align: center;border: 1px solid rgba(0,0,0,0.15);background: url(../../img/no.png) no-repeat 50% #fff;display: block;overflow: hidden}
.thumb img {max-width: 100%;max-height: 100%;vertical-align: middle;width: 100%;height: 100%;}

.txts, .imgs, .webs, .mix, .uni {overflow: hidden}
.txts li {font-weight:normal;display: block;white-space: nowrap;overflow: hidden;text-align: left;margin-bottom:5px;}
.txts li a:before{content:'ㆍ'; font-weight:700;opacity:.5; margin-left:-5px;}
.txts.no li a:before{ display:none;padding:0; margin:0}
.txts.no li span {display: inline-block;width: 16px;height: 15px;background: #777;color: #fff;text-align: center;font: italic bold 11px/13px 'Arial';margin-right: 5px;}
.txts.no li em {display: inline-block;border: 1px solid #ddd;width: 15px;height: 14px;text-align: center;font: italic bold 11px/13px 'Arial';margin-right: 5px;}
.txts.no li span.ico {padding: 0 5px;width: auto;vertical-align: top;line-height: 19px;height: 17px;font-style: normal}

.imgs li {float: left;text-align: center;margin: 0 0 5px 10px;}
.imgs .thumb {margin-bottom: 7px;}
.imgs .sdesc {display: block;max-height: 32px;overflow: hidden;line-height: 16px;}
.imgs .pname {white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;}

.webs li {display: block;line-height: 16px;color: #777;margin-bottom: 10px;overflow: hidden;vertical-align: top;}
.webs .thumb {float: left;margin: 0 10px 0 0;}
.webs dd, .webs .desc {overflow: hidden;}
.webs strong {margin: 0 0 5px;overflow: hidden;max-height: 30px;display: block}
.webs .sdesc, .webs .sdesc a {color: #777;}
/*Layoyt*/
.side .cscenter {border: 1px solid #ddd;margin-bottom: 15px;}
.side .info {padding: 10px;color: #888;text-align:center}
.side .info h3 {display: block;font-size: 1.2em;color: #333}
.side .info h1 {display: block;font-size: 2.3em;letter-spacing: -1px;margin-bottom: 3px;}
.side .icons {overflow: hidden;background-color: #f7f7f7;padding: 10px 0 7px;}
.side .icons li {float: left;width: 33.3%;background-image: url(../../img/csInfo.png);background-repeat: no-repeat;text-align: center;height: 48px;}
.side .icons li.i01 {background-position: 50% 0}
.side .icons li.i02 {background-position: 50% -48px}
.side .icons li.i03 {background-position: 50% -96px}
.side .icons li a {display: block;text-decoration: none;background: url(../img/ln_hdot.gif) repeat-y 0 0;font-size: 11px;padding-top: 30px;letter-spacing: -1px;color: #777;font-weight: bold}
.side .icons li.i01 a {background-image: none;}
.side .banner {text-align: center;margin-bottom: 15px;overflow: hidden}
.side .banner img {width: 100%}
/* -----------------------------------------------------------------------------*/
/* body {} */
.gnb { width: 1200px; margin:0 auto;}

/*사이트사이즈*/
#wrap { margin: 0px 0px 0px 0px }

/*사이트여백 : 상 우 하 좌*/
body, a { color: #555555; }

/* 사이트폰트색 */
.side { margin-right: 30px; }

/*좌측마진 여백*/
#header .hvm { color: #FF6600; font-size: 25px; text-decoration: none; }

/*텍스트로고색상, 텍스트로고크기*/


/*상단메뉴*/
#header { background-color: #fff; text-align:center;}

/*1차메뉴 배경색상*/
#menu3 li a { color: #333333; }

/*1차메뉴 비활성화시 글자색*/
#menu3 li:hover .headlink { color: #FF6600 }

/*1차메뉴 활성화시 글자색*/
#menu3 { border-color: #FF6600 }

/*2차메뉴  활성화시 글자색 동일*/
#menu3 ul li .headlink span { background-color: #FF6600; }

/*2차메뉴  활성화시 글자색 동일*/
.menu3_sub_wrap div { background-color: #fff; }

/*2차메뉴 배경색*/
#menu3 li ul li a { color: #333333; }

/*2차메뉴 비활성화시 글자색*/
#menu3 li ul li a:hover { color: #FF6600; }

/*2차메뉴 활성화시 글자색*/

/*왼쪽메뉴*/
.lmn ul li a { color: #333; background-color: #fff; border-color: #ddd !important; }

/*2차메뉴 비활성화시 배경색,글자색*/
.lmn ul li.on a, .side .info h3 span { background-color: #fff; }

/*2차메뉴 활성화시 배경색*/
.lmn ul li.on a, .lmn ul li a:hover, .lmn ul li.on ul li a:hover { color: #FF6600; }

/*2차메뉴 활성화시 글자색*/
.lmn ul li.on .bul { background-color: #FF6600 }

/*2차메뉴 활성화시 글자색과 동일*/
.lmn ul li.on a { border-color: #eee; }

/*2차메뉴 활성화시 테두리색*/
.lmn ul li ul, .lmn ul li:hover ul, .lmn ul li:hover ul li a { background-color: #fff }

/*3차메뉴 비활성화시 배경색*/
.lmn ul li 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 .bul { background-color: #555 }

/*3차메뉴 비활성화시 글자색과 동일*/
.lmn ul li.on ul li.on a, .lmn ul li.on ul li .bul { background-color: #FF6600 }

/*3차메뉴 활성화시 배경색*/
.lmn ul li.on ul { border-color: #ccc }

/*3차메뉴 활성화시 테두리색*/
.lmn ul li.on ul li.on a { color: #fff; }

/*3차메뉴 활성화시 글자색*/
.lmn ul li.on ul li.on .bul { background-color: #fff }

/*3차메뉴 활성화시 글자색과 동일*/


#header h1{ padding:15px 0}

#menu3 { position: relative; height: 50px; z-index: 10;border-bottom:3px solid }
#menu3 ul { overflow: visible; z-index: 2; height: 50px; }
#menu3 ul li { position: relative; float: left; }
#menu3 ul li .headlink { position: relative; display: block; line-height: 40px; font-size: 16px; font-weight: bold; text-decoration: none; overflow: hidden; text-align: center; letter-spacing: -1px; }
#menu3 ul li .headlink span { position: absolute; top: 18px; right: 20px; background: url(../../img/arr.png) no-repeat; width: 9px; height: 6px; }
#menu3 ul li ul { display: none; position: absolute; top: 50px; width: 100%; height: auto; margin: 0; white-space: nowrap; padding:10px 0; }
#menu3 ul li ul li { display: block; float: none; white-space: nowrap; line-height: 25px; font-size: 11px;}
#menu3 ul li ul li a { display: inline-block; font-size: 14px; font-weight: bold; white-space: nowrap; zoom: 1; text-decoration: none; letter-spacing: -1px; }

.menu3_sub_wrap { position: absolute; top: 50px; left: 0; width: 100%; display: none; padding-bottom: 0px; }
.menu3_sub_wrap div { width: 100%; height: 100% }


#contents { padding: 0 }

/* Visual----------------------------------------------------------------------------*/
.mainVisual { background: #F5F5F5; overflow: hidden; text-align:center;}
.mainVisual img { width: auto; }
.mainVisual .bx-pager, .mainVisual .bx-controls-auto { display: none; }
.mainVisual .bx-prev {width: 32px; height: 32px; left: 5%; background-position: 0 -32px;}
.mainVisual .bx-next {width: 32px; height: 32px; right: 5%; background-position: -43px -32px;}

.bx-prev:hover {background-position: 0 0;}
.bx-next:hover {background-position: -43px 0;}

.bx-controls-direction a {background-image: url(../../img/controls.png);}

/*common*/

.mr { width: 20px; height: 20px; text-indent: -9999px; background-image: url(../../img/more.png); background-repeat: no-repeat; background-position: 0 0; }

.mbt { margin-top: 0px; }
.mbt ul li { float: left; width: 298px; height: 75px; background: #F0F0F0; margin-right: 2px; }
.mbt ul li dl { margin: 18px 0 0 20px; letter-spacing: -1px; }
.mbt ul li dl dt { float: left; width: 42px; height: 42px; background: #FF6600; margin-right: 20px; background: url(../../img/bul.png) no-repeat; }
.mbt ul li dl dt.m01 { background-position: 0 0px; }
.mbt ul li dl dt.m02 { background-position: 0 -42px; }
.mbt ul li dl dt.m03 { background-position: 0 -84px; }
.mbt ul li dl dt.m04 { background-position: 0 -126px; }
.mbt ul li dl dd { overflow: hidden; }
.mbt ul li h3 { font-size: 17px; }
.mbt ul li p { margin-top: 5px; font-size: 12px; font-family: 'Nanum Gothic'; }

.gal1 { display: block; margin: 30px 0; }
.gal1 .tit { width: 100%; height: 70px; text-align: center; }
.gal1 h2 { border-top: 3px solid; font-size: 16px; line-height: 35px; display:inline-block; }
.gal1 p { font-family: 'Nanum Gothic'; letter-spacing: -1px; font-size: 11px; color: #939393; }
.gal1 .imgs { margin-right: -2%; }
.gal1 .imgs li {width: 18%; margin: 0 2% 0 0; position: relative; }
.gal1 .imgs .thumb { margin: 0; border:0;background:url(../../img/no.png) no-repeat 50% #f5f5f5 height: 155px; }
.gal1 .imgs .sdesc { max-height: 32px; line-height: 32px; position: absolute; bottom: 0; font-size:13px; background: url(../../img/bk60.png); width: 100%; }
.gal1 .imgs .sdesc a { padding: 0 5px; text-decoration: none; color: #fff; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.Line { position: relative; display: block; width: 100%; height: 3px; clear: both; margin: 15px 0 0px; background: #9E9E9E; }
.Line span { position: absolute; top: 0; left: 0; width: 170px; height: 3px; background: #2F2F2F; }

.powrap .gal2 { float: left; margin-right:20px; width: 658px;position:relative; }


.gal2 h2 { display: block; position: relative; font-size: 20px; font-weight: bold; margin: 10px 0 10px; }
.gal2 .mr { position: absolute; top: 10px; right: 0px; }
.gal2 ul {margin-right: -15px; }
.gal2 li { float: left; width: 153px; margin-right: 15px; z-index: 1; }
.gal2 img { width: 100%; height: 95px; }
.gal2 .sdesc a { text-decoration: none; display: block; overflow: hidden; height: 32px; line-height:16px; word-spacing: -1px; margin: 5px 0 20px; text-align: center; letter-spacing: -1px; }

.story {overflow:hidden;padding:15px 20px; border: 1px solid #ddd; border-top:0; background: #F1F1F1;position: relative; font-family: 'Nanum Gothic'; }
.story h2 { display: block; font-size: 17px; font-weight: bold; margin: 0 0 15px; }
.story .thumb { height: 180px; margin: 0 0 8px; }
.story strong {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size:13px; font-family:'맑은 고딕'; margin-bottom:5px; }
.story em  {max-height: 32px;color: #888;line-height: 16px;overflow: hidden;display: block }
.story .mr { position: absolute; top: 15px; right: 20px; }

.cus { background: #F3F3F3; height: 180px; border-top: 1px solid #ddd; }

.cusbox { width: 33%; float: left; margin-right: 4%; }
.notice { width: 31%; float: left; margin-right: 4%; }
.qna { overflow: hidden; }

.cus h2 { display: block; position: relative; font-size: 16px; height: 60px; line-height: 60px; }
.cus .mr { position: absolute; top: 20px; right: 0px; }

.cusbox { background: url(../../img/tel.png) no-repeat 100% 90% }
.cusbox h3 { font-size: 1.8em; margin: 25px 0 10px; }
.cusbox .tel { font-size: 2.2em; font-family: Arial; font-weight: bold; margin-bottom: 7px; }
.cusbox .time { font-size: 14px; font-family: 'Nanum Gothic'; font-weight: bold; }
.cusbox .txt { font-family: 'Nanum Gothic'; letter-spacing: -1px; margin-top: 5px; }


/*하단메뉴*/
#footer { border-top: 1px solid #ddd; }

/*COMMON*/
ol.decimal { margin-left: 20px }
ol.decimal li { list-style: decimal; }

.more { margin-top: -8px }
.md { margin-top: 15px; }

.ntit { padding-bottom: 7px; position: relative; }
.ntit h2 { font-family: '나눔고딕'; font-size: 13px; *display: inline; }
.ntit dd { position: absolute; right: 0; bottom: 5px }
.ntit.colb { border-bottom: 2px solid }
.ntit.tab { background: #fff; padding-bottom: 0 }
.ntit.tab .ttit li { margin-right: 3px; height: 30px }
.ntit.tab .ttit li.on { color: #fff; font-weight: bold; background: url(../../img/grf25.png) repeat-x 0 0 }
.ntit.tab .ttit li.on a { color: #fff; }

.tab.colbg { background-position: 0 -904px; height: 30px }
.tab.colbg .ttit li { margin-right: 3px; height: 28px; font-size: 13px; }
.tab.colbg .ttit li.on { color: #fff; background-image: url(../../img/grf25.png); background-repeat: repeat-x; background-position: 0 0; }

.tab.t02.colbg .ttit { overflow: visible; }
.tab.t02.colbg .ttit li { margin-right: -1px; height: 27px; min-width: 100px }
.tab.t02.colbg .ttit li.on { background-color: #fff; border-width: 2px; color: #222; font-weight: bold; margin-right: 0px; }

/*CONTENTS*/
.svisual{ text-align:center;} .side { float: left; width: 180px; }

.lmn { border-bottom: 1px solid #ccc; }
.lmn * { font-family: 'Nanum Gothic'; word-spacing: -2px; }
.lmn h2 { font-size: 1.7em; display: block; letter-spacing: -1px; vertical-align: middle; height: 76px; border-bottom: 1px solid #ccc; padding-top: 35px; }
.lmn ul li a { display: block; height: 35px; padding-left: 5px; font-size: 13px; font-weight: bold; line-height: 32px; text-decoration: none; word-spacing: -1px; position: relative; border-top: 1px solid; }
.lmn ul li .bul { position: absolute; right: 3px; top: 50%; margin-top: -6px; display: none; width: 7px; height: 11px; background-position: -7px -1075px; }
.lmn ul li.on .bul { background-image: url(../../img/bul_col.png); display: inline-block }
.lmn ul li ul { padding: 6px 0; border-top: 1px dotted }
.lmn ul li.on ul { display: block; }
.lmn ul li ul li { border-bottom: 0; background: none; }
.lmn ul li ul li a { font-size: 11px; height: 27px; font-size: 12px; line-height: 24px; border: 0; border-radius: 3px; padding-left: 10px }
.lmn ul li ul li .bul, .lmn ul li.on ul li .bul { background-image: none; position: static; width: 2px; height: 10px; margin: 0 5px 0 0; display: inline-block }

.conts { overflow: hidden; min-height: 500px; }
.conts .ctit { margin-bottom: 35px; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 15px }
.conts .ctit h2 { font-size: 23px; letter-spacing: -1px; display: block; letter-spacing: 0; }

.navi { display: block; margin: 10px 0; text-align: right }