@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css'); /* 원본 g5.css 불러오기 */

/********************************************************
■ Theme Common
********************************************************/
h1,h2,h3,h4,h5,h6,.en{font-family:"Roboto",sans-serif}

/********************************************************
■ Theme Layout
********************************************************/
.wrapper{background:transparent;}
@media all and (max-width:991px){.responsive .wrapper{overflow-x:hidden;}}
.nt-container,.nt-container-wide{margin:0 auto;}
@media all and (min-width:992px){
  .responsive .boxed-a.wrapper .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
  .responsive .boxed-b.wrapper{padding-left:1.5rem!important;padding-right:1.5rem!important;}
  .responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
  .responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
}
/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
.no-responsive .boxed-b.wrapper{padding-left:1.5rem!important;padding-right:1.5rem!important;}
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
@media all and (max-width:1200px){
  .no-responsive .wrapper.wided .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
  .no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
  .no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0{padding-left:1.5rem!important;padding-right:1.5rem!important;}
}

/********************************************************
■ Loader
********************************************************/
#nt_loader{background:#000;left:0;top:0;width:100%;height:100%;display:block;position:fixed;z-index:100000;}
#nt_loader .loader{margin:-25px 0 0 -25px;left:50%;top:50%;width:50px;height:50px;line-height:50px;font-size:45px;position:absolute;z-index:10001;}

/********************************************************
■ LNB
********************************************************/
#nt_lnb ul{list-style:none;margin:0;}
#nt_lnb ul>li{float:left;padding:0 13px;}
#nt_lnb ul>li::after{font-family:dotum;font-weight:normal;float:right;color:#ccc;content:"|";margin-right:-15px;}
#nt_lnb ul>li:first-child{padding-left:0;}
#nt_lnb ul>li:last-child{padding-right:0;}
#nt_lnb ul>li:last-child::after{content:"";margin-right:0;}
#nt_lnb ul>li>a{float:left;white-space:nowrap;}
#nt_lnb .dropdown-toggle::after{color:#ccc;}

/********************************************************
■ Header
********************************************************/
#header_pc .header-logo img{max-width:100%;}
#header_mo{box-shadow:0 5px 5px -2px rgba(50,60,70,.15);-webkit-box-shadow:0 5px 5px -2px rgba(50,60,70,.15);-moz-box-shadow:0 5px 5px -2px rgba(50,60,70,.15);}

/********************************************************
■ Main Menu
********************************************************/
#nt_menu{position:relative;z-index:20;box-shadow:0 5px 5px -2px rgba(50,60,70,.15);-webkit-box-shadow:0 5px 5px -2px rgba(50,60,70,.15);-moz-box-shadow:0 5px 5px -2px rgba(50,60,70,.15);}
#nt_menu .nt-container,#nt_menu .me-list .me-li,#nt_menu .sub-1dul,#nt_menu .sub-1dli{position:relative;}
#nt_menu .sub-slide{display:none;visibility:visible;}
#nt_menu .sub-icon::after{font-family:"FontAwesome";float:right;position:relative;content:"\f105";}
#nt_menu .me-icon{width:4rem;text-align:center;}
/* 메뉴 기본/호버 */
#nt_menu .me-a{display:block;position:relative;text-align:center;font-weight:bold;}
#nt_menu .me-li.on .me-a,#nt_menu .me-li:hover .me-a{font-weight:bold;}
/* 2차 서브 */
#nt_menu .sub-2div{left:100%;top:0;position:absolute;z-index:22;box-shadow:0 6px 12px rgba(0,0,0,.175);}
#nt_menu .sub-2da{display:block;border-bottom:1px solid transparent;}
#nt_menu .sub-2dli.on .sub-2da,#nt_menu .sub-2dli:hover .sub-2da{font-weight:bold;}
#nt_menu .sub-2line{display:block;font-weight:bold;}
/* 1차 서브 */
.nt-menu .sub-1div{position:absolute;z-index:21;width:auto;text-align:left;top:100%;left:0;box-shadow:0 6px 12px rgba(0,0,0,.175);}
.nt-menu .sub-1div::before{left:50%;margin-left:-8px;}
.nt-menu .sub-1da{display:block;border-bottom:1px solid transparent;}
.nt-menu .sub-1dli.on .sub-1da,.nt-menu .sub-1dli:hover .sub-1da{font-weight:bold;}
.nt_menu .sub-1line{font-weight:bold;}
.nt-menu .me-sh{padding:.59rem 1rem;}
/* sticky */
#nt_sticky_wrap.me-sticky{position:fixed;width:100%;z-index:999;left:0;top:0;}
@media all and (min-width:992px){
  .wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav{margin:0 auto!important;}
  .wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav{margin:0 0 0 auto!important;}
  .wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav{margin:0 auto 0 0!important;}
}

