@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
/* Ionicons :https://ionicons.com/v2/ */
@import url('../../../nariya/css/ionicons/css/ionicons.min.css');
@import url('../../../nariya/css/g5.css');

/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#fff; color:#000; }
body.responsive { overflow-x:hidden; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }

/********************************************************
■ Theme Layout :테마 레이아웃
********************************************************/
.wrapper { background:#f5f5f5; height:100%;}
.boxed.wrapper { box-shadow:0px 0px 6px #999; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; }
.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:1199px) {
	.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; }
}
a {
	color:#000 !important;
}

/********************************************************
■ Loader :페이지 로딩바
********************************************************/
#nt_loader { background:#fff; left:0; top:0; width:100%; height:100%; display:block; position:fixed; z-index:10000; }
#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 {
    padding:8.5px 0;
    border-bottom:1px solid #edeef0;
    background:#fff
}
#nt_lnb ul>li>a.btn_nt_lnb_01 {	
    border:2px solid #28a745;
    color:#28a745;
    padding:0 10px;
    line-height:28px;
    font-weight:700
}
#nt_lnb ul>li>a.btn_register {
    margin-left:5px;
    font-weight:700;
}
#nt_lnb ul>li>a {
    float:left;
    white-space:nowrap;
    display:inline-block;
    height:30px;
    border-radius:5px;
}
#nt_lnb ul>li img.icon_yellow_star {
    vertical-align:top;
    margin-top:2px;
    margin-right:7px;
}
#nt_lnb ul>li img.icon_event {
    vertical-align:top;
    margin-top:-2px;
    margin-right:5px
}
#nt_lnb ul>li.dot {
    vertical-align:top;
    margin-top:3px;

}
#nt_lnb ul>li.dropdown {
    vertical-align:top;
    margin-top:3px;
	padding:0 10px;

}
#nt_lnb ul>li.dropdown::after {
content:""; 
}
/*serch*/
#nt_lnb ul>li.header-search-wrap {
    padding:0
}
#nt_lnb ul>li.header-search-wrap .header-search {
    vertical-align:top;
    margin-top:-3px;

}
#nt_lnb ul>li.header-search-wrap .header-search input.form-control {
    width:210px;
    height:30px;
    border:0;
    border-radius:5px;
    background:#f6f7fb;
    font-size:13px;
    padding:7px 33px 7px 10px
}
#nt_lnb ul>li.header-search-wrap .header-search button[type=submit] {
    position:absolute;
    top:0;
    right:3px;
    width:30px;
    height:30px;
    font-size:12px;
    z-index:3
}
#nt_lnb ul>li.header-search-wrap .header-search button[type=submit] i {
    color:#626266!important
}
/*og*/
#nt_lnb ul { list-style:none; margin:0;}
#nt_lnb ul > li { float:left; padding:0 13px; }
#nt_lnb ul > li::after { font-weight:bold; float:right; color:#000; 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; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
.me-sticky .header-left { margin:0 auto 0 0 !important; }
.me-sticky .header-right { margin:0 0 0 auto !important; }

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { background:#00a69c; box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); }

/********************************************************
■ 검색 레이어
********************************************************/
#nt_search { height:100%; width:100%; display:none; position:fixed; z-index:100000; top:0; left:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0, 0.85); /* Black with a little bit see-through */ }
#nt_search .tcontent { position:relative; top:46%; width:80%; text-align:center; margin-top:30px; margin:auto; }
#nt_search .closebtn { position:absolute; top:20px; right:45px; font-size:60px; cursor:pointer; color:white; }
#nt_search .closebtn:hover { color:#ccc; }
#nt_search input[type=text] { padding:15px; font-size:17px; border:none; float:left; width:80%; background:white; }
#nt_search input[type=text]:hover { background:#f1f1f1; }
#nt_search button { float:left; width:20%; padding:15px; font-size:17px; border:none; cursor:pointer; }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; }
#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:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; font-weight:bold; color:#fff; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#00a69c; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background:#fff; box-shadow:0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom:1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background:#fafafa; border-color:#eee; font-weight:bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }

/* 일반형 */
.nt-menu .sub-1div { 
	position:absolute;
	left:50%;
	z-index:21;
	width:auto;
	color:#fff;
	text-align:center;
	top:100%;
	border-top:4px solid #00a69c;
	border-radius:0px;
	background:#00a69c;
	box-shadow:0 6px 12px rgba(0, 0, 0, .175);
	-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);
	}
.nt-menu .sub-1div-triangle {
    display:none;
    content:'';
    position:absolute;
    bottom:0;
    *top:-24px;
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-bottom:10px solid #00a69c;
    border-top:10px solid transparent;
    border-left:10px solid transparent;
    border-right:10px solid transparent
}

.nt-menu .sub-1div::before { left:50%; margin-left:-8px; }
.nt-menu .sub-1dul { margin:0 auto; }
.nt-menu .sub-1da { display:block; color:#fff; /*border-bottom:1px solid #eee;*/ }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da {
    color:#fff;
    background:rgba(255, 255, 255, 0.2);
    border-color:#eee;
    font-weight:bold;
}
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 :페딩값으로 조절 */
.nt-menu .sub-1dli .sub-1da {
    padding:.29rem;
    *padding:0.29rem0.5rem
}
.nt-menu .sub-1dli {
    margin:.3rem .5rem!important
}

