@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
{color:#4389fa !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:#4389fa !important}
::-moz-selection{background-color:#4389fa;}
::selection{background-color:#4389fa;}
.colbg,.cr,#gnb .gnb_menu_btn,#gnb .gnb_close_btn,.btn_submit,.btn_b02,.lat_title a:after,#aside .notice h2 a,#aside,.mini-progress .progress .progress-bar,.text-heading.line:after,#container_title span:before,#top_btn:hover
,.pg_current,.back-to-top:hover,.btn02,.btn_submit,.btn_b02,.text-heading.large-head:after,.widget .widget-title:after,#thumb li,.nav-inside.owl-theme .owl-controls .owl-buttons div:hover
,#sm_banner .banner:nth-child(2),.services-box:hover .sb-content-wrap p:after,.p-item .pthumb .mask i:hover,.widget_gallery ul li a:after,.owl-page.active span,.feature-box:before, .feature-box:after,.services .service-box:hover .icon,.services .service-box:hover .btn,.wbox .section a,.boardWrap
{background-color:#4389fa !important}
.colbgb,.cbtn, .bx-pager a:hover, .bx-pager a.active{background-color:#4389fa;border-color:#4389fa}

/*그누기반 ===================================================================================================================== */
/*상단메뉴*/
#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)}

#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:#4389fa}
/* =========================================== 게시판용 =========================================== */
/*카테고리*/
#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}
/*버튼*/
#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 !important}

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:#222222;}
body,a{color:#3d3d3d;}
a:hover{color:inherit}
/* Main menu */
.main-menu li a,.topbar a,.topbar{color:#000}/*1차메뉴 비활성화시 색상*/
.main-menu li a:hover::before,.main-menu li.active a::before,.main-menu li a:hover,.main-menu li a:focus,.main-menu li.active > a,.topbar a:hover{color:#000;}/*1차메뉴 활성화시 색상*/
.main-menu > li > a::before{background-color:#4389fa;}/*1차메뉴 활성화시 색상*/
.main-menu li.multi-level-menu .sub-menu{/*border-color:#4389fa;*/}
.main-menu li.multi-level-menu .sub-menu{background-color:#4389fa;}/*2차메뉴 배경*/
.main-menu li.multi-level-menu .sub-menu li{border-color:rgba(255,255,255,0.2)}
.main-menu li.multi-level-menu .sub-menu li:hover{background-color:#213152}
.main-menu li.multi-level-menu .sub-menu li a{color:#fff;}
/* Mobile menu */
.dl-menuwrapper button{background:#222222;color:#ddd;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#4575d6;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:#4389fa;}
/* SIDEBAR */
.sidebar .widget .widget-title,.sidebar .text-heading{background-color:#333;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:#4389fa;}
.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;}

header,.sticky{background-color:#fff;}
#container header{ background:none}

.topbar {font-size:0.83em;border-bottom: 1px solid rgba(0,0,0,0.1);}
.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{border-width:1px 0 0; border-color:rgba(255,255,255,0.1)}
.nav-container > .inner {height:65px;}
/*========= 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%;align-items:center;position:relative;min-height:250px;margin:0;overflow:hidden;color:#FFF; border:0}
.page-header:before{position:absolute;content: '';top:0;left:0;bottom:0; right:0;background: rgba(0, 0, 0, 0.25);z-index:2}
.page-header:after{content:'';background:url(../../img/header.png) no-repeat 50% 50%;background-size:cover;animation-name:zoom;animation-duration:2s;animation-delay:1.5s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards;transform: scale(1.1, 1.1);position:absolute;top:0;left:0;bottom:0; right:0; z-index:1}
@keyframes zoom{from{transform:scale(1.1, 1.1);} to{transform: scale(1.0, 1.0);}}

.page-header .container{ position:relative;z-index:3}
.page-header h1 {font-weight:100;display:block;font-size:40px;line-height:normal;margin-top:90px;text-transform:capitalize;font-family:'Montserrat','Crete Round';}
.page-header.one-section h1 {font-size:80px;text-transform:uppercase;font-weight:bold;} 
.page-header h6{display: inline-block;border-top: 1px solid rgba(256,256,256,0.5);padding-top: 10px;}
.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;}
/*navi*/
.location {font-size: 1em; width:100%; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.location ul.menu {margin-left:-15px;}
.location ul.menu li {box-sizing:border-box; display:inline-block; padding:15px 0px; text-align:left; border-right:1px solid rgba(0,0,0,0.1); float:left; position:relative;}
.location ul.menu li:first-child {border-left:1px solid rgba(0,0,0,0.1); }
.location ul.menu li a {color:#222; padding:0px 50px;}
.location ul.menu li.active {background:#4389fa;}
.location ul.menu li.active:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; top: 16px; right: 30px; opacity: 1; color:#fff !important;}
.location ul.menu li.active a {color:#fff;}

.breadcrumb { position:absolute;right:0;bottom:-20px;background:none;color:#000;padding:0px; text-transform:capitalize;font-size:13px; border:0;}
.breadcrumb * {color:#4389fa; font-weight:400;}
.breadcrumb i {color:rgba(0,0,0,0.7);}
.breadcrumb a{font-weight:400;color:rgba(0,0,0,0.7);}
.breadcrumb > li + li:before {color:rgba(0,0,0,0.7); content:"\f105"; padding:1 5px;font-family:FontAwesome;}
/*========= 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)}

/* ===== Heading title ====== */
.text-heading {margin:10px 0 30px;}
/* Large */
.text-heading.large-head.left:before {width:100%;}
.text-heading.large-head h1{ font-weight:600}

.sidebar .widget .text-heading:before,.sidebar .widget .text-heading:after{display:none;}