/********************************************************
■ Page Title
********************************************************/
#nt_title{position:relative;overflow:hidden;}
#nt_title .nt-container{position:relative;z-index:2;height:70px;}
#nt_title .page-title{font-size:26px;letter-spacing:-1px;line-height:1.4;}
#nt_title .breadcrumb a{}
#nt_title .breadcrumb-item+.breadcrumb-item::before{font-family:dotum;font-weight:normal;content:">";}
@media all and (max-width:991px){.responsive #nt_title .page-title{font-size:24px;letter-spacing:0;}}
@media all and (max-width:767px){.responsive #nt_title .page-title{font-size:22px;}.responsive #nt_title .nt-container{height:60px;}}
@media all and (max-width:575px){.responsive #nt_title .page-title{font-size:20px;}.responsive #nt_title .nt-container{height:50px;}}

/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container{position:relative;overflow:visible!important;}
#nt_wing img{max-width:100%;}
#nt_wing .wing-left,#nt_wing .wing-right{position:absolute;width:160px;}
#nt_wing .wing-left{left:-180px;}
#nt_wing .wing-right{right:-180px;}
.boxed-b #nt_wing .wing-left{left:-200px;}
.boxed-b #nt_wing .wing-right{right:-200px;}

/********************************************************
■ Footer
********************************************************/
#nt_footer .nt-links ul{list-style:none;margin:0;padding:0;}
#nt_footer .nt-links ul>li{float:left;padding:0 13px;}
#nt_footer ul>li:first-child{padding-left:0;}
#nt_footer ul>li:last-child{padding-right:0;}
#nt_footer .nt-links ul>li::after{font-family:dotum;font-weight:normal;float:right;color:#ccc;content:"|";margin-right:-15px;}
#nt_footer .nt-links ul>li:last-child::after{content:"";}
#nt_footer .nt-links ul>li>a{white-space:nowrap;}
@media all and (max-width:991px){.responsive #nt_footer .nt-links ul>li{float:none;display:inline-block;}}

/********************************************************
■ Widget Title / Divider
********************************************************/
h3.h3{padding:0;margin:0;font-weight:bold;}
hr.hr::before{width:100%;height:1px;content:"";position:absolute;left:0;bottom:1px;line-height:1px;background-color:#555;}
hr.hr{display:block;position:relative;height:3px;border:none;line-height:1px;padding:0;margin:0;}
hr.hr::after{width:4rem;height:3px;content:"";position:absolute;left:0;bottom:0;line-height:1px;}
@media all and (max-width:575px){.responsive h3.h3{padding-left:1rem;padding-right:1rem;}.responsive hr.hr::after{left:1rem;}}

/********************************************************
■ Bootstrap 4 tweaks
********************************************************/
/* Tooltip */
.tooltip .tooltip-inner{font-size:1rem!important;}
/* Checkbox/Radio size offset */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after{top:.15rem!important;width:1.4rem!important;height:1.4rem!important;}
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span{cursor:pointer;padding-left:.5rem!important;}
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after{margin-top:2px;}
/* Buttons */
.btn-lg{padding:10px 16px;border-radius:3px;line-height:1.33;font-size:18px;}
.btn-lg i{top:3px;font-size:24px;position:relative;}
/* Form */
.col-form-label{font-weight:bold;}

/********************************************************
■ Shapes
********************************************************/
.na-round,.view_image img,.pretty-embed img{border-radius:.3rem!important;}
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item{border-radius:0!important;}

/********************************************************
■ Fix: OwlCarousel (data-slider) 한 줄 정렬 강제
********************************************************/
.basic-banner .owl-stage{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;}
.basic-banner .owl-item{width:50%!important;max-width:50%!important;flex:0 0 50%!important;display:inline-block!important;}
.basic-banner .item img{width:100%!important;height:auto!important;display:block!important;}
.basic-banner .owl-stage-outer{overflow:visible!important;}
.basic-banner .owl-stage{display:flex!important;flex-wrap:nowrap!important;}
.basic-banner .owl-item{width:50%!important;flex:0 0 50%!important;max-width:50%!important;float:none!important;display:block!important;}

/* === 메뉴 글씨 / 배경 고정 === */
#nt_menu .me-a {
  color:#fff !important;
}

/* 드롭다운 열릴 때 배경 흰색 */
#nt_menu .sub-1div {
  background:#fff !important;
}

/* 드롭다운 안의 글자 색 고정 */
#nt_menu .sub-1da {
  color:#000 !important;
}
#nt_menu .sub-1da:hover {
  background:#f5f5f5 !important;
  color:#000 !important;
}