.sub-1dli a {
	color:#fff !important;
}
/* 풀다운형 */
.nt-menu-full .me-ul { position:absolute; top:0; left:0; z-index:20; width:100%; background:rgba(255,255,255); }
.nt-menu-full .me-li { margin-right:-1px; }
.nt-menu-full .nav-full { box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
.nt-menu-full .sub-full { display:none; visibility:visible; }
.nt-menu-full .sub-1div { text-align:left; padding:1.0rem 0; border:1px solid #eee; }
.nt-menu-full .me-li:hover .sub-1div { background:rgb(253,253,253); }
.nt-menu-full .sub-1da { color:#000; }
.nt-menu-full .sub-1line { position:relative; display:block; background:#f5f5f5; font-weight:bold; }
.nt-menu-full .sub-1dli.on .sub-1da,
.nt-menu-full .sub-1dli:hover .sub-1da { color:orangered; font-weight:bold; }
.nt-menu-full .sub-1div .me-sh { display:block; padding:0.25rem 1.25rem; } /* 1차 서브메뉴 높이설정 :페딩값으로 조절 */
.nt-menu-full .sub-2div .me-sh { padding:0.59rem 1.0rem; } /* 2차 서브메뉴 높이설정 :페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap {
    padding:0;
    background:#00a69c;
}
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:400; left:0; top:0;}
/*#nt_sticky_wrap.me-sticky .header-logo { width:auto; height:40px; }*/
@media all and (min-width:992px) {
	#nt_sticky_wrap.me-sticky #header_pc { box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); }
	.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; }
}

/********************************************************
■ 모바일 상단 주메뉴
********************************************************/
#nt_menu_mobile .d-block.on { color:#fff; background:rgba(0,0,0,0.2); }
#nt_menu_mobile .gra { content:" "; position:absolute; z-index:1; top:0; width:1.25rem; height:100%; }
#nt_menu_mobile .gra-left-primary { left:0; }
#nt_menu_mobile .gra-right-primary { right:0; }
/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; overflow:hidden; }
#nt_title .nt-container { position:relative; z-index:2; }
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family:dotum;	font-weight:normal; content:">"; }
#nt_title a { background:none !important; }
.pt-nav-wrap { margin-right:-2px; }
.pt-nav { position:absolute; top:0; left:-1px; width:100%; z-index:10; }
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:24px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:22px; }
}

