@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;font-family:inherit;}
a,button{cursor:pointer;text-decoration: none;border-radius:0}
button{vertical-align:top}
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:#F1F1F1;}
#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,.breadcrumb a:hover,#loginBox .modal-body a,#fregister p,a.hcol:hover,.hcol a:hover,.analysis-list li span,.biz-list li span
,.location .menu li.active:after{color:#ED6942 !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
,.testimonials-group #client .synced li .avatar{border-color:#ED6942 !important}
::-moz-selection{background-color:#ED6942;}
::selection{background-color:#ED6942;}
.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,.back-to-top:hover,.btn02,.btn_submit,.btn_b02,.widget .widget-title:after,#thumb li,.nav-inside.owl-theme .owl-controls .owl-buttons div:hover,#CSWrap
{background-color:#ED6942 !important}
.colbgb,.cbtn, .bx-pager a:hover, .bx-pager a.active{background-color:#ED6942;border-color:#ED6942}

/*그누기반 ===================================================================================================================== */
/*상단메뉴*/
#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)}
/*그누기반 ===================================================================================================================== */
#container{ overflow:visible;}
/*공통*/
.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)}

#aside .lat li{overflow:hidden;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

#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:#ED6942}
/* =========================================== 게시판용 =========================================== */
/*카테고리*/
#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:600;}
#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;font-size:1.5em}
#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}
/*faq*/
#faq_con h3{font-size:1.15em;}
#faq_con h3 p {line-height:inherit;margin:0px;}
#faq_con .con_inner {line-height:1.7em}
#faq_con .con_inner .closer_btn{border-radius:0}
/*버튼*/
.btn{border-radius:0; height:36px; line-height:36px; box-shadow:none;}

#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)}
.btn_submit,.btn_02{color:#fff;}
.btn_submit:focus,.btn_submit:hover,.btn_02:focus,.btn_02:hover{color:#fff !important;}
.bo_fx .btn_bo_user input{min-width:68px;}
.btn01,.btn02,.btn_submit,.btn_b01,.btn_b02,.btn_b03,.btn_b04,.btn_admin,.btn_cancel,.btn_frmline{border-radius:0}

a.btn_b03,.btn_b03{background-color:#fff;border-color:rgba(0,0,0,0.3);}
a.btn_b04,.btn_b04{background-color:#fff;border-color:rgba(0,0,0,0.2);}

.btn01:hover,.btn02:hover,.btn_submit:hover,.btn_b01:hover,.btn_b02:hover,.btn_b03:hover,.btn_b04:hover,.btn_admin:hover,.btn_cancel:hover,.btn_frmline:hover{/*background-image:url(../img/bk10.png);background-repeat:repeat; background-color:inherit*/}
/*로그인*/
.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/comn/bar.png) no-repeat 0px 0px;font-size: 11px;padding: 0 3px 0 10px;}

/*========================================================= Color =========================================================*/
body{background:#2a2a2a;}
body,a{color:#3d3d3d;}
a:hover{color:inherit}
/* Main menu */
.main-menu li a,.topbar a,.topbar{color:#fff}/*1차메뉴 비활성화시 색상*/
.main-menu li:hover a,.main-menu li.active > a,.topbar a:hover{color:#ED6942;}/*1차메뉴 활성화시 색상*/
.main-menu li.multi-level-menu .sub-menu li a:before{background-color:#ED6942;}
.main-menu li.multi-level-menu .sub-menu{background-color:#f9f9f9;}/*2차메뉴 배경*/
.main-menu li.multi-level-menu .sub-menu li a{color:#333}
.main-menu li.multi-level-menu .sub-menu li a:hover{color:#ED6942;}
/* Mobile menu */
.dl-menuwrapper button{background:#4d4d4d;color:#ddd;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#3d3d3d;color:#FFF;}
.dl-menuwrapper li a{color:#ddd}
.dl-menuwrapper li a:hover{color:#fff}
.dl-menuwrapper li:hover a:not(:only-child):after{color:#ED6942;}
/* SIDEBAR */
.sidebar .widget .widget-title{background-color:#ED6942;color:#fff}
.sidebar .widget_nav_menu .menu li a{color:#666}
.sidebar .widget_nav_menu .menu li a:hover,.sidebar .widget_nav_menu .menu li.active a{color:#ED6942;}
.sidebar .widget_nav_menu .menu li.active{background-color:#f5f5f5}
/*============= HEADER ===============*/
.inner {max-width:1170px;}
.main-menu *{font-family:'Montserrat','Roboto', 'Crete Round','Malgun Gothic','Nanum Gothic', sans-serif;}

.topbar {font-size:0.83em;position:absolute;width:100%;top:0px;left:0;}
.topbar > .inner {height:38px;}
 
.topbar .nav > li > a {line-height:38px;height:38px}
.topbar .nav li .dropdown-menu {min-width:130px;border-color:#f1f1f1;}
.topbar .nav li .dropdown-menu > li {border-bottom-color:#f1f1f1;}

.nav-container{z-index:42;width:100%;min-height:67px;box-shadow:none;position:fixed;left:0;top:auto;margin-top:38px; border-color:rgba(255,255,255,0.2)}
.nav-container:after,.nav-container:before{display:block;clear:both;height:0;line-height:0;overflow:hidden;}
.nav-container > .inner {height:65px;}

.sticky {margin:0 auto;animation:thedrop 1s 1;-moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1;box-shadow:0 3px 5px 0 rgba(0,0,0,.03);background-color:rgba(0,0,0,0.9);}

/*========= WIDGETS =========*/
.widget {margin-bottom:40px;position:relative;}
.widget .widget-title {position:relative;font-weight:400;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;}
.widget .widget-title:after {position:absolute;content:'';width:40px;height:1px;left:0;bottom:-15px;}
.widget .widget-title:before {position:absolute;content:'';background:rgba(0, 0, 0, .2);width:100%;height:1px;left:0;bottom:-15px;} 
/*========= Page title =========*/
.page-header {width:100%;position:relative;min-height:300px;margin:0;text-align:center;background:url(../../img/header.png) no-repeat 50% #000;background-size:cover; border:0}
.page-header h1 {color:#FFF;font-weight:100;display:block;font-size:40px;line-height:normal;margin-top:155px;text-transform:capitalize;font-family:'Montserrat','Crete Round';}
.page-header.one-section h1 {font-size:80px;text-transform:uppercase;font-weight:bold;} 

.breadcrumb {display:inline-block;background:none;border-radius:0;color:#FFF;padding:10px 15px;text-transform:capitalize;font-size:13px;background:none !important; border-top:1px solid rgba(256,256,256,0.5); margin:11px 0px 60px;}
.breadcrumb * {color:#FFF;}
.breadcrumb a{font-weight:400;color:#FFF;}
.breadcrumb > li + li:before {color:rgba(255,255,255,0.6);}

.page-header.title-center .col-lg-12 {text-align:center;}
.page-header.title-right .col-lg-12 {text-align:right;}
.page-header.title-left .col-lg-12 {text-align:left;}
/*========= FOOTER =========*/
footer{padding:30px 0 20px;}

.flink a{color:rgba(255,255,255,0.95)}
.flink a:before{background:rgba(255,255,255,0.15);}

.finfo{color:rgba(255,255,255,.8)}
.finfo span:before{background:rgba(255,255,255,0.15);}

.copyright,.copyright a {color:rgba(255,255,255,.8)}
/*=======contents ==========*/
.location {position:relative;font-size:1em;border-bottom:1px solid rgba(0,0,0,0.1);background:#fff;}
.location .navZone {border:solid rgba(0,0,0,0.1); border-width:0 1px;}
.location .navZone:after {content:''; display:block; clear:both;}
.location button[type="button"] {float:left;display:block;position:relative;width:69px;height:50px;text-indent:-9999px;font-size:0;background:#fff;border:solid rgba(0,0,0,0.1);border-width:0 1px 0 0;}
.location button[type="button"]:hover{ background-color:rgba(0,0,0,.7)}
.location button[type="button"] var {display:block; position:absolute;width:100%;height:100%;left:0;top:0;background:url("../../img/home.png") no-repeat}
.location button[type="button"].home var {background-position:50% 0;}
.location button[type="button"].home:hover var {background-position:50% 100%;}
.location .menu {position:relative;overflow:hidden}
.location .menu li {float:left;display:table;position:relative;border-right:1px solid rgba(0,0,0,0.1);}
.location .menu li:hover:after{font-family:FontAwesome;content:"\f0da";position:absolute;top:16px;right:20px;opacity:.5}
.location .menu li.active {font-weight:400}
.location .menu li.active:after{font-family:FontAwesome;content:"\f0d7";position:absolute;top:16px;right:20px;opacity:1}
.location .menu li a {display:table-cell;position:relative;height:50px;min-width:160px;padding:0 20px;vertical-align:middle;}
/* ===== Heading title ====== */
/* Large */
.text-heading.large-head {margin-bottom:50px;text-align:left;}
.text-heading.large-head h1{font-weight:700}
.text-heading.large-head:before{left:0;margin:0;right:0;width:auto}
.text-heading.large-head:after{display:none;}

@media all and (max-width:721px) {
	#bo_sch {margin:0; width:100%;}
}

@media all and (max-width:520px) {
	.mbskin {width:auto;}
}