/* 폰트 설정 */
@font-face {
	font-family: 'SUIT'; font-weight: 100; src: url('./font/SUIT-Thin.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 200; src: url('./font//SUIT-ExtraLight.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 300; src: url('./font/SUIT-Light.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 400; src: url('./font/SUIT.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 500; src: url('./font/SUIT-Medium.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 600; src: url('./font/SUIT-SemiBold.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 700; src: url('./font/SUIT-Bold.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 800; src: url('./font/SUIT-ExtraBold.woff2') format('woff2'); }
@font-face {
	font-family: 'SUIT'; font-weight: 900; src: url('./font/SUIT-Heavy.woff2') format('woff2'); }

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* body */
body {margin:0; padding:0; font-size:16px; font-family:'SUIT','Malgun Gothic','Nanum Square Round'; word-break: keep-all; -webkit-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; text-rendering: inherit; color:#000; letter-spacing:-.5px; }
.h4, h4 {font-size: 1rem !important; margin-top : 0; }

ul, li { padding:0; margin:0px; list-style:none; }

a.a:hover { text-decoration:none !important; margin-top : 0; color:#000; }

textarea { resize:none; font-family:'SUIT','Malgun Gothic','Nanum Square Round'; }

div.article .imageblock, div.article .tt-gallery-box, div.communicateList img
{ transform: rotate(0.001deg); }


section { position:relative; }

input[type="password"] { font-family:Arial, Helvetica, sans-serif !important; }

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
input[type="image"],
input[type="tel"], 
textarea {-webkit-appearance:none; -webkit-border-radius:0; } 

/* 폰트설정 */

.point_font {font-family: 'yg-jalnan' !important;}

.point {color:#b92727 !important}
.point_bg { background-color:#b92727 !important}
.point_bo { border-color:#b92727 !important}

.font_100 {font-weight: 100 !important; }
.font_300 {font-weight: 300 !important; }
.font_400 {font-weight: 400 !important; }
.font_500 {font-weight: 500 !important; }
.font_600 {font-weight: 700 !important; }

.text_center,
.center { text-align:center !important; }

.text_left,
.left { text-align:left !important; }

.text_right,
.right { text-align:right !important; }

.eng { font-family:Arial, Helvetica, sans-serif; }

.orange {color:#b92727 !important; }

.view_pc { display:inline-block !important;}
.view_mobile { display:none !important;}

@media (max-width: 767.98px) {
	.view_pc { display:none !important;}
	.view_mobile { display:inline-block !important;}
}



/* 서브페이지 타이틀, 타이틀 하단 텍스트 */
.text_01 {font-size: 46px; font-weight: 900; line-height: 1.5; position: relative; color: #000; margin-bottom:20px !important; } 
.text_01_eng {font-size: 52px; font-weight: 900; line-height: 1.5; position: relative; color: #000; margin-bottom:20px !important; }
.text_02 { font-size:24px; font-weight:600; line-height:1.4; color:#363636; }
.text_03 { font-size:32px; font-weight:700; line-height:1.4; color:#363636; margin-bottom:30px; }
.text_04 { font-size:20px; font-weight:500; line-height:1.4; color:#767676; margin-top:20px !important; }
.text_04 strong { font-weight:600; color:#525252; }

@media (max-width: 767.98px) {
	.text_01 {font-size: 24px; line-height: 1.3; margin-bottom:10px !important; } 
	.text_01_eng {font-size: 28px; line-height: 1.3; margin-bottom:10px !important; } 
	.text_02 { font-size:16px; line-height: 1.2; }
	.text_03 { font-size:20px; line-height:1.2; margin-bottom:15px; }
	.text_04 { font-size:14px; margin-top:10px !important; }
}


/* 서브페이지 타이틀 DIV */
.sub_title_100 { padding-bottom:140px; }
.sub_title_100_last { padding-bottom:60px; }

.sub_title_100.center .text_01,
.sub_title_100.center .text_02 {}

.sub_title_100 .sub_title_img,
.sub_title_100_last .sub_title_img { margin-top:60px; }

.sub_title_100 .sub_title_img img,
.sub_title_100_last .sub_title_img img { width:100%; }
@media (max-width: 767.98px) {
	.sub_title_100 { padding-bottom:60px; }
	.sub_title_100_last { padding-bottom:0px; }
	
	.sub_title_100 .sub_title_img,
	.sub_title_100_last .sub_title_img { margin-top:20px; }
}


.title_pd {padding: 0 10%; max-width: 1000px; margin: auto; }
@media (max-width: 767.98px) {
	.title_pd {padding: 0 6%; }
}


/* 로고컬러 CSS */
.logo_color {}
.logo_color .sub_title {color:#000 !important; font-weight:400; }
.logo_color span {display:inline-block; font-weight:900; color:#000; }
.logo_color_01 {color:#b25d9a !important; }
.logo_color_02 {color:#e46b22 !important; }
.logo_color_03 {color:#ffb900 !important; }
.logo_color_04 {color:#aeb730 !important; }


/* head */
.sound_only {display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important}
.top-bg-black {background: rgba(0, 0, 0, 0.6)}
.bg-footer {background: rgba(0, 0, 0, 0.9)}


.navbar-brand { width:200px; height:100px; background-image:url(../../../img/common/logo.png); background-position:left; background-repeat:no-repeat; background-size:190px; }
.navbar-brand img { height:59px; display:none; }

.navbar { height:100px; border-bottom:1px solid rgba(255,255,255,.4); overflow:hidden; z-index:99; /* background-color:#fff; */ }
.navbar>.container { /*max-width:100% !important; */  max-width:1304px !important; padding-left:40px; padding-right:40px; }


@media (max-width: 767.98px) {
	.navbar { height:50px !important; }	
	.navbar>.container { padding-left:20px; padding-right:20px; }
	
	.navbar-brand { width:calc(100% - 170px); height:50px; background-size:120px; }
	.navbar-brand img { height:40px; padding-top:10px; }
}

/* 시안단계에서 이미지로 100% 보여주기 */
.preview { width:1224px; margin:40px auto 80px !important;}
.preview img { width:100%;}


/*
#hd,
.header_blank { display:none; }

#wrapper { padding-top:0 !important; }
*/

  .navbar.roll {
    height: 100px; background : rgba(255,255,255,1); border-bottom:1px solid #eee; }
	
/*	
  .navbar .navi {
	height:60px; margin:0 auto; background: linear-gradient( to bottom, rgba(0,0,0,.1), rgba(0,0,0,0) ); /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
*/

  .navbar.roll .navbar-brand { /* 스크롤 시 메뉴 로고 변경 */
	background-image: url(../../../img/common/logo_b.png); }

  .navbar.roll .nav-item::after { background-color:rgba(0,0,0,.3); }   
  
  .navbar.roll .nav-item .nav-link { /* 스크롤 시 메뉴 컬러 변경 */
    /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; */
	position:relative; color:#000 !important; }

  .navbar.roll .head_tel_pc {background-color:#b92727; }
  .navbar.roll .head_tel_pc>div {/* 스크롤 시 메뉴 컬러 변경 */
    color: #000; /* background-image:url(../../../img/common/icon_apply_b.png); */
	line-height:1.2;
  }
  
  .navbar.roll .head_tel_pc>div ul { }

  .navbar.roll .head_tel_pc>div p {}
  .navbar.roll .head_tel_pc>div p span {}
  
  .navbar.roll .navbar-toggler-icon{background-image:url(../../../img/head/icon_menu_b.png); }



  .navbar h1 {float:left; }
  .navi ul{margin:0 auto; padding:0; list-style:none; }
  .navi ul li{float:left; font-size:17px; font-weight:bold; }
  .navi ul li a  {color:#fff; height:60px; display:block; padding:0 35px; }
  .navi .btn_bo_user { display:block !important; }
  .navi .btn_top button { top: 14px !important; right: 0 !important; }
  
  .navi .page_subject { display:none; }
  
  .navbar .roll .navi ul li a  {height: 60px; }
  .roll ul li a { color:#000 !important; }
  
  .navbar .navi a {background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; }  
  .navbar .navi a.btn_back {top:30px !important; background-position:left !important; background:url(../../../img/head/icon_back_w.png); }
  .navbar .navi a#user_home {top:30px !important; background:url(../../../img/head/icon_home_w.png); right:10px !important; left:auto; }
  .navbar .navi .fa { color:#fff; }
  
  .roll .navi a {  background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; }
  .roll .navi a.btn_back { background:url(../../../img/head/icon_back.png) !important; background-size:24px !important; background-position:left !important; background-repeat:no-repeat !important; }
  .roll .navi a#user_home { background:url(../../../img/head/icon_home.png) !important; background-size:24px !important; background-position:center !important; background-repeat:no-repeat !important; }  
  .roll .navi .fa { color:#000; }
  .roll .navi .page_subject { display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100% - 120px); height:60px; line-height:60px; color:#000; font-size:16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:center; font-weight:600; }
  


.dropdown:hover>.dropdown-menu {display: block; margin-top: -2px; padding-top: -10px; border-top: 10px solid rgba(0,0,0,0); }
.navbar-nav .dropdown-menu {right: -30px; }
.dropdown-item {font-size: 0.85rem; line-height: 1.2; }
.dropdown-item:hover, .nav-link:hover {color: #ffd834 !important; }
.dropdown-item:focus, .dropdown-item:hover  {background-color: transparent !important; }
.dropdown-item:active, .nav-link:active {background-color: #fff; }

.nav-item { font-size:20px; font-weight:500; position:relative; line-height:1.2; }
.nav-item::after { /*content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:6px; height:6px; border-radius:50%; background-color:rgba(255,255,255,.5); */} 
.nav-item:nth-child(4)::after { display:none; }

.nav-item .nav-link {color:#fff !important; padding-right:20px; padding-left:20px; margin-right:30px; }
.nav-item .nav-link::after  { content:''; font-size:16px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }
/*.nav-item:nth-child(1) .nav-link::after  { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }
.nav-item:nth-child(2) .nav-link::after  { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }
.nav-item:nth-child(3) .nav-link::after  { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }
.nav-item:nth-child(4) .nav-link::after  { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }
.nav-item:nth-child(5) .nav-link::after  { content:'|'; font-size:18px; color:rgba(0,0,0,.3); margin-left:10px; font-weight:200; }*/
/*.nav-item:nth-child(4) .nav-link {color:#000 !important; padding-right:1em; padding-left:1em !important; margin-left:0px; margin-right:30px; }*/
/*.nav-item .nav-link::after { content:''; font-size:10px; color:rgba(0,0,0,.1); margin-left:0px; }*/
.nav-item .nav-link:active {background-color: transparent}
.nav-item .nav-link:hover {font-weight:600; color:#ffc90a} 
.nav-item_02 {content:'|'; font-size:18px; color:#000; margin-left:10px; font-weight:600; background-color: rgba(255,255,255,.2); padding:8px 0 !important;}
.nav-item_02 a { margin-top:0px; display:inline-block; }
.nav-item_02 img { height:18px;}

.nav-item:nth-child(5) .nav-link { padding-right:0; }

@media (max-width:767.98px){
	.nav-item { font-size:18px; }
	
	
  
  .navbar.roll .head_tel_pc>div {/* 스크롤 시 메뉴 컬러 변경 */
    color: #b92727; border-left:none; background-color:#fff; /* background-image:url(../../../img/common/icon_apply_b.png); */
  }
  
  .navbar.roll .head_tel_pc {background-color:#fff; }
  .navbar.roll .head_tel_pc>div ul { border-color: #b92727; color: #b92727; }

  .navbar.roll .head_tel_pc>div p {}
  .navbar.roll .head_tel_pc>div p span {}
  
  .navbar.roll .nav-item::after { display:none; }

}

.nav-link_02 {font-size:16px; color: rgba(255,255,255,1); padding-right:1em; padding-left:1em !important; margin-left:10px; border-width:2px !important; border-width:2px !important; border-radius:50px; padding:5px 12px; line-height:30px; vertical-align:10px; margin-top:4px; display:inline-block; border:2px solid #7d7d7d; }
.nav-link_02:hover {  color: rgba(255,255,255,1); }
.nav-link_02 img { height:36px; width:auto; }

@media (max-width:1140px){
	.nav-item .nav-link {padding-right:0px !important; padding-left:10px !important; }
	.nav-item .nav-link::after  { content:''; font-size:18px; color:rgba(0,0,0,.3); margin-left:00px; font-weight:200; }
	.nav-link_02 { margin-left:10px; color: rgba(255,255,255,1); }
	.nav-link_02 span { display:none !important; }
	.nav-link_02 img { }
}

@media (max-width:767.98px){
	.nav-item_02 { margin-left:0; border-bottom:none !important; }
	.nav-link_02 { border: none; font-size:18px; color:#333; background:transparent; font-weight:600; padding:8px 0px; padding-left:0 !important; margin-left:0; }
	.nav-item_02 a:hover {color:#333 !important; background-color:transparent; }	
	.nav-link_02:hover {color:#333 !important}
	.nav-link_02 span { display:inline-block !important; }
}


.nav-link_03 {font-size:18px; color:#fff; margin-left:20px; border-width:2px !important; border-width:2px !important; border-radius:50px; padding:8px 30px; !important; line-height:30px; vertical-align:10px; display:inline-block; background: #00aca0; border:2px solid #00aca0; }
.nav-link_03:hover {background:#5eb031; border-color:#5eb031; color:#fff; }
.nav-link_03 img { height:28px; width:auto; margin-right:8px; }
.nav-link_03 i { font-size:20px; vertical-align:-2px; }

@media (max-width:1140px){
	.nav-item .nav-link {padding-right:0px !important; padding-left:10px !important; }
	.nav-item .nav-link::after  { content:''; font-size:18px; color:rgba(0,0,0,.3); margin-left:00px; font-weight:200; }
	.nav-link_03 { margin-left:10px; color:#FF0; }
	.nav-link_03 span { display:none !important; }
	.nav-link_03 img { margin-right:4px !important; display:none; }
}

@media (max-width:767.98px){
	.nav-item_03 { margin-left:0; }
	.nav-link_03 { border: none; font-size:18px; color:#333; background:transparent; font-weight:600; padding:8px 0px; padding-left:0 !important; margin-left:0; }
	.nav-item_03 a:hover {color:#333 !important; background-color:transparent; }	
	.nav-link_03:hover {color:#333 !important}
	.nav-link_03 span { display:inline-block !important; }
	.nav-link_03 i { display:none; }
}

/*.nav-link_02::after { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-link_02:active {background-color: transparent}*/
@media (max-width:767.98px){
.nav-item .nav-link {color:#333 !important; padding-right:1em; padding-left:0em !important; margin-left:0px; font-weight:600; }	
.nav-item .nav-link:hover {color:#333 !important}
.nav-item:first-child .nav-link::after  { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-item:nth-child(2) .nav-link::after  { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-item:nth-child(3) .nav-link::after  { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-item:nth-child(4) .nav-link::after  { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-item:nth-child(5) .nav-link::after  { content:''; font-size:10px; color:rgba(255,255,255,.3); margin-left:0px; }
.nav-item

.nav-link_02 img { }
/*.nav-item_02 .nav-link::after { content:'고객문의'; font-size:20px; color:#fff; margin-left:0px; }*/

}

.head_tel_pc {padding:2px 12px; background-color:#b92727; border-radius:50px; /* padding:0 50px 0 72px; background-image:url(../../../img/common/icon_apply.png); background-repeat:no-repeat; background-position:40px; background-size:20px; */ }
.head_tel_pc>div {display:flex; align-items: center;}
.head_tel_pc>div img {width:20px; display:inline-block; margin:0 2px; }

.head_tel_pc>div ul { height: 36px; text-align: center; display: inline-block; line-height: 34px; color:#fff; }

.head_tel_pc>div p {font-size:18px; color:#fff; font-weight:600; text-align:left; }
.head_tel_pc>div p span { font-size:12px; display:block; }

@media (max-width: 978px) {
	.head_tel_pc {padding:0 20px; display:none; }
}

@media (max-width:767.98px){
	.head_tel_pc {
    position: absolute; height: 50px; line-height: 50px; top: 0; right: 60px; padding: 0; border: none; font-size: 18px; background-color: transparent; }
	.head_tel_pc>div {
		height: 30px; line-height: 30px; }
	
	.head_tel_pc>div ul { width: 30px; height: 30px; margin-top: 10px; line-height: 28px; font-size: 14px; }
	
	.head_tel_pc>div p { display:none; }
}



.btn_manager { display:inline-block; width:44px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#000; font-weight:600; background-color:#fff; margin-top:-5px; border-radius:00px; border:2px solid #000; }
.btn_manager:hover { color:#000; } 
.btn_manager i { font-size:24px; vertical-align:-4px; padding-right:4px; }
.btn_manager img {width:30px; }
@media (max-width:767.98px){
	.btn_manager { padding:0; background-image:none; color:#ffc90a; border:none !important; background:none !important; text-align:left; width:100% !important; font-size:18px !important; }
	
	/*.google::after { content:'Google Play'; font-size:16px; margin-left:5px; }
	.ios::after { content:'App Store'; font-size:16px; margin-left:5px; }
	*/
}


.leftmenu_b > .dropdown-item {font-size: 0.85rem; line-height: 30px; }
.leftmenu_s > .dropdown-item {font-size: 0.85rem; line-height: 26px; }
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}




.tnb { position:absolute; right:0px; top:0px; font-size:14px; transform:skew(-0.05deg) color:#888; width:100%; background-color:#fff; height:30px;}
.tnb a {color:#888;}
.tnb i { font-size:16px; vertical-align:-2px;}
.tnb span {color:#ddd; padding:0px 6px;}


@media (max-width:767.98px){
	.tnb { display:none;}	
}


.slide_login { display:none;}
/*.navbar-right { right:0 !important;}*/
.logout {display:none;}

@media (max-width: 767.98px) {
	.navbar-nav {display:block; width:100%; margin-top:0px;}
		
	.slide_login { display:block;}
	.slide_login {width:calc(100% + 2rem); background-color:#FFF; height:100px; padding-top:10px; float:left; margin-left:-1rem; }
	.slide_login li.log_info {padding:00px 0px 0px 15px; color:#000; float:left; text-align:left;}
	.slide_login li.log_info ul {font-size:18px; margin-bottom:15px; font-weight:600;}
	.slide_login li.log_info ul span.log_btn {padding:6px 15px; font-size:14px; font-weight:600; border:2px solid #44403d; border-radius:30px;}
	.i-coupon {font-size:20px; vertical-align:-2px;}
	.slide_login li.logo_ul {width:65px; height:65px; padding:0px; color:#000; float:right; text-align:right; border-radius:50%; background-color:#f5f5f5; margin-right:1rem; margin-top:5px;}
	.slide_login li.logo_ul img {width:65px; border-radius:50%;}

	.slide_menu {width:100%; position:absolute; top:150px; left:0; z-index:0;}

	.slide_menu li.banner {}
	.slide_menu li.banner img {width:100%;}

	.slide_menu li.menu {padding:0px 20px 10px 20px; font-size:18px;}
	.logout {margin-top:150px;width:100%; text-align:center; color:#888; font-size:14px;}

}

@media (max-width:240px){
	.slide_login li.logo_ul { display:none;}
}


.lang_section { margin-right:20px;}
.lang_section .lang_wrap {display:flex; border:1px solid #fff; border-radius:50px; padding-left:10px; height:40px; /*background-color:rgba(0,0,0,.1);*/ }

.lang_section .lang_wrap .lang_btn { text-transform:uppercase; font-size:14px; font-weight:600; color:#fff; background-size:18px; font-weight:600; padding:0 6px; line-height:38px; border-radius:50px;}
.lang_section .lang_wrap .lang_btn.last { padding-right:10px;}
.lang_section .lang_wrap .lang_btn.lang_on { color:#b92727; font-weight:900;}
/*

.lang_section { margin-right:20px;}
.lang_section .lang_wrap {display:flex;}

.lang_section .lang_wrap .lang_btn { text-transform:uppercase; font-size:14px; font-weight:600; border:1px solid rgba(0,0,0,0); color:#fff; background-size:18px; font-weight:600; padding:6px 10px; border-radius:50px;}
.lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon.png); background-size:18px; background-repeat:no-repeat; background-position:12px; padding:6px 10px 6px 34px; border-color:#fff;}
.lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon.png); background-size:18px; background-repeat:no-repeat; background-position:12px; padding:6px 10px 6px 34px; border-color:#fff;}
*/

@media (max-width: 767.98px) {
	.lang_section .lang_wrap { height:35px; padding:0 10px;}
	.lang_section .lang_wrap .lang_btn {font-size:12px; padding:0px 6px; line-height:33px;}
	.lang_section .lang_wrap .lang_btn.last { padding-right:6px;}
	.lang_section .lang_wrap .lang_btn.lang_on { background-size:14px; background-position:6px;}
}

.navbar.roll .lang_section .lang_wrap { border-color:#ddd;}
.navbar.roll .lang_section .lang_wrap .lang_btn { color:#000;}
.navbar.roll .lang_section .lang_wrap .lang_btn.lang_on { color:#b92727; font-weight:900;}

/*
.navbar.roll .lang_section .lang_wrap .lang_btn { color:#000; }
.navbar.roll .lang_section .lang_wrap .lang_btn.lang_on {background-image:url(../../../img/head/lang_icon_b.png); border-color:#000;}
*/


.lang_img {width:120px; margin-right:20px;}

@media (max-width: 767.98px) {
	.lang_img {width:90px; margin-right:0;}
}


.carousel_dot {position:absolute; bottom:30px; right:0;}
.carousel_dot ul {float:left; width:200px; text-align:left; padding-bottom:10px; border-bottom:2px solid #fff; color:#fff; margin-left:20px; text-transform:uppercase;}
.active .carousel_dot ul.on { opacity:.5;} 



@media (max-width: 767.98px) {
	.carousel_dot { display:none;}
}

.text_bober {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; /* 글자에 흰색 테두리 */}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
    transition: -webkit-transform 0 none !important;
    transition: transform 0 none !important;
    transition: transform 0 none !important;
}


/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em}
#hd_wrapper {position:relative; margin:0 auto; padding: 0; height:0; zoom:1}
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""}

.trans {background-color: rgba(0,0,0,0.8)}
.gap {padding-top: 15px; }
.copy p {font-size: .95rem; }

/* 팝업레이어 */
#hd_pop {z-index:1000; position:relative; margin:0 auto; height:0}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff; top:120px !important; left:50% !important; transform:translateX(-50%); }
.hd_pops img{width:100%}
.hd_pops_con { width:auto !important; height: auto !important; }
.hd_pops_footer {padding: 0; background:#000; color:#fff; text-align:left; position:relative; }
.hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:""}
.hd_pops_footer button {padding: 10px; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000; text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939; position:absolute; top:0; right:0}

@media (max-width: 767.98px) {
	.hd_pops { width:90% !important; }
	.hd_pops_footer button { font-size:12px; }
}

/* Main */
.container {max-width: 1200px; padding:0 0 0 0px; }


@media (max-width: 978px) {
	.container { padding:0 0 0 30px !important; }
}


@media (max-width: 640px) {
	.container { padding:0 15px !important; }
}


/* CIRCLE IMAGE CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns with circle image */
.box_circle .col-lg-4 {margin-bottom: 1.5rem; text-align: center; }
.box_circle h2 {font-weight: 400; }
.box_circle .col-lg-4 p {margin-right: .75rem; margin-left: .75rem; }


/* 공통 */
.section-header h3::before {content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
.section-header h3::after {content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #ef6600; bottom: 0; left: calc(50% - 20px); }
.section-header h3 {font-size: 1.3rem; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px; }

.section-header h4::before {content: ''; position: absolute; display: block; width: 120px; height: 1px; background: #ddd; bottom: 1px; left: calc(50% - 60px); }
.section-header h4::after {content: ''; position: absolute; display: block; width: 40px; height: 3px; background: #ef6600; bottom: 0; left: calc(50% - 20px); }
.section-header h4 {font-size: 1.1rem; color: #111; text-transform: uppercase; text-align: center; font-weight: 700; position: relative; padding-bottom: 15px; }

.btn {font-size: 16px; height:40px; line-height:38px; padding:0 15px !important; font-weight:600; }
.btn i { font-size:18px; vertical-align: -2px; }

.btn.small { font-size:13px; height:24px; line-height:22px; padding:0 6px; }
.btn.small i { font-size:14px; vertical-align: -1px; }

@media (max-width: 767.98px) {
.btn {font-size: 14px; height:32px; line-height:32px; padding:0 10px !important; }
.btn i { font-size:16px; vertical-align: -1px; }

.btn.small { font-size:12px; height:20px; line-height:18px; }
.btn.small i {} 
}


.btn_w {font-size: 18px !important; width:120px; height:50px; line-height:40px; margin:0px 10px; border:none !important; }
.btn_w_02 {font-size: 18px !important; line-height:50px; padding:0px 45px !important; margin:0px 10px; display:inline-block; }

.input-group-text {padding: .25rem .5rem !important; font-size: 0.8rem !important; }
.btn_autosave{position:absolute; right:1px; font-size:0.8rem; line-height:1rem; margin-top: .5rem; }

.empha {font-weight:600}
.opt .form-check-inline {display: inline-block; }

.td_num strong { color:#b92727; }

/* Tab Latest */



.tab_latest .nav-item a.active {
	background-color: rgba(0,0,0,.03); }
/*
.owl-dots {
	padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.125); }
*/
.latest-post p {
	border-bottom: 1px solid rgba(0,0,0,.125); }

.latest-post .dir {
	text-align: right; }

/* Start of parallax */
/* Main Top Parallax Element Style*/ 
.paral-main-top {
	background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

/* Paragraph for Parallax Main Top Section */
@media (min-width: 978px) {
	.paral-main-top p {
		font-size: 2rem; color:#f5f5f5; text-align: center; line-height: 2.2rem; padding-bottom: 1.6rem; text-shadow: 0 0 1px rgba(0,0,0,1); }	
}
@media (max-width: 978px) {
	.paral-main-top p {
		font-size: 1.3rem; color:#f5f5f5; text-align: center; line-height: 1.3rem; padding-bottom: 1rem; text-shadow: 0 0 1px rgba(0,0,0,1); }	
}
 
/* Heading for Parallax Main Top Section */
@media (min-width: 978px) {
	.paral-main-top h1 {
		color: rgba(255, 255, 255, 0.8); font-size: 3.8rem; text-align: center; padding-top: 15rem; line-height: 4.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } 
}
@media (max-width: 978px) {
	.paral-main-top h1 {
		color: rgba(255, 255, 255, 0.8); font-size: 2.2rem; text-align: center; padding-top: 15rem; line-height: 2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); } 
}
.paral-main-top .lead {margin: 1rem; }

/* Main Parallax Element Style*/ 
.paral-main {
background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

/* Paragraph for Parallax Main Section */ 
.paral-main p {
font-size: 1.6rem; color:#f5f5f5; text-align: center; line-height: 1.4rem; padding-bottom: 1.6rem; text-shadow: 0 0 1px rgba(0,0,0,1); }
 
/* Heading for Parallax Main Section */ 
.paral-main h1 {
color: rgba(255, 255, 255, 0.8); font-size: 2.8rem; text-align: center; padding-top: 8rem; line-height: 3rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); }

.paral-sub .lead {margin: -2rem; }

/* Sub Parallax Element Style*/ 
.paral-sub {
background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

/* Paragraph for Parallax Sub Section */ 
.paral-sub p {
font-size: 1.3rem; color:#f5f5f5; text-align: center; line-height: 3.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); }
 
/* Heading for Parallax Sub Section */ 
.paral-sub h1 {
color: rgba(255, 255, 255, 0.8); font-size: 2rem; text-align: center; padding-top: 70px; line-height: 2.6rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); }

.paral-sub .lead {margin: -1.2rem; }

/* Sub Parallax Element Style*/ 
.paral-sub {
background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

/* Paragraph for Parallax Modern-2 Section */ 
/*
.paral-modern-2 p {
font-size: 1.1rem; color:#f5f5f5; text-align: center; line-height: 3.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); }
*/ 
/* Heading for Parallax Sub Section */ 
/*
.paral-modern-2 h1 {
color: rgba(255, 255, 255, 0.8); font-size: 2rem; text-align: center; padding-top: 90px; line-height: 2.2rem; text-shadow: 0 0 1px rgba(0,0,0,0.8); }

.paral-modern-2 .lead {margin: -1.2rem; }
*/

/* Modern-2 Parallax Element Style*/ 
.paral-modern-2 {
background-attachment: fixed; background-size: cover; background-position: 50% 50%; }

/* Layer Set for Parallax Section */
@media (min-width: 798px) { 
	.parallax-window-main-top {
	    min-height: 600px; background: transparent; }
}
@media (max-width: 767.98px) {
	.parallax-window-main-top {
    		max-height: 400px; background: transparent; }
}
.parallax-window-main {
    min-height: 400px; background: transparent; }
.parallax-window-sub {
    min-height: 200px; background: transparent; }
.parallax-modern-2 {
    min-height: 150px; background: transparent; margin-top: 50px; margin-bottom: 50px; }
/* End of Parallax */

/* New Footer */
 #footer h4 {
	margin-bottom: 20px; font-size: 12px; color: #e6e6e6; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; }
 #footer h4 span {
	border-bottom: 1px solid #5778ff; ; padding-bottom: 5px; }
 #footer .social-icons li {
	 list-style: none; display: inline-block; padding-right: 10px; }
#footer .social-icons li a {
	 font-size: 1.2rem; color:#5778ff; }
	#footer .footer-links {
		padding: 0; margin: 0; }
#footer .footer-links li {
	 list-style: none; padding: 0; margin: 0 0 10px 0; color: rgba(255,255,255,.6); display: block; }
#footer ul li a, #footer .pic a, #footer .desc h2 a {
	 text-decoration: none; color: rgba(255,255,255,.6); font-size: .9rem; }
#footer .footer-links li a:hover{
	 text-decoration: none; }
#footer .pic {
	position: relative; padding-left: 80px; margin-bottom: 40px; }
#footer .pic .small-img {
	position: absolute; top: 0; left: 0; display: block; width: 70px; height: 60px; float: left; }
.small-img {
	background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
#footer .desc h2 {
	font-size: 14px; margin-bottom: 5px; }
/* End of New Footer */


/* Board */
.page {margin:10px 0 30px; }
.tbl_head01 thead th a:hover {color: #333; }
.tbl_head01 thead th a {color: #666; }
#calendar tr td {white-space:normal; padding: .75rem .3rem; }
#bo_list { min-height:400px; }


@media (max-width: 768px) {
	#bo_list { min-height:200px; }
	#calendar tr td {white-space:nowrap; }	
}
/* Sub Menu */
#mysubmenu {margin:15px 0}
#mysubmenu ul {list-style:none; margin:0; padding:0; }
#mysubmenu li { margin: 0; list-style: none; }
#mysubmenu .leftmenu_b {line-height:30px; margin-bottom:0px; background-color:rgba(0,0,0,.03); text-align:center; font-size:1rem; font-weight:bold; border:1px solid rgba(0,0,0,.125)}
#mysubmenu .leftmenu_s {line-height:30px; margin-bottom:0px; background-color:#ffffff; border-right:0.5px solid rgba(0,0,0,.125); border-left:0.5px solid rgba(0,0,0,.125); border-bottom:0.5px solid rgba(0,0,0,.125); }

#mysubmenu a {text-decoration:none; display:block; }
#mysubmenu a:hover {color:blue; }

#index_menu {margin:0; }
#index_menu ul {list-style:none; margin:0; padding:0; border:1px solid rgba(0,0,0,.125); }
#index_menu .menu_item {line-height:30px; margin-bottom:0px; border-bottom:1px solid rgba(0,0,0,.125); ; text-align:center; font-size:15px; font-weight:bold; }
#index_menu .menu_item:last-child {border-bottom:none; }

.banner {margin:10px; padding: 0 14px}
.banner-text {font-size: 0.85rem; padding: 10px; border: 1px solid rgba(0,0,0,.125)}

#fregister_private th {background-color: #f4f4f4; text-align: center; }

/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing: 0 5px; border:1px solid #ccc; border-left:none; border-right:none; } 
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head01 thead th {padding:10px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; height:50px; font-weight:600; }
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head01 tbody th {padding:8px 0; border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666; background:#fff; padding:15px 10px; border-top:1px solid #ecf0f1; line-height:1.4em; height:1.5rem; word-break:break-all; }
.tbl_head01 tbody tr:hover td{background:#fafafa; }
.tbl_head01 a:hover {text-decoration:none}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff}
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all; }
.tbl_head02 a {}


/* 테이블 항목별 정의 */
.td_board {width:80px; text-align:center}
.td_category {width:80px; text-align:center}
.td_chk {width:30px; text-align:center}
.td_date {width:100px !important; text-align:center}
.td_datetime {width:150px !important; text-align:center}
.td_group {width:80px; text-align:center}
.td_mb_id {width:100px; text-align:center}
.td_mng {width:80px; text-align:center}
.td_name {width:130px !important; text-align:left}
.td_nick {width:100px; text-align:center}
.td_num {width:80px !important; text-align:center}
.td_numbig {width:80px; text-align:center}
.td_stat {width:60px; text-align:center}
.td_subject {}


.txt_active {color:#5d910b}
.txt_done {color:#ff6347}
.txt_expired {color:#ccc}
.txt_rdy {color:#2e8b57}

.th-cen th {text-align:center}
.th-cen .cen  {text-align:center}

#bo_cate {margin:15px 0 10px}
#bo_cate h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_cate ul {; zoom:1}
#bo_cate ul:after {display:block; visibility:hidden; clear:both; content:""}
#bo_cate li {display:inline-block; margin-right:6px; }
#bo_cate li:last-child {margin-right:0px; }
#bo_cate a {display:block; border:1px solid #ddd; background:#fff; margin:0 0 5px 0; line-height:30px; padding:0 10px; border-radius:3px; color:#5a5a5a !important; font-size:16px; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; background:#f3f3f3}
#bo_cate #bo_cate_on {z-index:2; border:1px solid #aaa; color:#253dbe; font-weight:bold; color:#fff !important; background: #aaa !important; }
a.btn_admin,.btn_admin {display:inline-block; background:#6c757d; color:#fff; text-decoration:none; vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#5a6268; color:#fff}


@media (max-width: 767.98px) {
	#bo_cate a { font-size:14px; }
}


.btn_bo_user {float:right; margin:0; padding:0; list-style:none}
.btn_bo_user li {float:left; margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left; margin-right:5px}
.btn_bo_adm input {padding:8px; border:0; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle}


/* 사이드뷰 */
.sv_wrap {position:relative; font-weight:normal}
.sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before{content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }
.sv_wrap .sv a {display:inline-block; margin:0; padding:0  10px; line-height:30px; width:100px; font-weight:normal; color:#bbb }
.sv_wrap .sv a:hover{background:#000; color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto}
.sv_nojs .sv {display:block}


/* 페이징 */
.pg_wrap {clear:both; margin:30px 0 ; text-align:center}
.pg_wrap:after {display:block; visibility:hidden; clear:both; content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block; vertical-align:middle; background:#f3f3f3; border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px; }
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block; background:#4c4f6f; color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px; /*-webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow:  inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; */}


/* 회원 가입 */
.btn_box {text-align:center; padding-top:20px; }


/* 캡챠 자동등록(입력)방지 기본 -pc */
.is_captcha_use {padding-top: 20px; text-align:center; list-style-type:none}

#captcha {display:inline-block; position:relative}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3 {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top}
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after {display:block; visibility:hidden; clear:both; content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li,
.empty_table {text-align:center; padding:20px 0; color:#666}

/* 새창 기본 스타일 */
.new_win {position:relative; }
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; }
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7; }
.new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li{float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px}
.new_win .win_ul li a{display:block; padding:10px 0}
.new_win .win_ul .selected{background:#fff; border-color:#253dbe; position:relative; z-index:5}
.new_win .win_ul .selected a{color:#253dbe; font-weight:bold}
.new_win .win_desc {margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info{font-size:0.92em; color:#3598db}
.new_win .win_total{text-align:right; margin:10px 0}
.new_win .win_total span{display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#d4d4d4; padding:0 10px; border-radius:5px; }
.new_win .new_win_con{margin:20px 0; }
.new_win .new_win_con:after {display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_confirm:after {display:block; visibility:hidden; clear:both; content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute; top:0; right:0; height:50px; width:50px; background:url(../../../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer}
.new_win .btn_submit {padding:0 20px; height:40px; font-weight:bold; font-size:1.083em; float:right}

/* 상단 바로가기 아이콘 */

/*
#return-to-top {position: fixed; bottom: 60px; right: 15px; background: rgb(0, 0, 0); background: #999; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top i {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
*/

#sns_menu,
#quick_menu { position:fixed; right: 15px; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9; width:80px; }

#sns_menu { bottom:100px;}

#quick_menu {bottom: 40px; }

#sns_menu ul,
#quick_menu ul { width:50px; margin:0 auto 10px; }

#sns_menu ul.point_sns,
#quick_menu ul.point_sns { width:80px; margin-top:30px; }

#sns_menu ul img,
#quick_menu ul img { width:100%; }


@media (max-width: 767.98px) {
	#sns_menu,
	#quick_menu {width:60px; }
	
	#sns_menu {bottom: 70px;}
	#quick_menu {bottom: 20px;}
	
	#sns_menu ul,
	#quick_menu ul { width:40px; }
	
	#sns_menu ul.point_sns,
	#quick_menu ul.point_sns { width:60px; }

/*
#return-to-top:hover {background: #666; }
#return-to-top:hover i {color: #fff; top: 5px; }
@media (max-width: 640px) {
	#return-to-top { bottom:10px; /*background: rgba(255, 255, 255, .5) !important ; }
	#return-to-top img { width:50px; }
}
*/
}

/* 접속자수 */
.connect {border-top: 1px solid rgba(0,0,0,0.3); padding:5px 0; }
.connect:last-child {border-bottom: 1px solid rgba(0,0,0,0.3)}
.connect .crt_name img {width: 20px; border-radius: 50%; margin-right: 5px; }
.connect .ri {text-align:right}
.connect a {color:#5a5a5a; }
.connect a:hover {text-decoration: none}

.password-container {max-width:450px !important; }

.memo_box {border-top:1px solid rgba(0,0,0,0.275); border-bottom:1px solid rgba(0,0,0,0.275); margin: 10px 0 5px; }
.memo_line {padding:3px 0}
.qa_link a, .mono a {color:#5a5a5a}
.qa_link a:hover, .mono a:hover {text-decoration:none; color:#333}

#ans_datetime {margin-top:10px; }

.p_lb {padding:0 10px 10px 0}


/* 로고 텍스트 컬러버전 */
 .logo_text { font-weight:800; text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; }
 .logo_text_01 { color:#1dcec8; }
 .logo_text_02 { color:#1dcec8; }
 .logo_text_03 { color:#ffd834; }
 
 .logo_text_w { font-weight:800; text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; }
 .logo_text_w_01 { color:#fff; }
 .logo_text_w_02 { color:#fff; }
 .logo_text_w_03 { color:#ffd834; }


/* 서브페이지 타이틀 */
.sub_top_customs,
.sub_top {width:100%; background-image:url(../../../img/common/sub_top_bg.jpg); background-position:center; background-repeat:repeat-x; background-size: cover; padding:260px 0px 140px; text-align:center; color:#FFF; font-weight:800; margin-top:-52px; position:relative; }

.sub_top_customs::after, 
.sub_top::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }

.sub_top_customs p.sub_title,
.sub_top p.sub_title {position:relative; display:inline-block; /*text-shadow:3px 3px 3px rgba(0,0,0,.2); */ width:100%; max-width:1280px; padding:0px 40px 15px; margin:0 auto; text-align:center; font-size: 54px; 1280 font-weight:600; z-index:1; }

/*
.sub_top_customs p.sub_title:after,
.sub_top p.sub_title:after { content:''; width:14px; height:14px; background-color:#d2a548; border-radius:100%; position:absolute; top:12px; right:-20px; box-shadow:3px 3px 3px rgba(0,0,0,.2); }
*/

.sub_top_customs p,
.sub_top p { margin:0; }

.sub_top_customs p.sub_text,
.sub_top p.sub_text {margin-top:15px; padding:0px 20px; font-size:18px; font-weight:400 !important; color:#fff; /*text-shadow:3px 3px 3px rgba(0,0,0,.2); */ text-transform:lowercase; width:100%; max-width:1280px; padding:0px 40px; margin:0 auto; text-align:left; z-index:2; position:relative; text-align:center; }

.page_title {text-align:center; color:#000; margin:50px 0px; }
.page_title span {font-size:32px; font-weight:900; }
/*.page_title span:before { content:'BEST partner based on customer trust'; font-weight:600; color:#b92727; font-size:32px; font-family:Arial, Helvetica, sans-serif; display:block; text-transform:uppercase; -webkit-text-stroke:0px; }*/

.page_title p {font-size:32px; color:#000; }
.page_title_cs {text-align:center; color:#000; font-weight:600; margin:50px 0px 10px; display:none; }
.page_title_cs span {font-size:26px; line-height:30px; border-bottom:2px solid #000; }
.page_title_cs p {font-size:32px; color:#000; }

.page_title_business {text-align:center; color:#000; padding:40px 0px 20px; }
.page_title_business span {font-size:46px; font-weight:900; -webkit-text-stroke: 2px #000; }
/*.page_title_business span:before { content:'BEST partner based on customer trust'; font-weight:600; color:#b92727; font-size:32px; font-family:Arial, Helvetica, sans-serif; display:block; text-transform:uppercase; -webkit-text-stroke:0px; }*/

@media (max-width: 767.98px) {
	.sub_top { padding:140px 0px 30px !important; font-size:24px; }
	.sub_top_customs {padding:80px 0px 110px !important; font-size:24px; }
	
	.sub_top_customs p,
	.sub_top p {margin-top:0px; }
	
	.sub_top_customs p.sub_text,
	.sub_top p.sub_text {margin:0px 0 0 0; padding:0px 15px; font-size:14px; }
	
	.sub_top_customs p.sub_title,
	.sub_top p.sub_title {position:relative; display:inline-block; text-shadow:3px 3px 3px rgba(0,0,0,.2); padding: 0 15px 10px; font-size:26px; }
	
	/*
	.sub_top_customs p.sub_title:after,
	.sub_top p.sub_title:after { content:''; width:10px; height:10px; position:absolute; top:6px; right:-16px; box-shadow:3px 3px 3px rgba(0,0,0,.2); }
	*/
	
	.page_title {text-align:center; color:#000; font-size:20px !important; margin:30px 0px 20px !important; }
	.page_title p {font-size:12px; color:#686868; display:none; }
	
	.page_title_cs {text-align:center; color:#000; font-size:20px !important; margin:30px 0px 0px !important; }
	.page_title_cs p {font-size:12px; color:#686868; display:none; }
	
	.page_title span, .page_title_cs span { font-size:24px; }
	.page_title span:before { display:none; }
} 


/* 서브탭 */
.sub_tap_customs,
.sub_tap {width:100%; background-color:rgba(255,255,255,1); text-align:center; margin-top:0px; position:relative; margin-bottom:80px; position:relative}
.sub_tap:after { content:''; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0; z-index:0; }

.sub_tap_customs ul.sub_menu,
.sub_tap ul.sub_menu { color:rgba(0,0,0,.7); font-size:18px; line-height:60px; text-decoration:none; display:inline-block; margin-bottom:0 !important; padding:0 30px; border-bottom:2px solid rgba(255,255,255,.0); position:relative; z-index:2; }

.sub_tap_customs ul.sub_menu p,
.sub_tap ul.sub_menu p { display:inline}

.sub_tap_customs a:last-child ul.sub_menu,
.sub_tap a:last-child ul.sub_menu { background-image:none; }

.sub_tap_customs ul.sub_menu:hover,
.sub_tap ul.sub_menu:hover { font-weight:600; color:#b92727; border-bottom:2px solid #b92727; }
/*.sub_tap a::after { content:'|'; color:rgba(255,255,255,.3); padding:0; }
.sub_tap a:last-child::after { content:''; color:rgba(255,255,255,.3); }*/

@media (max-width: 767.98px) {
	
.sub_tap {width:100%; font-size:14px; text-align:center; margin-top:0px !important; margin-bottom:30px !important; }
.sub_tap_customs {width:100%; font-size:14px; text-align:center; margin-top:-80px !important; margin-bottom:20px !important; }

.sub_tap_customs ul.sub_menu,
.sub_tap ul.sub_menu { font-size:14px; line-height:40px !important; text-decoration:none; display:inline-block; margin-bottom:0 !important; padding:0 10px; }
	/*.sub_tap a.sub_menu { color:#000; text-decoration:none; }
	.sub_tap span {color:#d7b62d; padding:0px 10px; }*/

.sub_tap_customs ul.sub_menu p,
.sub_tap ul.sub_menu p {display:none; }

.sub_tap_customs ul.sub_menu span,
.sub_tap ul.sub_menu span { display:none; }

.sub_tap_customs ul.sub_menu:hover,
.sub_tap ul.sub_menu:hover { }
	
}

/*
.tap_2 {width:49%; max-width:721px; }
.tap_3 {width:33%; max-width:483px; }
.tap_4 {width:24%; max-width:360px; }
.tap_5 {width:19%; max-width:307px; }
.tap_8 {width:12%; max-width:180px; }
@media (max-width: 767.98px) {
	.tap_8 {width:24%; max-width:360px; }
}
*/

/* 텍스트 위 점찍는 CSS */
.text_t_dot {text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; }

/* 포인트컬러 */ 

.hired { color:#f15c22; }
.hiblue { color:#3ec7f3; }
.higreen { color:#108d44; }
.hiyellow { color:#ffc90a; }



/* CEO인사말 */


.outline_01 { text-align:center;}

.outline_01 .outline_01_title { font-size:52px; font-weight:700;}
.outline_01 .outline_01_title.eng { font-size:42px;}
.outline_01 .outline_01_title .inblock { display:block;}

.outline_01 .outline_01_02 {background-image:url(../../../img/about/ceo_message_title_bg.png); background-position:top center; background-size:cover; margin-top:60px;}
.outline_01 .outline_01_02 .outline_01_02_con {width:100%; max-width:980px; padding:60px 45% 140px 40px; margin:auto; font-size:28px; text-align:left;}
.outline_01 .outline_01_02 .outline_01_02_con.eng { font-size:24px;}

.outline_01 .outline_01_03 {font-size:18px; text-align:left; margin-top:-80px; margin-bottom:40px;}
.outline_01 .outline_01_03.eng { font-size:16px;}
.outline_01 .outline_01_03 .outline_01_03_con {width:100%; max-width:940px; padding:40px; margin:auto; background-color:#fff; border-top:40px solid #302f2e;}
.outline_01 .outline_01_03 .outline_01_03_con strong {font-weight:600;}

@media (max-width: 767.98px) {
	.outline_01 { padding:0 !important;}

	.outline_01 .outline_01_title { font-size:24px;}
	.outline_01 .outline_01_title.eng { font-size:20px;}
	.outline_01 .outline_01_title .inblock { display:inline;}

	.outline_01 .outline_01_02 {margin-top:30px;}
	.outline_01 .outline_01_02 .outline_01_02_con {padding:20px 40% 70px 20px; margin:auto; font-size:18px; text-align:left;}
	.outline_01 .outline_01_02 .outline_01_02_con.eng { font-size:16px;}
	
	.outline_01 .outline_01_03 {font-size:16px; text-align:left; margin-top:-50px; margin-bottom:40px;}
	.outline_01 .outline_01_03.eng { font-size:14px;}
	.outline_01 .outline_01_03 .outline_01_03_con {width:100%; max-width:940px; padding:20px; margin:auto; background-color:#fff; border-top:20px solid #302f2e;}
	.outline_01 .outline_01_03 .outline_01_03_con strong {font-weight:600;}
}
	
	

/**** 브랜드 ****/	

.brand_title.yum { margin-top:100px;}

.brand_title .brand_title_img {width:100%; height:450px; background-position:center; background-size:cover; position:relative;}
.brand_title .brand_title_img .brand_title_logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center;}

.brand_title .brand_title_img .brand_title_logo,
.brand_title .brand_title_img .brand_title_logo img {max-width:643px; width:90%; }

.brand_title .brand_title_con {width:100%; background-image:url(../img/brand/brand_01_info_bg.png); background-position:center; background-size:cover; position:relative; text-align:center; padding:60px; color:#fff; margin-bottom:40px;}
.brand_title .brand_title_con .brand_title_text_01 { font-size:18px; font-weight:800; margin-bottom:40px;}
.brand_title .brand_title_con .brand_title_text_01 .brand_title_text_line {display:inline-block; margin:25px 0 0; width:40px; height:4px; background-color:#fff;}
.brand_title .brand_title_con .brand_title_text_02 {font-size:36px; font-weight:800; margin-bottom:40px; font-family: 'yg-jalnan';} 
.brand_title .brand_title_con .brand_title_text_03 {font-size:18px;}
.brand_title .brand_title_con .brand_title_text_03 .inblock { display:block;}


@media (max-width: 767.98px) {
	.brand_title.yum { margin-top:40px;}
	.brand_title .brand_title_img {height:260px;}
	
	.brand_title .brand_title_img .brand_title_logo,
	.brand_title .brand_title_img .brand_title_logo img {}

	.brand_title .brand_title_con {padding:30px 20px; margin-bottom:20px; }
	.brand_title .brand_title_con .brand_title_text_01 { font-size:14px; margin-bottom:20px;}
	.brand_title .brand_title_con .brand_title_text_01 .brand_title_text_line {margin:15px 0 0; width:30px; height:2px;}
	.brand_title .brand_title_con .brand_title_text_02 {font-size:20px; margin-bottom:20px;}
	.brand_title .brand_title_con .brand_title_text_03 {font-size:14px;}
	.brand_title .brand_title_con .brand_title_text_03 .inblock { display:inline;}
	.brand_title .brand_title_con .brand_title_text_03 .inblock.font_600 { display:block;}
}




.brand_01 { text-align:center;}

.brand_01 .brand_01_title { font-size:52px; font-weight:700;}
.brand_01 .brand_01_title.eng { font-size:42px; line-height: 1.2;}
.brand_01 .brand_01_title .inblock { display:block;}

@media (max-width: 767.98px) {
	.brand_01 { padding:0 20 !important;}

	.brand_01 .brand_01_title { font-size:20px;}
	.brand_01 .brand_01_title.eng { font-size:24px;}	
	.brand_01 .brand_01_title .inblock { display:inline;}
}


.brand_01_text {position:relative; margin-top:90px; margin-bottom:60px; background-color:#f5f5f5; border-radius:10px; padding:80px 40px 40px;}
.brand_01_text .brand_01_line {position:absolute; top:-45px; left:50%; transform:translateX(-50%); width:2px; height:90px;}
.brand_01_text .brand_01_text_con img {width:30%; max-width:174px;}
.brand_01_text .brand_01_text_con p {text-align:center; margin-top:40px; font-size:18px; line-height:1.6; font-weight:500;}
.brand_01_text .brand_01_text_con p.eng { padding:0 100px; font-size:16px;}
.brand_01_text .brand_01_text_con p .inblock { display:block;}


@media (max-width: 767.98px) {
	.brand_01_text {margin-top:40px; margin-bottom:40px; padding:40px 20px 20px;}
	.brand_01_text .brand_01_line {top:-20px; height:40px;}
.brand_01_text .brand_01_text_con img {}
.brand_01_text .brand_01_text_con p {margin-top:20px; font-size:16px;}
.brand_01_text .brand_01_text_con p.eng { padding:0 0px;}
.brand_01_text .brand_01_text_con p .inblock { display:inline;}
}

.brand_pro { margin-bottom:100px !important;}

.brand_pro_item { width:100%; float:left; padding:60px 0; position:relative;}

.brand_pro_item .brand_pro_item_bg {position:absolute; width:90%; height:100%; background-color:#f5f5f5; z-index: -1; top: 0; right: 0; }
.brand_pro_item .brand_pro_item_bg.left { border-radius:250px 0 250px 250px;}
.brand_pro_item .brand_pro_item_bg.right { border-radius:0 250px 250px 250px;}

/*** 오른쪽, 왼쪽 파트 ***/
.brand_pro_item .brand_pro_left { float:left;}
.brand_pro_item .brand_pro_left.brand_pro_info { padding-right:60px;}
.brand_pro_item .brand_pro_right { float:right;}
.brand_pro_item .brand_pro_right.brand_pro_info { padding-right:60px; padding-left:60px;}

/*** 제품정보, 이미지 파트 ***/

/* 제품 이미지 */
.brand_pro_item .brand_pro_img {width:35%;}
.brand_pro_item .brand_pro_img img { padding:30px 30px 15px; width:100%;}

/* 제품 정보 */
.brand_pro_item .brand_pro_info {width:65%; text-align:left; }
.brand_pro_item .brand_pro_info .brand_pro_info_01 { font-size:36px; margin-bottom:0px; font-family: 'yg-jalnan';} 
.brand_pro_item .brand_pro_info .brand_pro_info_02 { font-size:20px; font-family: 'yg-jalnan';} 
.brand_pro_item .brand_pro_info .brand_pro_info_03 { font-size:16px; margin-bottom:30px; margin-top:20px;} 
.brand_pro_item .brand_pro_info .brand_pro_info_03 .brand_pro_info_type { margin-bottom:6px; font-weight:600;}
.brand_pro_item .brand_pro_info .brand_pro_info_03 .brand_pro_info_type span { display:inline-block; padding:0 6px; font-weight:200;}
.brand_pro_item .brand_pro_info .brand_pro_info_04 {} 
.brand_pro_item .brand_pro_info .brand_pro_info_04 .pro_more { display:inline-block; padding:10px 30px; border-radius:50px; background-color:#b92727; color:#fff; font-size:18px; font-weight:600;}
.brand_pro_item .brand_pro_info .brand_pro_info_04 .pro_more img { width:12px; display:inline-block; margin-left:10px; vertical-align:1px;}

/* 브랜드1(비나리)일 때 컬러 변경 */
.brand_pro_item .brand_pro_info.brand_01 .brand_pro_info_01 { color:#026a43;}
.brand_pro_item .brand_pro_info.brand_01 .brand_pro_info_02 { color:#8bc63e;}

/* 브랜드1(얌얌핏)일 때 컬러 변경 */
.brand_pro_item .brand_pro_info.brand_02 .brand_pro_info_01 { color:#f04238;}
.brand_pro_item .brand_pro_info.brand_02 .brand_pro_info_02 { color:#fcd205;}

@media (max-width: 767.98px) {
	.brand_pro { margin-bottom:80px !important;}
	
	.brand_pro_item { width:100%; float:left; padding:0 0 30px 0;}
	
	.brand_pro_item .brand_pro_item_bg { display:none; }
	
	/*** 오른쪽, 왼쪽 파트 ***/
	.brand_pro_item .brand_pro_left { float:left;}
	.brand_pro_item .brand_pro_left.brand_pro_info { padding-right:0px;}
	.brand_pro_item .brand_pro_right { float:left;}
	.brand_pro_item .brand_pro_right.brand_pro_info { padding-left:0px;}
	
	
	/* 제품 정보 */
	.brand_pro_item .brand_pro_img,
	.brand_pro_item .brand_pro_info {width:100%; }
	
	.brand_pro_item .brand_pro_info .brand_pro_info_01 { font-size:24px;} 
	.brand_pro_item .brand_pro_info .brand_pro_info_02 { font-size:18px; margin-bottom:10px;} 
	.brand_pro_item .brand_pro_info .brand_pro_info_03 { font-size:13px; margin-bottom:20px; margin-top:10px;} 
	.brand_pro_item .brand_pro_info .brand_pro_info_03 .brand_pro_info_type {}
	.brand_pro_item .brand_pro_info .brand_pro_info_04 {} 
	.brand_pro_item .brand_pro_info .brand_pro_info_04 .pro_more { padding:6px 20px; font-size:16px; }
	.brand_pro_item .brand_pro_info .brand_pro_info_04 .pro_more img {}
}





.cate_navi {display:flex; justify-content: center; margin-bottom:60px !important;}
.cate_navi .cate_navi_btn {width:50%; text-align:center; padding:20px 0px; background-color:#fff; margin:0 0px; font-size:28px; font-weight:600; color:#000; border:1px solid #b92727;}

.cate_navi .cate_navi_btn_01 { border-radius:4px 0 0  4px;}
.cate_navi .cate_navi_btn_02 { border-radius: 0 4px 4px 0 ; margin-left:-1px;}

.cate_navi .cate_navi_btn .cate_navi_btn_bg { display:inline-block; margin-right:10px; background-position:center; background-repeat:no-repeat; }

.cate_navi .cate_navi_btn_01 .cate_navi_btn_bg { width:54px; height:50px; background-image:url(../../../../../img/common/brand_logo_01.png); background-size:53px;}
.cate_navi .cate_navi_btn_02 .cate_navi_btn_bg { width:180px; height:50px; background-image:url(../../../../../img/common/brand_logo_02.png); background-size:180px;}

.cate_navi .cate_navi_btn ul { display: flex; justify-content: center; align-items: center;}

.cate_navi .cate_navi_btn img { margin-right:10px;}

@media (max-width: 767.98px) {
	.cate_navi {margin-bottom:20px !important;}
	.cate_navi .cate_navi_btn {padding:0px 0px; font-size:16px;}
	
	.cate_navi .cate_navi_btn .cate_navi_btn_bg { margin-right:6px;}
	.cate_navi .cate_navi_btn_01 .cate_navi_btn_bg { width:34px; background-size:34px;}
	.cate_navi .cate_navi_btn_02 .cate_navi_btn_bg { width:100px; background-size:100px;}
}


.cate_navi .cate_navi_btn_01:hover,
.cate_navi .cate_navi_btn_01.on {background-color: #b92727; color:#fff; }

.cate_navi .cate_navi_btn_01:hover .cate_navi_btn_bg,
.cate_navi .cate_navi_btn_01.on .cate_navi_btn_bg { background-image:url(../../../../../img/common/brand_logo_01_w.png);}

.cate_navi .cate_navi_btn_02:hover,
.cate_navi .cate_navi_btn_02.on {background-color: #b92727; color:#fff; border-left:1px solid #fff; }

.cate_navi .cate_navi_btn_02:hover .cate_navi_btn_bg,
.cate_navi .cate_navi_btn_02.on .cate_navi_btn_bg { background-image:url(../../../../../img/common/brand_logo_02_w.png);}

.pro_title { padding-bottom:40px;}
.pro_img { padding:40px 0;}


@media (max-width: 767.98px) {
	.pro_title { padding-bottom:20px;}
	.pro_img { padding:20px 0;}
}





/* 기타페이지 : 개인정보처리방침, 이메일무단수집거부 등 */
.etc {width:100%; max-width:1224px; margin:50px auto 50px; padding:0px 20px; }
.etc textarea { width:100%; border:1px solid #ddd; border-radius:5px; height:400px; padding:20px; min-height: 50px; background-color:#f5f5f5; resize:none; }
@media (max-width:768px) {
	.etc {width:100%; max-width:100%; margin:0 auto 20px; padding:0px 20px; }
	.etc textarea { width:100%; border:1px solid #ddd; border-radius:5px; height:400px; padding:10px; min-height: 50px; background-color:#f5f5f5; font-size:14px; }
}


/* 게시판 테이블 */
.__se_tbl td { padding:10px; }


#bo_v { border-top:none !important; }
#bo_v_con {}

#bo_w,
#bo_v,
#bo_list { max-width:1280px; margin:0 auto; padding:0 40px; }

@media (max-width: 767.98px) {
#bo_w,
#bo_v,
#bo_list { margin:0 auto; padding:0 0; }

#bo_list_total,
#bo_v_info { font-size:12px; }
}



section h2 { display:none !important; }

.cke_sc { display:none; }

#bo_v_info {}

#bo_v_file, 
#bo_v_link {font-size:14px; }


#bo_v_file li,
#bo_v_link li {color:#000 !important; background:#fff !important; border:1px solid #ddd !important; margin-top:20px; }

#bo_v_file a, 
#bo_v_link a {color:#000 !important; line-height:32px !important; }

#bo_v_file img, 
#bo_v_link img {float:left; margin:10px 10px 0 0 !important}

/*
#bo_v_file a strong::before { content:'첨부파일: '; font-weight:400; color:#999; }
*/
#bo_v_file a strong,
#bo_v_link a strong {font-weight:600; }

.btn_print_area {float:right; padding:2px 10px; border-radius:5px; border:2px solid #1cbab3; background-color:#f5f5f5; font-weight:600; margin-top:8px; font-size:16px; display:none; }
.btn_print_area a { color:#222; }

.form-control,
#bo_w .form-control,
#bo_w textarea,
#bo_list .td_subject,
#bo_v #bo_v_title,
#bo_v #bo_v_atc {border-radius: 0 !important ; }

#bo_w textarea {border-radius: 0 !important ; }

#bo_w .form-control { height:40px; }

.fa-heart { display:none !important; } /*게시판 히트글 아이콘 숨기기*/

@media print {
	section h2 { display:none !important; }	
}


@media (max-width: 767.98px) {
	#bo_w .form-control { height:30px; }
	.form-group { margin-bottom:6px !important; }
	.control-label { font-size:14px; margin-bottom:0 !important; }
	.input-group-prepend p { display:block !important; }
}


/* 서브페이지 공통 레이아웃 */
.sub_con_100 {width:100%; float:left; }	
.sub_con {width:100%; max-width:1280px; padding-left:40px !important; padding-right:40px !important; margin:0 auto; }
.sub_con h2 {text-align:center; font-size:30px; color:#000; font-family:  !important; margin-bottom:60px; }

@media (max-width: 767.98px) {
	.sub_con h2 { font-size:24px; margin-bottom:30px; margin-top:10px; }	
	.navbar-nav li a:hover { color:#000 !important; }
	.sub_con { padding-left:15px !important; padding-right:15px !important; }
}

/* 자료실 바로가기 버튼 */
.btn_go_more_100 {width:100%; float:left; text-align:center; }
.btn_go_more_100 span {padding:12px 0; width:60%; max-width:600px; background-color:#111; display:inline-block; color:#fff; border-radius:100px; font-size:24px; }
.btn_go_more_100 span i {font-size:28px; vertical-align:-4px; }

@media (max-width: 767.98px) {
	.btn_go_more_100 span {font-size:18px; width:80%; }
	.btn_go_more_100 span i {font-size:24px; vertical-align:-2px; }
}

@media (max-width: 978px) {
}


@media (max-width: 640px) {

}


/* 게시판 이미지 크게 보기 */
.bbs-view-image { width:100%; }
.bbs-view-image img { width:100%; height:auto; }



/* 제품이미지 */

.pro_img {width:100%; text-align:center;}
.pro_img img {width:100%; max-width:1000px;}


/* 갤러리 공통 CSS*/

#bo_gall .empty_list { text-align:center;}



/**** 메인CSS ****/

.tail_01 { margin-top: 0px !important;}

.main_title { font-size:48px; font-weight:700; margin-bottom:40px; text-align:center;}
.main_title.eng {font-size:36px;}

.main_title .block { display:block;}
.main_title .inblock { display:inline-block;}
@media (max-width: 767.98px) {
	.main_title { font-size:24px; margin-bottom:30px;}
	.main_title .inblock { display:block;}
}

.main_02_100 { padding:60px 0; position:relative;}
@media (max-width: 767.98px) {
	.main_02_100 { padding:30px 0;}
}

.swiper-container.swiper2 { margin:auto;}
.swiper-container.swiper2 { position:relative;}
.swiper-container.swiper2 .swiper-wrapper {}
.swiper-container.swiper2 .swiper-wrapper .swiper-slide{ width:100%; text-align: left; background:none; padding: 100px 0px 40px 60px; }

@media (max-width: 767.98px) {
	.swiper-container.swiper2 .swiper-wrapper .swiper-slide{padding: 0px 0px 0px 0px; }
}

.swiper2_con { width:100%; position:relative; min-height:540px;}
.swiper2_con .swiper2_con_text {position:relative;}
.swiper2_con .swiper2_con_text .swiper2_con_bi {height:100px; margin-bottom:30px;}
.swiper2_con .swiper2_con_text .swiper2_con_bi img {height:100px;}
.swiper2_con .swiper2_con_text .swiper2_con_title {font-size:64px; font-weight:700; line-height:1.2;}
.swiper2_con .swiper2_con_text .swiper2_con_title .inblock { display:block;}
.swiper2_con .swiper2_con_text .swiper2_con_text {font-size:26px; font-weight:300; color:#424242; margin:40px 0 60px; line-height:1.2;}

.swiper2_con .swiper2_con_text.eng { padding-right:50%;}
.swiper2_con .swiper2_con_text.eng .swiper2_con_title { font-size:42px;}
.swiper2_con .swiper2_con_text.eng .swiper2_con_text { font-size:24px;}

.swiper2_con .swiper2_con_more { padding:10px 20px; border:1px solid #d6d6d6; display:inline-block; border-radius:50px; font-size:16px; font-weight:600; background-color:#fff;}

.swiper2_con .swiper2_bg {position:absolute; bottom:50%; right:50px; transform: translate(0%, 50%); z-index:-1; width:56%; max-width:580px;}
.swiper2_con .swiper2_bg img {width:100%;}


.swiper-container.swiper2 .swiper-pagination { text-align:left; padding-left:100px;}
.swiper-container.swiper2 .swiper-pagination .swiper-pagination-bullet { margin:0 10px 0 0; width:14px; height:14px;}
.swiper-container.swiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#b92727; width:50px; border-radius:50px;}
	
@media (max-width: 767.98px) {
	.swiper2_con { min-height:0; margin-right: 30px; margin-left: 20px;}
	.swiper2_con .swiper2_con_text .swiper2_con_bi {height:50px; margin-bottom:15px;}
	.swiper2_con .swiper2_con_text .swiper2_con_bi img {height:50px;}
	.swiper2_con .swiper2_con_text .swiper2_con_title {font-size:32px;}
	.swiper2_con .swiper2_con_text .swiper2_con_title .inblock { display:inline-block;}
	.swiper2_con .swiper2_con_text .swiper2_con_text {font-size:16px; margin:10px 0 20px;}
	
	.swiper2_con .swiper2_con_text.eng .swiper2_con_title { font-size:24px;}
	.swiper2_con .swiper2_con_text.eng .swiper2_con_text { font-size:14px;}

	.swiper2_con .swiper2_con_more { padding:6px 20px; font-size:14px; font-weight:600;}

	.swiper2_con .swiper2_bg {position:relative; bottom:auto; right:auto; transform: translate(0%, 0%); z-index:0; width:100%; max-width:100%;}
	.swiper2_con .swiper2_bg img {width:100%;}

	.swiper-container.swiper2 .swiper-pagination { text-align:center; padding-left:0px;}
	
}


.swiper-container.swiper2 .swiper_bg {position: absolute; width: 45%; max-width: 1200px; top: 0px; right: 20px; transform: translateX(0%); z-index: -1; text-align: right;}
.swiper-container.swiper2 .swiper_bg img {width:100%; max-width:333px;}

@media (max-width: 767.98px) {
	.swiper-container.swiper2 .swiper_bg { width: 40%; top:auto; right: 20px; bottom:90px; transform: translateX(0%); text-align: right;}
	.swiper-container.swiper2 .swiper_bg img {width:100%; max-width:333px;}	
}


.main_04_img {width:100%; padding:100px; color:#fff; text-align:center; background-image:url(../../../img/main/main_04_bg.png); background-position:top; background-size:cover;}
.main_04_img .main_04_img_01 {font-size:80px; font-weight:800; margin-bottom:0px;}
.main_04_img .main_04_img_02 {font-size:18px; margin-bottom:60px;}
.main_04_img .main_04_img_03 .main_04_img_03_btn {font-size:18px; display:inline-block; padding:10px 20px; background-color:rgba(255,255,255,.0); border:1px solid #fff; border-radius:50px;}

.main_04_con {width:100%; padding:40px 0; color:#fff; text-align:center; display:flex;}
.main_04_con .main_04_con_item {width:calc(100% / 3);}
.main_04_con .main_04_con_item .main_04_con_item_img {display:inline-block; width:120px; height:120px; padding:20px; border-radius:50%; background-color:#fff;}
.main_04_con .main_04_con_item .main_04_con_item_img img {width:100%; }
.main_04_con .main_04_con_item .main_04_con_item_01 {margin-top:10px; font-size:30px; font-weight:600;}
.main_04_con .main_04_con_item .main_04_con_item_02 {font-size:16px;}

@media (max-width: 767.98px) {
.main_04_con_wrap { padding:0 !important;}
.main_04_img {padding:30px 20px;}
.main_04_img .main_04_img_01 {font-size:28px;}
.main_04_img .main_04_img_02 {font-size:14px; margin-bottom:20px;}
.main_04_img .main_04_img_03 .main_04_img_03_btn {font-size:14px; padding:6px 14px; }

.main_04_con {width:100%; padding:20px 0; color:#fff; text-align:center; display:flex;}
.main_04_con .main_04_con_item {width:calc(100% / 3); padding:10px;}
.main_04_con .main_04_con_item .main_04_con_item_img {display:inline-block; width:60px; height:60px; padding:5px; border-radius:50%; background-color:#fff;}
.main_04_con .main_04_con_item .main_04_con_item_img img {width:100%; border-radius:50%; }
.main_04_con .main_04_con_item .main_04_con_item_01 {margin-top:10px; font-size:18px; font-weight:600;}
.main_04_con .main_04_con_item .main_04_con_item_02 {font-size:14px;}

}


.main_lat_100 { padding:70px 0; border-top:1px solid #ddd; margin-top:30px; text-align:left;}

.main_lat_100 .main_title { text-align:left;}

.main_lat {display:flex; justify-content: space-between;}
.main_lat .main_lat_bbs {width:calc(50% - 35px);}
/*.main_lat .main_lat_bbs {width:100%;}*/

@media (max-width: 767.98px) {
.main_lat_100 { padding:20px 0 0;}

.main_lat_100 .main_title { margin-top:20px; margin-bottom:00px;}


.main_lat {display:block;}
.main_lat .main_lat_bbs {width:100%; /*margin-bottom:40px;*/}
}


.pr_more_wrap {}
.pr_more { display:inline-block; padding:12px 50px; border:1px solid #000; border-radius:50px; font-size:20px; font-weight:600;}

@media (max-width: 767.98px) {
.pr_more {padding:8px 40px; font-size:16px;}

}



.tail_01 {width:100%; float:left; padding:30px 0px; color:#CCC; background-color:#e8e8e6; font-size:14px; text-align:left; position:relative; margin-top:50px; border-bottom:1px solid rgba(255,255,255,.1); }
.tail_01 ul {width:100%; max-width:1280px; margin:0 auto; padding:0 40px;     display: flex;
    justify-content: space-between;
    align-items: center;}

.tail_01 ul .left { font-size:30px; font-weight:800; padding-right:20px;}
.tail_01 ul .left p {float:left; }
.tail_01 ul .left span {display:block; font-size:14px; line-height:20px; min-height:20px; font-weight:600; color:#959595;}
.tail_01 ul .left .left_name {color:#dd7f2e; margin-right:20px;}
.tail_01 ul .left .left_con {color:#000;}

.tail_01 ul .right {font-size:18px; font-weight:800; color:#363636;}
.tail_01 ul .right p {float:right; margin-left:40px;}
.tail_01 ul .right p img {height:18px; display:inline-block; margin-right:4px;}
.tail_01 ul .right .right_item_01 {}
.tail_01 ul .right .right_item_02 {}

@media (max-width: 767.98px) {
.tail_01 {padding:20px 0px; border-bottom:1px solid rgba(255,255,255,.1); }
.tail_01 ul {padding:0 20px; display:block; }

.tail_01 ul .left { display:block; font-size:20px; padding-right:0px; width:100%; float:left; margin-bottom:15px;}
.tail_01 ul .left span {font-size:12px; line-height:16px; min-height:0; }
.tail_01 ul .left .left_name {color:#dd7f2e; margin-right:10px;}
.tail_01 ul .left .left_con {color:#000;}

.tail_01 ul .right { display:block; font-size:16px; font-weight:600; display:flex;     justify-content: space-between; width:100%; float:left; }
.tail_01 ul .right p { width:auto; float:none; margin-left:0px;}
.tail_01 ul .right p img {height:18px; display:inline-block; margin-right:4px;}
.tail_01 ul .right .right_item_01 {}
.tail_01 ul .right .right_item_02 {}
}


.down {padding:0px 5px;}
.down img {}
@media (max-width: 767.98px) {
	.down img { width:120px;}
	}

.copy a { color:#666;}	

.sns {padding:0px 5px;}
.sns img { width:20px;}

.right select {
width: 200px;
padding: .4em .5em;
border: 1px solid rgba(255,255,255,.0);
font-family: inherit;
background: url('../img/mobile/gnb_bg2.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color:#999;
font-size:14px;
background-color:rgba(255,255,255,.1);
}

.right select::-ms-expand {
    display: none;
}

.tail_02 {width:100%; float:left; padding:50px 0px; background-color:#1d1d1d; font-size:16px; text-align:left; position:relative; font-weight:300;}
.tail_02 ul {width:100%; max-width:1280px; margin:0 auto; padding:0 40px; display: flex; justify-content: space-between; align-items: flex-start;}
.tail_02 ul li {}
.tail_02 ul .left {color:#ccc; font-weight:500; line-height:1.6;}
.tail_02 ul .left a {color:#ccc; margin-right:20px;}
.tail_02 ul .left img {width:200px;}
.tail_02 ul .left .info_01 {margin-top:30px; font-size:15px;}
.tail_02 ul .left .info_02 {margin-top:30px;}

.tail_02 ul .right { min-width:232px ;margin-top: 50px; color:#fff;}

.cs_title { font-size:16px; font-weight:500; margin-top:30px;}
.cs_tel { color: #f05334; font-size:32px; font-weight:600; display:flex; justify-content: flex-end;}
a.cs_tel {color: #f05334;}
.cs_tel span { display:inline-block; font-size: 16px; font-weight: 400; margin-top: 6px; margin-right: 8px;}
.cs_info { font-size:14px; margin-top:2px;}

@media (max-width: 767.98px) {
.tail_02 {padding:30px 0; font-size:14px;}
.tail_02 ul {padding:0 20px; display: flex; flex-direction: column-reverse; }
.tail_02 ul .left img {width:160px;}
.tail_02 ul .left .info_01 { font-size:13px;}

.tail_02 ul .right { width:100%; margin-bottom:40px; margin-top:20px;}

.tail_02 ul .left .view_mobile { width:100%; max-width:300px;}

.cs_title { font-size:14px; margin-top:0px;}
.cs_tel { font-size:28px; }
.cs_tel span { font-size: 14px; margin-top: 0px; margin-right: 8px; vertical-align: 10px;}
.cs_info { font-size:14px;}

}


.copymove_current { background-color:#F00; color:#fff; padding:2px 6px; border-radius:4px;}


.player {
  padding-top: 56.25%;
  position: relative;
}
.player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}