/********************************************************
■ 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 { color:#333; white-space:nowrap;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

/********************************************************
■ Widget
********************************************************/
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:#ddd; }
hr.hr { display:block; position:relative; height:3px; border:none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content:""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/* 라인 */
.na-list li { line-height:1.92; }
.na-list .na-line { border-bottom:1px solid #efefef; }
.is-pc .na-list .na-line { padding-bottom:0.15rem; margin-bottom:0.15rem; }
.is-mobile .na-list .na-line {	padding-bottom:0.20rem;	margin-bottom:0.25rem; }

/* 큰제목 */
.f-h1 {	font-size:18px !important; }

/* Owl 네비 */
.owl-slider.owl-nav-top .owl-nav { position:absolute; right:0; top:-3.75rem; z-index:3; }
.owl-slider.owl-nav-bottom .owl-nav { text-align:center; }
.owl-slider.owl-nav-right .owl-nav { text-align:right; }
.owl-slider .owl-carousel .owl-nav button { outline:none !important; width:auto !important; padding:0.35rem 0.75rem !important; margin:0 !important; border:1px solid #ddd !important; background:#fff !important; color:#ccc !important; line-height:1.2 !important; }
.owl-slider .owl-carousel .owl-nav button:hover {	background:#f5f5f5 !important; }
.owl-slider .owl-carousel .owl-nav button.owl-prev { border-right:0 !important; }
.owl-slider.owl-nav-lg .owl-carousel .owl-nav button { padding:.5rem 1.0rem !important; }

/* 슬라이더 상단 네비 위치 조정 */
.slider-nav-top 

/* 배분 네비 */
.owl-slider.owl-nav-both .owl-nav button.owl-prev { float:left;	border:1px solid #ddd !important; }
.owl-slider.owl-nav-both .owl-nav button.owl-next {	float:right; }
.owl-slider.owl-nav-both .owl-nav:after { display:block;visibility:hidden;clear:both;content:"" }

/* 타이틀용 네비 */
.owl-slider.owl-nav-title .owl-nav { position:absolute; left:0; top:50%; margin-top:-40px; width:100%; z-index:1; }
.owl-slider.owl-nav-title .owl-nav button { border:0 !important; background:none !important; color:rgba(255,255,255,0.5) !important; line-height:1.0 !important; }
.owl-slider.owl-nav-title .owl-nav button:hover { background:none !important; color:rgba(255,255,255,1) !important; }
.owl-slider.owl-nav-title .owl-nav button.owl-prev { position:absolute; left:80px; top:0; font-size:80px !important; }
.owl-slider.owl-nav-title .owl-nav button.owl-next { position:absolute; right:80px; top:0; font-size:80px !important; }
@media (max-width:1399px) { 
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:30px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:30px; }
}
@media (max-width:1199px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-35px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:20px; font-size:70px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:20px; font-size:70px !important; }
}
@media (max-width:767px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-30px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:15px; font-size:60px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:15px; font-size:60px !important; }
}
@media (max-width:575px) { 
	.owl-slider.owl-nav-title .owl-nav { margin-top:-25px; }
	.owl-slider.owl-nav-title .owl-nav button.owl-prev { left:10px; font-size:50px !important; }
	.owl-slider.owl-nav-title .owl-nav button.owl-next { right:10px; font-size:50px !important; }
}

/* 회원 포토 등 */
.owl-slider .owl-carousel .owl-item .sv_wrap img { display:inline-block !important;	width:auto !important; }

/* 페이지네이션 상단 등 */
@media all and (min-width:768px) {
	.pagination-top { position:absolute; top:-4.1rem; right:0; margin:0 !important; z-index:1; }
	.pagination-top.pagination-sm { top:-3.6rem; }
	.pagination-top.pagination-lg { top:-5.2rem; }
}
@media all and (max-width:767px) {
	.pagination-top { justify-content:center !important; }
}
/********************************************************
■ Bootstrap 4 :부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.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:0.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:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.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; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color:#333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius:0.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; }

/* adds */
.bg_gray_boxshadow_slope {
    position:relative;
    background:#fff;
    overflow:hidden;
    border-radius:6px;
    margin-bottom:15px;
	border:0px solid #00a69c;
}
.bg_gray_boxshadow_slope img {
    max-width:100%
}

#row-area-side .bg_gray_boxshadow_slope:last-child {
    margin-bottom:0!important
}

.bg_gray_boxshadow_half {
    position:relative;
    box-shadow:5px 5px 8px rgb(50 60 70/10%);
    -webkit-box-shadow:5px 5px 8px rgb(50 60 70/10%);
    -moz-box-shadow:5px 5px 8px rgb(50 60 70/10%);
    background:#2e3033;
    overflow:hidden;
    border-radius:10px
}

.widget_outlogin_wrap {
    padding:35px 20px 30px;
    border-radius:5px 5px 10px 10px
}
.widget_outlogin_wrap .form-control {
    height:calc(1.5em + 1.2rem + 2px);
    padding:.6rem .75rem;
    border-radius:8px!important
}

.widget_outlogin_wrap #outlogin_mb_id,.widget_outlogin_wrap #outlogin_mb_password {
    padding-left:40px
}
.widget_outlogin_wrap #outlogin_mb_id::-webkit-input-placeholder {
    color:#b2b2b2;
    opacity:1
}
.widget_outlogin_wrap #outlogin_mb_password::-webkit-input-placeholder {
    color:#b2b2b2;
    opacity:1
}
.widget_outlogin_wrap #outlogin_mb_id::-ms-input-placeholder {
    color:#b2b2b2;
    opacity:1
}
.widget_outlogin_wrap #outlogin_mb_password::-ms-input-placeholder {
    color:#b2b2b2;
    opacity:1
}
.widget_outlogin_wrap #outlogin_mb_id::placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_password::placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #btn_login {
    font-weight:700;
    border-radius:8px;
    padding-top:9px;
    padding-bottom:7px
}

.widget_outlogin_wrap .custom-switch {
    padding-left:48px
}

.widget_outlogin_wrap .custom-switch .custom-control-label::before {
    background-color:#00a69c;
    border:0;
    width:40px;
    height:22px;
    border-radius:22px!important;
    left:-48px;
    margin-top:-2px!important
}

.widget_outlogin_wrap .custom-switch .custom-control-label::after {
    background-color:#fff;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    top:6px!important;
    left:-27px!important;
    margin-top:-2px!important;
    transition:left .15s
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    left:-45px!important;
    transform:unset!important;
    transition:left .15s
}

.widget_outlogin_wrap .custom-switch .custom-control-label span {
    display:inline-block;
    vertical-align:middle!important;
    font-size:12px;
    color:#999;
    margin-top:1px
}

.widget_outlogin_wrap .na-dot {
    display:inline-block;
    vertical-align:middle!important;
    margin:0 2px
}

.widget_outlogin_wrap .icon_user {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:18px;
    background:url(../img/icon_user.png) no-repeat;
    width:13px;
    height:15px;
    z-index:3
}

.widget_outlogin_wrap .icon_password {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:18px;
    background:url(../img/icon_password.png) no-repeat;
    width:14px;
    height:19px;
    z-index:3
}
/* main width */
#row-area-content {
    flex:0 0 73.4%;
    max-width:73.4%;
}
#row-area-side {
	flex:0 0 26.6%;
    max-width:26.6%;
}
@media(max-width:767px) {
    #row-area-side,#row-area-content {
        -ms-flex:unset;
        flex:unset;
        max-width:unset
    }
}
.na-col {
    padding-left:13px !important;
    padding-right:13px !important;
}



#nt_menu #btn_sidebar_pc {
    position:relative;
    margin-top:-2px;
    width:40px;
    height:40px;
    line-height:42px!important;
    border-radius:50%;
}
#nt_menu #btn_sidebar_pc i {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
}
#nt_menu .header-logo {
    max-width:180px;
	max-height:50px;
}
#nt_menu #me-list-pc {
    padding-left:20px;
}
#nt_menu #me-list-pc>ul>li>a>span {
    height:60px;
    line-height:60px !important;
    padding:0;
}
#nt_menu #me-list-pc .nt_menu_icon {
    position:absolute;
}
#nt_menu #me-list-pc .nt_menu_safety {
    top:45px;
    right:34px;
	font-size:11px;
	color:#00a69c;
	padding:0.5px 4px;
	border:1px solid #00a69c;
	border-radius:3px;
	background:rgb(33 37 38);
}
#nt_menu #me-list-pc .nt_menu_safety:after {
	content:'';
    display:block;
    position:absolute;
    top:-5px;
    left:50%;
    width:0;
    height:0;
    margin-left:-5px;
    border:5px dashed #00a69c;
    border-bottom-style:solid;
    border-top:none;
    border-left-color:transparent;
    border-right-color:transparent;
}
#nt_menu #me-list-pc .nt_menu_event {
    top:45px;
    right:30px;
	font-size:11px;
	color:#00a69c;
	padding:0.5px 2px;
	border:1px solid #00a69c;
	border-radius:3px;
	background:rgb(33 37 38);
}
#nt_menu #me-list-pc .nt_menu_event:after {
	content:'';
    display:block;
    position:absolute;
    top:-5px;
    left:50%;
    width:0;
    height:0;
    margin-left:-5px;
    border:5px dashed #00a69c;
    border-bottom-style:solid;
    border-top:none;
    border-left-color:transparent;
    border-right-color:transparent;
}

#nt_menu .d-flex {
    align-items:center;
}
#nt_menu #me-list-pc ul li {
    margin:0 3px;
}
#nt_body {
    background:#f5f5f5;
}
@media(max-width:575px) {
    #nt_body {
        padding:0 15px
    }
}

#header_mo h3 {
    position:relative
}

@media(max-width:767px) {
    #header_mo h3 #logo_img {
        max-width:180px;
		height:50px;
    }
}

#header_mo_search {
    margin-top:10px;
    font-size:24px;
    line-height:1
}

#header_mo_alarm {
    position:relative;
    margin-top:9px;
    line-height:1
}

#header_mo_alarm .icon_header_mo_bell {
    width:20px
}

#header_mo_alarm #header_mo_alarm_cnt {
    position:absolute;
    font-size:10px;
    font-weight:700;
    text-align:center;
    top:-4px;
    left:10px;
    line-height:1;
    min-width:10px;
    padding:4px 5px 3px;
    background:#28a745;
    color:#fff;
    border-radius:10px;
    box-shadow:0 4px 4px -2px #ababab;
    -webkit-box-shadow:0 4px 4px -2px #ababab;
    -moz-box-shadow:0 4px 4px -2px #ababab;
    white-space:nowrap;
    vertical-align:baseline
}
@media(max-width:1200px) {
    #nt_menu .me-icon-sidebar {
        padding-right:1.5rem!important
    }
}

@media(max-width:767px) {
    #nt_sticky_wrap {
        padding:0;
        border-bottom:0
    }

    #nt_sticky_wrap.me-sticky {
        padding: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
    }
}

/* Footer */
#nt_footer {
    background:#222;
    padding:26.9px 0
}
#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:400;
    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 {
    color:#333;
    white-space:nowrap
}
@media all and (max-width:991px) {
    .responsive #nt_footer .nt-links ul>li {
        float:none;
        display:inline-block
    }
}
#ft_center_1 {
    color:#bfbfbf;
    font-size:13px
}
#ft_center_1>div {
    margin-bottom:3px
}
#ft_center_2 {
    color:#fff;
    font-size:20px;
    font-weight:700
}
#ft_center_2>div {
    margin-bottom:17px
}
#ft_center_2>div:last-child {
    margin-bottom:0
}
#ft_center_2>div span:last-child {
    margin-left:5px
}
#ft_copyright {
    *text-align:center;
    font-size:12px;
    color:#999;
    margin-top:30px
}
#ft_btn .btn_ft {
    position:relative;
    display:block;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    font-weight:700;
    text-align:center;
    border-radius:5px;
    transition:background .15s
}
#ft_btn .btn_ft:last-child {
    margin-bottom:0
}
#ft_btn .btn_ft i {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px
}
#ft_btn #btn_ft_cscenter {
    background:#e33030;
    color:#fff
}
#ft_btn #btn_ft_cscenter:hover {
    background:#c92d2d
}
#ft_btn #btn_ft_device_change {
    background:#333;
    color:#ccc
}
#ft_btn #btn_ft_device_change:hover {
    background:#2a2a2a
}
#ft_btn #btn_ft_cscenter i {
}
#ft_btn #btn_ft_device_change i {
    color:#00a69c;
}
@media(max-width:992px) {
    #ft_logo,#ft_center_1,#ft_center_2,#ft_copyright {
        margin-bottom:20px
    }

    #ft_center_2 {
        font-size:18px
    }

    #ft_copyright {
        margin-top:0
    }
}
@media(max-width:576px) {
    #nt_footer {
        padding:30px 15px
    }
}


@media(max-width:767px) {
    #bo_nav {
        display:none
    }
}

.btn_mb_nick_copy {
    position:relative;
    cursor:pointer;
    color:#28a745;
    font-size:16px
}

.btn_mb_nick_copy .toast_msg {
    display:none;
    position:absolute;
    top:20px;
    left:0;
    line-height:1;
    font-size:14px
}

.btn_insert_point_event {
    cursor:pointer;
    color:#28a745;
    font-size:16px
}

#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
}

#nt_footer {
    background:#2e3033;
    padding:30px 0
}

#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:400;
    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 {
    color:#333;
    white-space:nowrap
}

@media all and (max-width:991px) {
    .responsive #nt_footer .nt-links ul>li {
        float:none;
        display:inline-block
    }
}

#ft_center_1 {
    color:#bfbfbf;
    font-size:13px
}

#ft_center_1>div {
    margin-bottom:3px
}

#ft_center_2 {
    color:#fff;
    font-size:20px;
    font-weight:700
}

#ft_center_2>div {
    margin-bottom:17px
}

#ft_center_2>div:last-child {
    margin-bottom:0
}

#ft_center_2>div span:last-child {
    margin-left:5px
}

#ft_copyright {
    *text-align:center;
    font-size:12px;
    color:#999;
    margin-top:30px
}

#ft_btn .btn_ft {
    position:relative;
    display:block;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    font-weight:700;
    text-align:center;
    border-radius:5px;
    transition:background .15s
}

#ft_btn .btn_ft:last-child {
    margin-bottom:0
}

#ft_btn .btn_ft i {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px
}

#ft_btn #btn_ft_cscenter {
    background:#232626;
    color:#fff;
}

#ft_btn #btn_ft_cscenter:hover {
    background:#c92d2d
}

#ft_btn #btn_ft_device_change {
    background:#333;
    color:#ccc
}

#ft_btn #btn_ft_device_change:hover {
    background:#2a2a2a
}

@media(max-width:992px) {
    #ft_logo,#ft_center_1,#ft_center_2,#ft_copyright {
        margin-bottom:20px
    }

    #ft_center_2 {
        font-size:18px
    }

    #ft_copyright {
        margin-top:0
    }
}

@media(max-width:576px) {
    #nt_footer {
        padding:30px 15px
    }
}

h3.h3 {
    padding:0;
    margin:0;
    font-weight:700
}

hr.hr::before {
    width:100%;
    height:1px;
    content:"";
    position:absolute;
    left:0;
    bottom:1px;
    line-height:1px;
    background-color:#ddd
}

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
    }
}

.wg_content_wrap {
    display:none
}

.wg_content_wrap.active {
    display:block
}

.na-list li {
    line-height:2
}

.na-list .na-line {
    border-bottom:1px solid #efefef
}

.is-pc .na-list .na-line {
    padding-bottom:.15rem;
    margin-bottom:.15rem
}

.is-mobile .na-list .na-line {
    padding-bottom:.2rem;
    margin-bottom:.25rem
}

.f-h1 {
    font-size:18px!important
}

.owl-slider.owl-nav-top .owl-nav {
    position:absolute;
    right:0;
    top:-3.75rem;
    z-index:3
}

.owl-slider.owl-nav-bottom .owl-nav {
    text-align:center
}

.owl-slider.owl-nav-right .owl-nav {
    text-align:right
}

.owl-slider .owl-carousel .owl-nav button {
    outline:none!important;
    width:auto!important;
    padding:.35rem .75rem!important;
    margin:0!important;
    border:1px solid #ddd!important;
    background:#fff!important;
    color:#ccc!important;
    line-height:1.2!important
}

.owl-slider .owl-carousel .owl-nav button:hover {
    background:#f5f5f5!important
}

.owl-slider .owl-carousel .owl-nav button.owl-prev {
    border-right:0!important
}

.owl-slider.owl-nav-lg .owl-carousel .owl-nav button {
    padding:.5rem 1rem!important
}

.slider-nav-top .owl-slider.owl-nav-both .owl-nav button.owl-prev {
    float:left;
    border:1px solid #ddd!important
}

.owl-slider.owl-nav-both .owl-nav button.owl-next {
    float:right
}

.owl-slider.owl-nav-both .owl-nav:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}

.owl-slider.owl-nav-title .owl-nav {
    position:absolute;
    left:0;
    top:50%;
    margin-top:-40px;
    width:100%;
    z-index:1
}

.owl-slider.owl-nav-title .owl-nav button {
    border:0!important;
    background:0 0!important;
    color:rgba(255,255,255,.5)!important;
    line-height:1!important
}

.owl-slider.owl-nav-title .owl-nav button:hover {
    background:0 0!important;
    color:#fff!important
}

.owl-slider.owl-nav-title .owl-nav button.owl-prev {
    position:absolute;
    left:80px;
    top:0;
    font-size:80px!important
}

.owl-slider.owl-nav-title .owl-nav button.owl-next {
    position:absolute;
    right:80px;
    top:0;
    font-size:80px!important
}

@media(max-width:1399px) {
    .owl-slider.owl-nav-title .owl-nav button.owl-prev {
        left:30px
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-next {
        right:30px
    }
}

@media(max-width:1199px) {
    .owl-slider.owl-nav-title .owl-nav {
        margin-top:-35px
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-prev {
        left:20px;
        font-size:70px!important
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-next {
        right:20px;
        font-size:70px!important
    }
}

@media(max-width:767px) {
    .owl-slider.owl-nav-title .owl-nav {
        margin-top:-30px
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-prev {
        left:15px;
        font-size:60px!important
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-next {
        right:15px;
        font-size:60px!important
    }
}

@media(max-width:575px) {
    .owl-slider.owl-nav-title .owl-nav {
        margin-top:-25px
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-prev {
        left:10px;
        font-size:50px!important
    }

    .owl-slider.owl-nav-title .owl-nav button.owl-next {
        right:10px;
        font-size:50px!important
    }
}

.owl-slider .owl-carousel .owl-item .sv_wrap img {
    display:inline-block!important;
    width:auto!important
}

@media all and (min-width:768px) {
    .pagination-top {
        position:absolute;
        top:-4.1rem;
        right:0;
        margin:0!important;
        z-index:1
    }

    .pagination-top.pagination-sm {
        top:-3.6rem
    }

    .pagination-top.pagination-lg {
        top:-5.2rem
    }
}

@media all and (max-width:767px) {
    .pagination-top {
        justify-content:center!important
    }
}

.widget_outlogin_wrap {
    padding:35px 20px 30px;
    border-radius:5px 5px 10px 10px
}

.widget_outlogin_wrap .form-control {
    height:calc(1.5em + 1.2rem + 2px);
    padding:.6rem .75rem;
    border-radius:8px!important
}

.widget_outlogin_wrap #outlogin_mb_id,.widget_outlogin_wrap #outlogin_mb_password {
    padding-left:40px
}

.widget_outlogin_wrap #outlogin_mb_id::-webkit-input-placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_password::-webkit-input-placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_id::-ms-input-placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_password::-ms-input-placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_id::placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #outlogin_mb_password::placeholder {
    color:#b2b2b2;
    opacity:1
}

.widget_outlogin_wrap #btn_login {
    font-weight:700;
    border-radius:8px;
    padding-top:9px;
    padding-bottom:7px
}

.widget_outlogin_wrap .custom-switch {
    padding-left:48px
}

.widget_outlogin_wrap .custom-switch .custom-control-label::before {
    background-color:#00a69c;
    border:0;
    width:40px;
    height:22px;
    border-radius:22px!important;
    left:-48px;
    margin-top:-2px!important
}

.widget_outlogin_wrap .custom-switch .custom-control-label::after {
    background-color:#fff;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    top:6px!important;
    left:-27px!important;
    margin-top:-2px!important;
    transition:left .15s
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    left:-45px!important;
    transform:unset!important;
    transition:left .15s
}

.widget_outlogin_wrap .custom-switch .custom-control-label span {
    display:inline-block;
    vertical-align:middle!important;
    font-size:12px;
    color:#999;
    margin-top:1px
}

.widget_outlogin_wrap .na-dot {
    display:inline-block;
    vertical-align:middle!important;
    margin:0 2px
}

.widget_outlogin_wrap .icon_user {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:18px;
    background:url(../img/icon_user.png) no-repeat;
    width:13px;
    height:15px;
    z-index:3
}

.widget_outlogin_wrap .icon_password {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:18px;
    background:url(../img/icon_password.png) no-repeat;
    width:14px;
    height:19px;
    z-index:3
}

.wg_head_event_icon img {
    display:inline-block;
    vertical-align:top
}

.wg_head_event_em {
    color:#00a69c;
}

.wg_head_tabs {
    display:flex;
    position:relative;
    border-bottom:1px solid #eaebed;
    align-items:center
}

.wg_head_tab {
    position: relative;
    flex-grow: 1;
    padding: 8px 0px 10px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.wg_head_tab::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 30%;
    background-color: #00a69c;
}
.wg_head_tab.active {
    color:#28a745
}

.wg_head_tab.active:after {
    content:'';
    position:absolute;
    bottom:-1px;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:4px;
    background:#28a745;
    max-width:90px
}

#wg_latest_wr_n_cmt .wg_head_tab.active:after {
    max-width:70px
}

#wg_rank .wg_head_tab.active {
    color:#482ed2
}

#wg_rank .wg_head_tab.active:after {
    background:#482ed2
}

.wg_head_tabs {
    display:block;
}

.wg_head_tabs:after {
    display:block;
    content:'';
    visibility:hidden;
    clear:both;
}

.wg_head_tabs .wg_head_tab {
    float:left;
    padding-left:20px;
}

.wg_head_tabs .wg_head_more {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:20px;
    font-weight:500;
}

.wg_head_tabs .wg_head_more span {
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:3px
}

.wg_head_more_m_wrap {
    display:flex;
    position:relative;
    border-bottom:1px solid #eaebed;
    justify-content:center;
    align-items:center
}

.wg_head_more_m {
    font-weight:700;
    padding:10px 0
}

.wg_head_more_m span {
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:3px
}

.wg_head_tabs .wg_head_tab.wg_head_more_m.active:after {
    display:none
}

#wg_main_board_head_tabs_m .gra {
    content:" ";
    position:absolute;
    z-index:1;
    top:0;
    width:1.25rem;
    height:calc(100% - 1px)
}

#wg_main_board_head_tabs_m .gra-left-primary {
    left:0
}

#wg_main_board_head_tabs_m .gra-right-primary {
    right:0
}

#wg_main_board_head_tabs_m .gra-left {
    left:0;
    background:linear-gradient(to left,rgba(0,0,0,0) 0,#f7f8fa 60%)
}

#wg_main_board_head_tabs_m .gra-right {
    right:0;
    background:linear-gradient(to right,rgba(0,0,0,0) 0,#f7f8fa 60%)
}

#nt_bottom_nav_m {
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#4d5360;
    z-index:1040;
    box-shadow:0 -4px 12px rgb(50 60 70/15%);
    -webkit-box-shadow:0 -4px 12px rgb(50 60 70/15%);
    -moz-box-shadow:0 -4px 12px rgb(50 60 70/15%);
    padding:10px 15px;
}

#nt_bottom_nav_m ul li {
    position:relative;
    float:left;
    width:calc((100% - 90px)/4);
    height:42px;
    text-align:center;
    font-size:12px;
    padding-top:3px;
    cursor:pointer
}

#nt_bottom_nav_m ul li:nth-child(3) {
    width:90px
}

#nt_bottom_nav_m ul li:nth-child(3) img {
    position:absolute;
    bottom:0;
    left:0
}

#nt_bottom_nav_m ul li a {
}

#nt_bottom_nav_m ul li img {
    max-width:100%
}

#nt_bottom_nav_m ul li div {
    font-size:12px;
    color:#fff;
}

@media(max-width:767px) {
    #nt_footer {
        padding-bottom:72px
    }

    #nt_bottom_nav_m {
        display:block
    }
}

.tooltip .tooltip-inner {
    font-size:1rem!important
}

.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
}

.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
}

.col-form-label {
    font-weight:700
}

.page-link,.page-link:hover,.page-link:focus {
    color:#333
}

.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
}

@media(max-width:767px) {
    .bg_gray_boxshadow_slope {
        margin-bottom:15px!important
    }

    #main_con_2_m {
        margin-top:20px;
        margin-bottom:15px
    }
    .main_banner_title2 {
        margin-bottom:15px
    }


}

#bo_v .bo_v_btn_wrap .btn_b01 {
    background:#fff;
    border-radius:5px;
    border:1px solid #999;
    color:#333;
    line-height:1.2;
    padding:7px 10px 5px!important
}

#bo_v .bo_v_btn_wrap .btn_b01 i,#bo_v .btn_b01 i {
    vertical-align:middle;
    margin-top:-1px
}

#bo_v .bo_v_btn_wrap .btn_b01:hover {
    background:#f5f5f5
}

#bo_v .bo_v_btn_wrap .btn_shingo {
    border:1px solid #e82432;
    color:#e82432
}

#bo_v .bo_v_btn_wrap .btn_shingo img {
    margin-top:-1px
}

#bo_v .bo_v_btn_wrap .btn_shingo:hover {
    background:#fff2f2
}

#bo_v .bo_v_btn_wrap .btn-primary {
    line-height:1.2;
    padding:7px 10px 5px!important;
    border-radius:5px
}

#bo_v .bo_v_btn_wrap .btn-group-vertical .btn-primary {
    border-radius:0
}

#bo_v_btn_group #btn_bo_good {
    background:#2e3033;
    color:#00a69c !important;
    border:1px solid #fff;
    border-right:0!important;
    border-radius:10px 0 0 10px;
    font-size:1rem;
    width:130px;
    padding:10px 45px 10px 10px;
    text-align:right;
}

#bo_v_btn_group #btn_bo_good:hover {
    background:#21ed89;
	color:#fff !important;
}

#bo_v_btn_group #btn_bo_good img {
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%)
}

#bo_v_btn_group #btn_bo_good #wr_good {
    font-weight:400;
    position:absolute;
    left:10px;
    width:44px;
    text-align:center
}

#bo_v_btn_group #btn_bo_nogood {
	background:#2e3033;
	border:1px solid #fff;
    border-radius:0 10px 10px 0;
    font-size:1rem;
    width:130px;
    padding:10px 10px 10px 40px;
    text-align:left;
    color:#ff4d4d !important;
    border-left:0!important;
    margin-left:0
}

#bo_v_btn_group #btn_bo_nogood:hover {
    background:#ff4d4d;
	color:#fff !important;
}

#bo_v_btn_group #btn_bo_nogood img {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}

#bo_v_btn_group #btn_bo_nogood #wr_nogood {
    font-weight:400;
    position:absolute;
    right:10px;
    width:44px;
    text-align:center
}

#bo_vc .cmt-btn ul>li>a.btn_cmt_shingo {
    border:1px solid #e82432;
    color:#e82432
}

#bo_vc .cmt-btn ul>li>a.btn_cmt_shingo:hover {
    background:#fff2f2
}

#bo_vc .cmt-btn ul>li>a.btn_cmt_shingo img {
    width:10px;
    margin-right:3px;
    margin-top:-2px
}

/* SIDE 공지사항 */
/* SIDE 이벤트 */
.wg_icon_event {
    display:inline-block;
	font-size:11px;
	color:#00a69c;
	padding:0 2px;
	border:1px solid #00a69c;
	border-radius:3px;
	background:rgb(33 37 38);
}
.wg_head_event {
    color:#000;
    font-weight:500;
    text-align:left;
    padding:5px 10px;
	border-bottom:1px solid #cbcbcb;
}

.wg_head_event_icon {
    margin-right:8px
}

.wg_head_event_icon img {
    display:inline-block;
    vertical-align:top
}
.wg_datetime {
    font-size:11px !important;
    letter-spacing:-0.04rem;
}
a.na-subject {
	max-width:85%;
}
.orangered {
	color:#00a69c;
}
.na-title .na-info {
    height:24px !important;
}
a.text-primary:focus, a.text-primary:hover {
    color:#00a69c !important;
}
.text-nowrap.active a {
  color:#fff !important;
  font-weight:bold;
}

/* 하단 */
.menu-wrapper {
	width:100%;
}

.main-menu {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.menu-item {
	width:25%;
	padding:10px;
	box-sizing:border-box;
}

.menu-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}

.sub-menu {
	font-size:14px;
	list-style:none;
	padding:0;
	margin:0;
}

.sub-menu li {
	padding:4px 0;
	font-size:14px;
}

@media (max-width:768px) {
	.menu-item {
		width:25%;
	}
}

/* intro */
.intro-box {
	padding:20px;
}
h1.intro-title {
	font-size:20px;
	color:#00a69c;
}
@media (max-width: 768px) {
	h1.intro-title span {
		display: block;
	}
}
h2.intro-title {
	font-size:20px;
	color:#00a69c;
}
p.intro {
	padding:10px;
	font-size:14px;
}
.intro-box-wrap {
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
.intro-box-item {
	flex:0 0 calc(50% - 5px);
	box-sizing:border-box;
	background:#f8f8f8;
	padding:10px;
	border-radius:6px;
}
.intro-box-item h3 {
    font-size:16px;
    position:relative;
    padding-bottom:8px;
    text-align:center;
}
.intro-box-item h3::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:69px;
    height:3px;
    background-color:#00a69c;
}
.intro-box-item p {
	font-size:14px;
}
img.main-minicon {
	max-width:150px !important;
}
@media (max-width:768px) {
	.box-item {
		flex:0 0 100%;
	}
}
/* footer */
.footer-box {
	padding:20px;
}
.footer-box h2 {
    font-size:18px;
    font-weight:500 !important;
    color:#00a69c;
    letter-spacing:-2px;
    padding:0 0 5px 0;
    margin:10px 0 10px 0;
    display:flex;
    align-items:center;
    border-bottom:1px dotted #00a69c;
	display:inline-block;
}
.footer-inform {
	font-size:14px;
	padding:0 10px;
}
.footer-inform span {
	color:#fff;
	font-weight:700;
}
.safety-guide-table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	font-size:13px;
	margin:10px;
}
.safety-guide-table th,
.safety-guide-table td {
	padding:10px;
	text-align:left;
	vertical-align:middle;
	word-break:break-word;
	border:1px solid #cbcbcb;
}
.safety-guide-table th {
	font-weight:bold;
	text-align:center;
}
.col-left {
	width:15%;
}
.col-right {
	width:85%;
}
@media (max-width:768px) {
	.col-left {
		width:30% !important;
	}
	.col-right {
		width:70% !important;
	}
}
.line-title-wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	margin:0px 0px 10px 0;
}
.line {
	flex:1;
	height:1.5px;
	background-color:#00a69c;
}
.line-title {
	text-align:center;
	color:#00a69c;
	font-weight:500;
	line-height:1.4;
	font-size:24px;
}
.line-subtitle {
	font-size:14px;
	color:#000;
	font-weight:500;
}
@media (max-width:800px) {
	.line {
		display:none;
	}
}
/* footer */
.totowiki-footer {
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 20px 0;
	font-size: 13px;
	color: #333;
	line-height: 1.6;
	text-align: left;
}
@media (max-width:768px) {
	.totowiki-footer {
		margin-bottom:60px;
	}
}
.totowiki-footer-inner {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}
.totowiki-footer-top {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 15px;
	align-items: center;
	justify-content: center; 
	margin-bottom: 10px;
}


.totowiki-footer-top span,
.totowiki-footer-top a {
	color: #0066cc;
	text-decoration: none;
	font-weight: 400;
}
.totowiki-footer-top a:hover {
	text-decoration: underline;
}
.store-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.footer-break-line {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 10px;
	gap: 10px;
	justify-content: center;
}
.footer-break-line span {
	color: #444;
}

.totowiki-footer-bottom {
	font-size: 14px;
	color: #777;
	margin-top: 10px;
	text-align: center;
}

.totowiki-footer-bottom a {
	color: #0074d9;
	text-decoration: none;
}

.totowiki-footer-bottom a:hover {
	text-decoration: underline;
}

#nt_bottom_nav_m ul li div {
    font-size: 13px;
    color: #fff;
    margin-top: -4px; /* 원하는 만큼 음수 값으로 */
}
.nav-icon-lg {
  color: #fff;
  font-size: 28px !important;
  display: block;
  margin: 0 auto 4px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.nav-icon-lg {
  color: #fff;
  font-size: 60px !important;
  display: block;
  margin: -9px auto 14px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.nav-icon {
  color: #fff;
  font-size: 20px !important;
  display: block;
  margin: 0 auto 5px;
  text-align: center;
}
.text-gray {
	color:#fff !important;
}