@charset "utf-8";

/* ************************************************************************************** *
* 공통 CSS test
* 
/* ************************************************************************************** */

/* 글자넘어가면 점처리 */
.letterOver {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 2줄 이상일때 점처리 */
.letterOver_02 {
	display:-webkit-box;
	height:20px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;	
}

/* 공통 클래스 Css */
.left {float:left; } 
.right {float:right;} 
.clear {clear: both; } 
.pointer {cursor: pointer; }
.bold {font-weight: bold; }  
.bolderLight {font-weight:500;}

/* 공통 클래스 ClearFix Css */
.clearfix:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.clearfix { display: inline-block; *display:inline; *zoom:1; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* BORDER */
.line_b1_w {border-bottom: 1px solid #737b7e;}
.line_t1_w {border-top: 1px solid #737b7e;}

.line_b1_b {border-bottom: 1px solid #000;}
.line_t1_b {border-top: 1px solid #000;}

.border_aaa {border:1px solid #aaa;}


/* TEXT-ALING */
.textC { text-align:center !important; }
.textL { text-align:left !important; }
.textR { text-align:right !important; }

/* MARGIN */
.mgA0 { margin:0; }

.mgT0 { margin-top:0px }
.mgT5 { margin-top:5px }
.mgT10 { margin-top:10px }
.mgT15 { margin-top:15px }
.mgT20 { margin-top:20px }
.mgT25 { margin-top:25px }
.mgT30 { margin-top:30px }
.mgT35 { margin-top:35px }
.mgT40 { margin-top:40px }
.mgT45 { margin-top:45px }
.mgT50 { margin-top:50px }
.mgT55 { margin-top:55px }
.mgT60 { margin-top:60px }
.mgT65 { margin-top:65px }
.mgT70 { margin-top:70px }

.mgL5 { margin-left:5px }
.mgL10 { margin-left:10px }
.mgL15 { margin-left:15px }
.mgL20 { margin-left:20px }
.mgL25 { margin-left:25px }
.mgL30 { margin-left:30px }
.mgL35 { margin-left:35px }
.mgL40 { margin-left:40px }
.mgL45 { margin-left:45px }
.mgL50 { margin-left:50px }
.mgL55 { margin-left:55px }
.mgL60 { margin-left:60px }
.mgL65 { margin-left:65px }

.mgR1 { margin-right:1px }
.mgR5 { margin-right:5px }
.mgR10 { margin-right:10px }
.mgR15 { margin-right:15px }
.mgR20 { margin-right:20px }
.mgR25 { margin-right:25px }
.mgR30 { margin-right:30px }
.mgR35 { margin-right:35px }
.mgR40 { margin-right:40px }
.mgR45 { margin-right:45px }
.mgR50 { margin-right:50px }
.mgR55 { margin-right:55px }
.mgR60 { margin-right:60px }
.mgR80 { margin-right:80px }

.mgB5 { margin-bottom:5px }
.mgB10 { margin-bottom:10px }
.mgB15 { margin-bottom:15px }
.mgB20 { margin-bottom:20px }
.mgB25 { margin-bottom:25px }
.mgB30 { margin-bottom:30px }
.mgB35 { margin-bottom:35px }
.mgB40 { margin-bottom:40px }
.mgB45 { margin-bottom:45px }
.mgB50 { margin-bottom:50px }
.mgB55 { margin-bottom:55px }
.mgB70 { margin-bottom:70px }


/* PADDING */
.pdA0{padding:0;}
.pdA5{padding:5px;}
.pdA10{padding:10px;}
.pdA20{padding:20px;}

.pdT5{padding-top:5px}
.pdT6{padding-top:6px}
.pdT10{padding-top:10px}
.pdT15{padding-top:15px}
.pdT20{padding-top:20px}
.pdT25{padding-top:25px}
.pdT30{padding-top:30px}
.pdT35{padding-top:35px}
.pdT40{padding-top:40px}
.pdT45{padding-top:45px}
.pdT50{padding-top:50px}

.pdL5{padding-left:5px}
.pdL10{padding-left:10px}
.pdL15{padding-left:15px}
.pdL20{padding-left:20px}
.pdL25{padding-left:25px}
.pdL30{padding-left:30px}
.pdL35{padding-left:35px}
.pdL40{padding-left:40px}
.pdL45{padding-left:45px}

.pdR5{padding-right:5px}
.pdR10{padding-right:10px}
.pdR15{padding-right:15px}
.pdR20{padding-right:20px}
.pdR25{padding-right:25px}
.pdR30{padding-right:30px}
.pdR35{padding-right:35px}
.pdR40{padding-right:40px}
.pdR45{padding-right:45px}

.pdB5{padding-bottom:5px}
.pdB10{padding-bottom:10px}
.pdB15{padding-bottom:15px}
.pdB20{padding-bottom:20px}
.pdB25{padding-bottom:25px}
.pdB30{padding-bottom:30px}
.pdB35{padding-bottom:35px}
.pdB40{padding-bottom:40px}
.pdB45{padding-bottom:45px}


/* FONT-SIZE */
.fs18{font-size: 18px !important;}
.fs16{font-size: 16px !important;}
.fs14{font-size: 14px !important;}
.fs12{font-size: 12px !important;}
.fs10{font-size: 10px !important;}

.fontBigger_02 {font-size:1.2em;}
.fontBigger_01 {font-size:1.1em;}

.fontSmaller_01 {font-size:0.9em;}
.fontSmaller_02 {font-size:0.8em;}


/* COLOR */
.colorB_0 {color:#000 !important;}
.colorB {color:#333 !important;}

.colorG_666 {color:#666 !important;}
.colorG_999 {color:#999 !important;}
.colorDeepGray {color:#58595b !important;}

.colorR {color:#e02b31 !important;}

.colorBlue {color:#034ea2 !important;}

.colorPick {color:#df585b !important;}

.colorW {color:#fff !important;}

.colorRightBlue {color:#2c84c1 !important;}
.colorOrange {color:#f58220 !important;}

.performColor {color:#e22931; border:1px solid #e22931;}
.displayColor {color:#00af9a; border:1px solid #00af9a;}
.festivalColor {color:#77bb1f; border:1px solid #77bb1f;}
.hallColor {color:#0092c8; border:1px solid #0092c8;}
.etcColor {color:#6b468e; border:1px solid #6b468e;}
.eventColor {color:#f58220 ; border:1px solid #f58220;}


/* DISPLAY */
.hide { visibility:hidden; }
.block { display:block; }
.none { display:none; }


/* FLOAT */
.leftF { float:left; }
.rightF { float:right; }
.floatN { float:none; }


/* TRANSITION */
.transDefault {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* BUTTON */
.btn {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	padding:5px 10px;
	cursor:pointer;	
	display:inline-block;	
}

.btnUpload {height:32px; background:#fff; color:#444; border:1px solid #ccc; vertical-align:middle;}
.btn_autoUpload {height:32px; background-color:#aaa; width:40px;}
.btnReward {height:32px; background-color:#ccc; color:#fff; padding:0 5px; vertical-align: middle;}
.btnCI {width:120px; padding:5px 0; background-color:#eee; color:#fff; font-size:14px; border-radius:4px;text-align:center;}
.btnDownloadWay {padding:3px 25px !important; border-radius:3px; color:#df585b; border:1px solid #ddd;}

.btnSmall_01 {min-height:31px; padding:3px 20px; background-color:#58595b; color:#fff; font-size:13px;}
.btnSmall_02 {padding:3px 10px; background-color:#58595b; color:#fff; font-size:14px; vertical-align:bottom;}
.btnSmall_03 {padding:5px 10px; background-color:#58595b; color:#fff; font-size:14px; vertical-align:bottom;}

.btnBig_01 {padding:10px 40px; font-size:18px; color:#fff; background-color:#58595b; min-width:150px;}
.btnBig_02 {padding:6px 40px; font-size:18px; color:#fff; background-color:#58595b; min-width:150px;}

.btnSmall_write {min-height:31px; padding:3px 20px; font-size:14px; border:1px solid #58595b; color:#58595b; }
.btnSmall_write:hover {background-color:#58595b; color:#fff;}

.borderRadius3 { border-radius:3px;}


/* BACKGROUND COLOR */
.bgColorB_0 {background-color:#000 !important; color:#fff !important;}
.bgColorB_333 {background-color:#333 !important; color:#fff !important;}

.bgColorG_Deep {background-color:#58595b !important; color:#fff !important;}
.bgColorG_999 {background-color:#999 !important; color:#fff !important;}

.bgColorR {background-color:#e02b31 !important; color:#fff !important;}
.bgColorRLine {border:1px solid #e02b31; background-color:#e02b31 !important; color:#fff !important;}

.bgColorW {background-color:#fff !important; color:#444;}

.bgColorDeepYellow {background-color:#c6753e !important; color:#fff !important;}
.bgColorDeepPink {background-color:#df585b !important; color:#fff !important;}
.bgColorPink {background-color:#df585b !important; color:#fff !important;}
.bgColorDeepOrange {background-color:#dd5828 !important; color:#fff !important;}
.bgColorOrange {background-color:#f47920 !important; color:#fff !important;}

.bgGrayLine {background-color:#eeeeee; border:1px solid #aaaaaa; color:#666666;}
.bgWhiteLine {background-color:#fff; border:1px solid #aaaaaa; color:#666666;}

.btnUnderlineR {padding:2px 3px 2px 3px; border-bottom:1px solid #e02b31; font-weight:bold;}


/* Width 값 */
.txtWshort_130 {width:130px;}
.txtWshort_230 {width:230px;}

.txtWshort_2 {width:100px;}
.txtWshort_3 {width:60px;}
.txtWmiddle_1 {width:250px;}
.txtWlong_1 {width:420px;}

.width100Per {width:100%;}
.widthAuto {width:auto;}



/* 로딩박스 */
.loading_box{width:100%; height:100%; position: fixed; top:0; left:0; z-index: 20000 ; display: none; }
.loading_box .bg{width:100%; position: absolute; top:0; left: 0; height: 100%; background-color: #000; opacity : 0.5; }
.loading_box img{position: absolute; top:50%; margin-top: -150px; left: 50%; margin-left: -150px; }


/* Form 영역 */
.selectDefault {min-height:32px; padding:3px; font-size:14px;}
.txtDefault {min-height:32px; padding:3px 5px; font-size:14px;}
.txtDefault::-webkit-input-placeholder {font-size:13px; letter-spacing:-2px; }
.txtDefault::-moz-placeholder {font-size:13px;   letter-spacing:-2px; }
.txtDefault:-ms-input-placeholder {font-size:13px;  letter-spacing:-2px; }
.txtDefault:-moz-placeholder {font-size:13px;  letter-spacing:-2px; }

.txtlogin {padding:10px 5px; font-size:14px; height:40px; border:1px solid #aaa !important;}

.checkDefault {width:12px; height:12px; background:#fff; border:1px solid #ccc;}


/* 블럭부분 클래스 */
.row {width:100%; position:relative;}
.row:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.row_lg_08 {float:left; width:66.12%; margin: 1% 1.6% 1% 0%; text-align:center;}
.row_lg_04 {float:left; width:32.26%; margin: 1% 0% 1% 0%; text-align:center;}

.col_lg_04 {float:left; width:32.26%; margin: 1% 1.6% 1% 0%; text-align:center;}
.col_lg_04:nth-of-type(3n) {margin-right:0;}

.col_lg_06 {width:48.7%; float:left; margin:0% 0% 0% 2.6%; text-align:center;}
.col_lg_06:first-child { margin:0% 0% 0% 0%;}




/* 모바일 클래스 */
.viewPc {display:block;}
.viewMobile {display:none;}


/* 본문바로가기 */
.skip{display:inline-block; overflow:hidden; height:12px; color:#fff; font-size:12px; margin:0 15px 0 0; line-height:12px; width:0px;}
.txtSkip {text-indent: -9999px !important;}

pre {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}

.txtDecoUnderLine {text-decoration:underline;}

/* ********************************************************************************** 
* 세로 가운데 정렬

.layer{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
.layer .content{display:inline-block;background:#f00;vertical-align:middle}
.layer .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

* *********************************************************************************** */

.blank {display:inline-block;width:0;height:100%;vertical-align:middle}


/* ********************************************************************************** 
	Flex 메뉴사용 방법 
* *********************************************************************************** */
ul.flexible {
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
ul.flexible:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1; }
ul.flexible li {flex-grow:1; cursor:pointer; text-align:center;}


/* ********************************************************************************** 

	반응형

* *********************************************************************************** */

@media all and (max-width:850px){
	
	.viewPc {display:none;}
	.viewMobile {display:block;}
	.mobileW100 {width:100%; margin:0 0 5px 0;}
	
	/* 모바일에서 테이블 처리 - 스크롤바 생성 */
	.table_wrap_mobile {overflow-x:scroll;}
	.table_wrap_mobile table {width:750px;}
	.table_wrap_mobile table th {font-size:0.91em !important;}
	.table_wrap_mobile table td {font-size:0.91em !important;}
	/* 스크롤 처리 하지 않을 테이블에 dontwantScroll 클래스 추가 */
	.table_wrap_mobile .dontwantScroll {width:100%;}
	.m_table_wrap { overflow-x:scroll; }
		
	
	/* 모바일 폼영역 */
	.selectDefault {font-size:12px;}
	.txtDefault {min-width:auto; font-size:12px;}
	.txtDefault::-webkit-input-placeholder {font-size:12px; }
	.txtDefault::-moz-placeholder {font-size:12px;}
	.txtDefault:-ms-input-placeholder {font-size:12px;}
	.txtDefault:-moz-placeholder {font-size:12px;}
	
	/* 모바일 넓이 */
	.txtWlong_1 {width:90%;}
	.txtWshort_230 {width:90%; margin:5px 0 0;}
	
	/* 버튼 넓이 */	
	.btnBig_01 {min-width:auto;}
	.btnBig_02 {min-width:auto;}
	
	/* 넓이 */
	.row2mobile .col_lg_04 {width:49.2%; float:left; margin:1% 1.6% 1% 0%; text-align:center;}
	.row2mobile .col_lg_04:nth-of-type(2n) {margin:1% 0% 1% 0%;}
}

@media all and (max-width:450px){	
	/* 모바일에서 테이블 처리 - 스크롤바 생성 */
	.table_wrap_mobile02 {overflow-x:scroll;}
	.table_wrap_mobile02 table {width:450px;}
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 4px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.main_menu .hamburger-inner, .main_menu .hamburger-inner::before, .main_menu .hamburger-inner::after {
    background-color:rgba(255,255,255,0.7);}  
.sub_menu .hamburger-inner, .sub_menu .hamburger-inner::before, .sub_menu .hamburger-inner::after {
    background-color: #d24158; opacity:1;}  	
  
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 34px;
    height: 3px;
    background-color: #e22730;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.1s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.1s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);  background-color:#aaa;}
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); background-color:#aaa;}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.15s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.32s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }


/* 모바일 850px부터 */

/* autocomplate */
ul.ui-autocomplete {z-index:1001}
ul.ui-autocomplete li.ui-menu-item {padding:2px;color:#777}

/* HEADER 해더 */
#headerWrap {width:100%;}
.headerTopWrap {width:100%; background-color:#4c4c4e;}
.headerTopWrap .inner {width:1200px; margin:0 auto; text-align:right; padding:10px 0;}
.headerTopWrap .rightMenu {color:#fff; display:inline-block;}
.headerTopWrap .rightMenu li {float:left; font-size:13px; margin:0 15px 0 0;}
.headerTopWrap .rightMenu li:last-of-type {margin:0 0px 0 0;}
.headerTopWrap .rightMenu li a {color:#fff; font-weight:300;}

.headerLogoWrap {width:100%;}
.headerLogoWrap .inner {width:1200px; margin:0 auto; padding:20px 0;}
.headerLogoWrap .logoBox {float:left;}
.headerLogoWrap .searchBox {float:right; padding:5px 0 0 0;}
.headerLogoWrap .searchBox label {height:40px; float:left; font-size:15px; border:1px solid #cfcfcf; vertical-align:middle; color:#999; font-weight:300; padding:9px 0 0 10px; text-align:center; border-right:none;}
.headerLogoWrap .searchBox label .line_01 { width:1px; height:20px; background-color:#cfcfcf; display:inline-block; text-align:right; margin:0 0 0 10px;}
.headerLogoWrap .searchBox input.searchHeader {width:381px; height:40px; font-size:16px; padding:0 0 0 10px; border-left:none;}
.headerLogoWrap .searchBox input::-webkit-input-placeholder {font-size:14px;}
.headerLogoWrap .searchBox input::-moz-placeholder {font-size:14px;}
.headerLogoWrap .searchBox input:-ms-input-placeholder {font-size:14px;}
.headerLogoWrap .searchBox input:-moz-placeholder {font-size:14px;}
.headerLogoWrap .searchBox button {width:45px; height:40px; background-color:#e22931;}

@media all and (max-width:1200px){	

	.headerTopWrap .inner {width:100%; padding:10px;}
	.headerLogoWrap .inner {width:100%; padding:20px 10px;}	
}

@media all and (max-width:850px){	
	#headerWrap {border-bottom:1px solid #d4d4d4;}
	.headerTopWrap {display:none;}
	.headerLogoWrap .searchBox {display:none;}	
	
	.headerLogoWrap .inner {padding:15px 10px; height:63px;}
	.headerLogoWrap .logoBox img {width:150px;}
	
	/* 모바일 메뉴 버튼 */
	.mobileMenuBtnBox {float:right; margin:2px 0 0 0;}
}

/* 2022-06-27  모바일 메뉴 적용 시작 */
#hd .new_logo_box {display: flex; align-items: center; font-size: 14px; height: 100%;}
#hd .new_logo_box:hover, #hd .new_logo_box:focus {text-decoration: none;}
#hd .new_logo_box h1 {font-size: 26px; font-weight: 600;}
#hd .new_logo_box .img_box {margin-right: 13px; width: auto; height: 100%; display: flex; align-items: center;}
#hd .new_logo_box img {width: 100%; max-height: 100%;}

#mobile-header {display: none; position: fixed; top: 40px; left: 0; width: 100%; height: auto; justify-content: space-between; align-items: center; background-color: #fff; border-bottom: 1px solid #ddd; padding: 10px 20px; z-index: 1500;}

#mobile-header .new_logo_box {display: flex; align-items: center; font-size: 13px;}
#mobile-header .new_logo_box:hover, #mobile-header .new_logo_box:focus {text-decoration: none;}
#mobile-header .new_logo_box h1 {font-size: 20px; font-weight: 600;}
#mobile-header .new_logo_box .img_box {display: flex; height: 50px; margin-right: 13px; align-items: center;}
#mobile-header .new_logo_box img {}
#mobile-header .logo-box img {height: 100%;}

@media screen and (max-width:1000px) {
	#mobile-header {display: flex;}
   #mobile-header .img_box:not(.basic_logo) img {height : 100%}
}

@media screen and (max-width:480px) {

}

#mobile-header .btn-mobile-menu {height: 15px; display: flex; flex-direction: column; justify-content: space-between;}
#mobile-header .btn-mobile-menu .line {width: 20px; height: 2px; border-radius: 10px; background-color: #333; display: flex; transform-origin: right; transition: all 0.3s ease;}
#mobile-header .btn-mobile-menu.active .line {width: 18.5px;}
#mobile-header .btn-mobile-menu.active .line:nth-of-type(1) {transform: rotate(-45deg);}
#mobile-header .btn-mobile-menu.active .line:nth-of-type(2) {display: none;}
#mobile-header .btn-mobile-menu.active .line:nth-of-type(3) {transform: rotate(45deg);}
#mobile-header .mobile-menu {display: none; width: 100%; background-color: #fff; position: absolute; top: 100%; left: 0; border-bottom: 1px solid #ddd;}
#mobile-header .mobile-menu .dep-01 {border-top: 1px solid #ddd;}
#mobile-header .mobile-menu .dep-01 > a {height: 50px; font-size: 16px; font-weight: 600; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease;}
#mobile-header .mobile-menu .dep-01 > a:hover {text-decoration: unset;}

@media (hover:hover) and (pointer: fine) {
	#mobile-header .mobile-menu .dep-01 > a:hover {text-decoration: unset; background-color: #2e62ae; color: #fff;}
	#mobile-header .mobile-menu .dep-01 > a:hover i {color: #fff;}
}

#mobile-header .mobile-menu .dep-01 > a i {font-size: 16px;}
#mobile-header .mobile-menu .dep-01 > a .minus-01 {display: none;}
#mobile-header .mobile-menu .dep-01 > a.active {background-color: #2e62ae; color: #fff;}
#mobile-header .mobile-menu .dep-01 > a.active i {color: #fff;}
#mobile-header .mobile-menu .dep-01 > a.active .plus-01 {display: none;}
#mobile-header .mobile-menu .dep-01 > a.active .minus-01 {display: block;}
#mobile-header .mobile-menu .dep-02-box {display: none; background-color:#e5effb;}
#mobile-header .mobile-menu .dep-02 {border-top: 1px solid #ddd;}
#mobile-header .mobile-menu .dep-02 > a {height: 40px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; font-size: 15px;}
#mobile-header .mobile-menu .dep-02 > a:hover {text-decoration: unset;}

@media (hover:hover) and (pointer: fine) {
	#mobile-header .mobile-menu .dep-02 > a:hover {text-decoration: unset; background-color: #2e62ae; color: #fff;}
	#mobile-header .mobile-menu .dep-02 > a:hover i {color: #fff;}
}

#mobile-header .mobile-menu .dep-02 > a .plus-02 {}
#mobile-header .mobile-menu .dep-02 > a .minus-02 {display: none;}
#mobile-header .mobile-menu .dep-02 > a.active {background-color: #2e62ae; color: #fff;}
#mobile-header .mobile-menu .dep-02 > a.active i {background-color: #2e62ae; color: #fff;}
#mobile-header .mobile-menu .dep-02 > a.active .plus-02 {display: none;}
#mobile-header .mobile-menu .dep-02 > a.active .minus-02 {display: block;}
#mobile-header .mobile-menu .dep-03-box {background-color: #f4f9ff; display: none;}
#mobile-header .mobile-menu .dep-03 {border-top: 1px solid #ddd;}
#mobile-header .mobile-menu .dep-03 > a {font-size: 14px; display: block; width: 100%; padding: 10px 40px; transition: all 0.3s ease;}
#mobile-header .mobile-menu .dep-03 > a:hover {text-decoration: unset; background-color: #2e62ae; color: #fff;}

/* 2022-06-27  모바일 메뉴 적용 끝 */

/* FOOTER */
#ft {background-color: #2c2f36; font-size: 15px; padding: 0 10px;}
#ft > .tb, #ft > .bb {width: 100%; max-width: 1300px; margin: 0 auto;}
#ft > .tb {border-bottom: 1px solid #393d46; padding: 15px 0;}
#ft .link_list {display: flex;}
#ft .link_list li:not(:last-of-type) {margin-right: 30px;}
#ft .link_list a {color: #fff;}
#ft .link_list a.important {color: #f7ea91;}
#ft .link_list a:hover, #ft .link_list a:focus {color: #f7ea91; text-decoration: none;}
#ft > .bb {display: flex; align-items: center; padding: 15px 0 25px;}
#ft > .bb .img_box {flex-shrink: 0;}
#ft > .bb .txt_box {margin-left: 65px;}
#ft > .bb .txt_box .info {display: flex; margin-bottom: 7px;}
#ft > .bb .txt_box .info p {color: #fff; margin-left: 20px;}
#ft > .bb .txt_box address {color: #fff;}
#ft > .bb .txt_box .co {color: #bbb;}

@media screen and (max-width:1000px) {
	#ft {font-size: 13px;}
	#ft > .bb .txt_box {margin-left: 40px;}
	#ft > .bb .txt_box .info {margin-bottom: 3px; flex-wrap: wrap;}
	#ft > .bb .txt_box .info p {margin-right: 10px;margin-left:0}
	#ft > .bb .txt_box .info p:last-of-type {margin-left: 0;}
	#ft > .bb .txt_box address {width: 100%; margin-bottom: 3px;} 
}

@media screen and (max-width:480px) {
	#ft {text-align: center;}
	#ft .link_list {justify-content: center;}
	#ft .link_list li:not(:last-of-type) {margin-right: 10px;}
	#ft > .bb {flex-wrap: wrap;}
	#ft > .bb .img_box {width: 100%; margin-bottom: 20px;}
	#ft > .bb .txt_box {margin-left: 0;}
	#ft > .bb .txt_box .info {justify-content: center; margin-bottom: 5px;}
	#ft > .bb .txt_box address {margin-bottom: 5px;}
}

/* NAV 메뉴 */
#navWrap {width:100%; position:relative;}
.navWrapMain {width:100%; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.navWrapMain .inner {width:1200px; margin:0 auto; position:relative;}
.navWrapMain .viewAllBox {float:right; height:50px; background-color:#4c4c4e; padding:4px 6px 0; text-align:center;}
.navWrapMain .viewAllBox p {font-size:11px; color:#fff; font-weight:300; letter-spacing:-0.8px;}

.mainMenu {float:left; position:relative;}
.mainMenu > li {float:left; width:140px; text-align:left; height:50px; padding:13px 15px 0 0; }
.mainMenu > li:last-of-type {margin:0 0px 0 0;}
.mainMenu > li > a {font-size:18px; color:#333333; font-weight:500;text-decoration: none;}
.mainMenu > li:hover > a {color:#e22730;}
.mainMenu > li.active > a {color:#e22730 !important;}

/* 서브메뉴 */
.navWrapSubMenu {display:none; position:absolute; left:0; top:52px; z-index:1000; width:100%; border-bottom:1px solid #e22931; background-color:#fff;}
.navWrapSubMenu .inner {width:1200px; margin:0 auto; padding:15px 0;}

.navWrapSubMenu .rightPicBox {float:right; padding:10px 0 0 10px; text-align:right;}
.navWrapSubMenu .rightPicBox .imgBox {display:inline-block; width:207px; height:142px; background-color:#fa0;}
.navWrapSubMenu .rightPicBox .imgCultureGw {background:url(/resources/img/layout/img_subMenu_01.jpg) no-repeat center center; background-size:cover;}
.navWrapSubMenu .rightPicBox .letterBox {margin:5px 0 0 0;}
.navWrapSubMenu .rightPicBox .letterBox p {font-weight:700; font-size:12px;}
.navWrapSubMenu .rightPicBox .letterBox h1 {font-weight:400; font-size:12px; color:#777;}

.subMenu {display:inline-block;}
.subMenu > li {float:left; width:140px; padding:0 15px 0 0;}
.subMenu > li > .subMenu_Sub {}
.subMenu > li > .subMenu_Sub > li {margin:0 0 12px 0; position:relative;}
.subMenu > li > .subMenu_Sub > li > a {text-decoration:none; font-size:13px; color:#666; letter-spacing:-0.9px;word-break: keep-all; }
.subMenu > li > .subMenu_Sub > li:hover > a {font-weight:700; color:#444; }
.subMenu > li > .subMenu_Sub > li > .subMoreBtn {display:inline-block; padding:0 2px 0 0; margin:0 0 0 3px; position:relative;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn img {cursor:pointer;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner {display:none; position:absolute; top:-7px; left:23px; background-color:#fff; border:1px solid #d4d4d4; padding:10px 20px 13px; z-index:1100; width:195px;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner:before {content:""; position:absolute; left:-7px; top:12px; z-index:1200; width:7px; height:13px; background:url(/resources/img/icon/icon_subMenu_SubArrow.png) no-repeat center center; }
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner > li {margin:0 0 10px 0; word-break:keep-all;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner > li:last-of-type {margin:0 0 0px 0;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner > li > a {font-size:13px; font-weight:300; color:#999;}
.subMenu > li > .subMenu_Sub > li > .subMoreBtn .subMenu_SubInner > li:hover > a {font-weight:700; color:#666;}


@media all and (max-width:1200px){
		
	.navWrapMain .inner {width:100%;}
	.mainMenu > li {padding:13px 15px 0 5px; }
	.navWrapSubMenu .inner {width:100%; margin:0 auto; padding:15px 0;}
	
	.navWrapSubMenu .rightPicBox {display:none;}	
}
@media all and (max-width:1100px){
		
	.mainMenu > li, .subMenu > li {width:110px;}	
}

@media all and (max-width:850px){
	#navWrap {display:none;}
	
	/* 모바일 메뉴 */
	#mobileMenu {position:absolute; top:64px; left:0; width:100%; height:calc(100% - 64px); z-index:1000; display:none; }
	.blackBox {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999;}
	.mobileMainMenuBox {width:90%; height:100%; background:#fff; position:absolute; top:0; right:0; z-index:1001;}
	
	ul.mobileMenuUl > li {padding:15px 15px; border-bottom:1px solid #ddd; cursor:pointer;}
	ul.mobileMenuUl > li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	ul.mobileMenuUl > li > a {font-size:15px; line-height:20px; float:left; width:calc(100% - 20px);}
	ul.mobileMenuUl > li > span {float:right;}
	ul.mobileMenuUl > li > span > img {width:20px}
	
	ul.mobileSubMenuUl {display:none;}
	ul.mobileSubMenuUl > li {padding:13px 15px 13px 25px; border-bottom:1px solid #eee; background-color:#d84148; cursor:pointer;}
	ul.mobileSubMenuUl > li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	ul.mobileSubMenuUl > li > a {font-size:14px; float:left; color:#fff;line-height:18px;  width:calc(100% - 18px);}
	ul.mobileSubMenuUl > li > span {float:right;}
	ul.mobileSubMenuUl > li > span > img {width:18px}
		
	ul.mobileSubInnerMenuUl {display:none;}
	ul.mobileSubInnerMenuUl > li {padding:13px 15px 13px 35px; border-bottom:1px solid #fafafa; background-color:#eee; cursor:pointer;}
	ul.mobileSubInnerMenuUl > li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	ul.mobileSubInnerMenuUl > li > a {font-size:12px; display:block;}
	
	ul.mobileBottomMenu {margin:25px 0;}
	ul.mobileBottomMenu li {padding:15px; border:1px solid #ddd; border-right:none;}
	ul.mobileBottomMenu li:first-of-type {border-left:none;}
	ul.mobileBottomMenu li a {color:#e22931; font-weight:500; font-size:15px;}
	
}


/* Footer 풋터 */
#footerWrap {width:100%;}
.footerTopWrap {width:100%; background-color:#e6eaed;}
.footerTopWrap .inner {width:1200px; margin:0 auto; padding:20px 0;}
.footerTopWrap .logoBottomBox {display:inline-block; vertical-align:middle;}
.footerMenu {display:inline-block; vertical-align:middle;}
.footerMenu li {float:left; font-size:14px; padding:0 13px; background:url(/resources/img/layout/line_gray_01.jpg) no-repeat right bottom;}
.footerMenu li:last-of-type {background:none;}

.footerBottomWrap {width:100%; background-color:#4c4c4e;}
.footerBottomWrap .inner {width:1200px; margin:0 auto; position:relative; padding:20px 0;}
.footerBottomWrap .inner .addressBox {font-size:13px; line-height:1.7;color:#fff; margin:0 0px 20px 0;}

@media all and (max-width:1200px){	

	.footerTopWrap .inner {width:100%; padding:20px 20px;}
	.footerBottomWrap .inner {width:100%; padding:20px 20px;}
}


/* SUB TOP WRAP 서브 윗쪽 */
#subContentsWrap_01 {width:100%;}
.subTopWrap {width:100%; background-color:#f0f0f0; border-bottom:1px solid #d4d4d4;}
.subTopNaviBox {width:1200px; margin:0 auto; padding:18px 0 16px; height:60px; overflow:hidden;}
.subTopNaviBox .naviBox {float:left;}
.subTopNaviBox .naviBox ul {padding:0 0 0 28px; background:url(/resources/img/icon/icon_subHome_01.png) no-repeat left center;}
.subTopNaviBox .naviBox ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subTopNaviBox .naviBox ul li {float:left; padding:0 13px 0 0; margin:0 4px; background:url(/resources/img/icon/icon_arrow_right_subNavi_01.png) no-repeat right 7px;}
.subTopNaviBox .naviBox ul li:last-of-type {background:none;}
.subTopNaviBox .naviBox ul li a {line-height:1px; font-size:13px; font-weight:300; letter-spacing:-1px; color:#777;}
.subTopNaviBox .naviBox ul li:first-of-type a {letter-spacing:-0.5px;}
.subTopNaviBox .naviBox ul li:last-of-type a {border-bottom:1px solid #777; font-weight:400;}

.subTopNaviBox .snsBox {float:right;}
.subTopNaviBox .snsBox h1 {float:left; font-size:16px; margin:0 12px 0 0; line-height:23px;}
.subTopNaviBox .snsBox .icon {float:left; margin:0 0px 0 0; line-height:20px;}
.subTopNaviBox .snsBox ul {float:left; margin:0 0 0 9px; padding:1px 4.5px; background-color:#fefefc; border:1px solid #959593; border-radius:16px;}
.subTopNaviBox .snsBox ul li {float:left; font-size:16px; margin:0 5px 0 0;}
.subTopNaviBox .snsBox ul li:last-of-type {margin-right:0;}
#kakaoButton {display:none;}
.snsButton {vertical-align: middle}


@media all and (max-width:1200px){	
	.subTopNaviBox {width:100%; padding:18px 8px 16px 10px;}
}
@media all and (max-width:850px){
	
	#kakaoButton {display:block;}
	#kakaoButton img {margin-top:2px;}
	.snsButton img {margin-top:0;}	
	
	.subTopNaviBox {height:auto; padding:10px 10px 12px;}
	.subTopNaviBox .naviBox {float:none; width:100%; margin:0 0 7px 0;}
	.subTopNaviBox .naviBox ul {padding:0 0 0 0px; background:none;}
	.subTopNaviBox .naviBox ul li {padding:0 10px 0 0; margin:0 2px; word-break:break-all;}
	.subTopNaviBox .naviBox ul li a {font-size:12px;}
	/*
	.subTopNaviBox .naviBox ul li:not(.nowPlace) {display:none;}
	.subTopNaviBox .naviBox ul li.homePlace {display:block;}
	*/
	
	.subTopNaviBox .snsBox {float:none; width:100%;}
	.subTopNaviBox .snsBox .icon {display:none;}
	.subTopNaviBox .snsBox h1 {font-size:13px; margin:0 4px 0 2px; line-height:28px; color:#777;}
	.subTopNaviBox .snsBox ul {margin:0 0px 0 0px; padding:1px 4.5px; background-color:transparent; border:none; border-radius:0;}
	.subTopNaviBox .snsBox ul li {width:20px;}
}



/* SUB BOTTOM WRAP 서브 아래쪽 */
.subBottomWrap {width:1200px; margin:20px auto 70px;}
.subBottomWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

  /* 서브 왼쪽메뉴 */
.subLeftMenuWrap {float:left; width:17%;}
.subLeftMenuWrap .nameTagBox {height:105px; background-color:#4c4c4e; display:table; width:100%; text-align:center; border-radius:0 0 20px 20px;}
.subLeftMenuWrap .nameTagBox .wrap {display:table-cell; vertical-align:middle;}
.subLeftMenuWrap .nameTagBox h1 {font-size:26px; color:#fff; margin:0 0 2px 0;}
.subLeftMenuWrap .nameTagBox h2 {font-size:13px; color:#fff; letter-spacing:0.4px;}
.leftMenuSub {margin:5px 0 0 0;}
.leftMenuSub li {padding:0px 15px; border-bottom:1px solid #aaaaaa; text-align:center;}
.leftMenuSub li a {text-decoration:none; font-size:15px; word-break:keep-all; color:#666666; display:inline-block; width:80%; padding:12px 3px 10px; margin:0 0 0px 0;}
.leftMenuSub li.active a {border-bottom:3px solid #e22931; margin:0 0 -2px 0; font-weight:500; color:#e22931;}

  /* 서브 오른쪽 내용 */
.subRightContentsWrap {float:right; width:80%;}
.subRightContentsWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

/* 170713 서브 프린터, 폰트크기 수정 */
.subRightContentsTopWrap {width:100%; margin:0 0 30px 0;}
.subRightContentsTopWrap .titleBox {padding:5px 0 5px; border-bottom:1px solid #aaaaaa; margin:0 0 7px 0;}
.subRightContentsTopWrap .titleBox h1 {font-size:26px; color:#222222; float:left;}
.subRightContentsTopWrap .titleBox .printBox {float:right; margin:10px 0 0;}
.printBox .text_size {width:100%; }
.printBox .text_size li {float:left;}
.printBox .text_size .text_print {margin-right:10px; }
.printBox .text_size .text_print a {display:block; }
.printBox .text_size .text_increase a {display:block;}
.printBox .text_size .text_decrease a {display:block; }

.subRightContentsTopWrap .addressBox p {font-size:12px; font-weight:300; color:#888888; display:inline-block; margin:0 20px 0 0;}
.subRightContentsTopWrap .addressBox p:last-of-type {margin:0 0px 0 0;}
.subRightContentsTopWrap .addressBox p a {color:#888888; padding:0 0 0 3px; font-weight:300; letter-spacing:0px;}

  /* 서브 오른쪽의 서브메뉴 탭 */
.subMenuTabBox {width:100%; margin:0 0 30px 0; display:table; border-collapse:collapse;}
.subMenuRow {margin:0 0 -3px 0; display:table-row; width:100%; }
.subMenuRow li {display:table-cell; vertical-align:middle; width:33.33%; padding:10px 10px; border:1px solid #dddddd; text-align:center; background-color:#f5f4f4;}
.subMenuRow li a {color:#666666; display:block;}
.subMenuRow li.active {border:1px solid #e22931; position:relative; z-index:500; background:url(/resources/img/sub/bg_subTab_01_red.jpg);}
.subMenuRow li.active a { color:#fff !important; font-weight:500;}

  /* 서브 오른쪽의 서브 메뉴 (인용) */
.subSubtitleBox {margin:0 0 30px 0; text-align:center;}
.subSubtitleBox h1 {font-size:18px; line-height:1.4;}

  /* 서브 안에 빨간 제목 */
.subRealTitleBox {margin:25px 0 15px 0; padding:0 0 8px; position:relative;}
.subRealTitleBox h1 {font-size:25px; color:#e22931; font-weight:300; letter-spacing:-1px;}
.subRealTitleBox:after {content:" "; width:25px; height:2px; background-color:#e22931; position:absolute; bottom:0; left:3px; z-index:100;}

  /* 서브 안에 글 (P) */
.subRealContentsBox p {font-size:14px; color:#777; line-height:1.5;}




@media all and (max-width:1200px){	
	.subBottomWrap {width:100%; padding:0 10px;}
}
@media all and (max-width:850px){
	/* 서브 왼쪽 메뉴 */
	.subBottomWrap {width:100%; padding:0 0px;}
	.subBottomWrap { margin:0px auto 30px;}
	.subLeftMenuWrap .nameTagBox {height:auto; background-color:#4c4c4e; border-radius:0 0 0px 0px; padding:15px 5px;}
	.subLeftMenuWrap .nameTagBox h1 {font-size:20px; color:#fff; margin:0 0 2px 0;}
	.subLeftMenuWrap .nameTagBox h2 {font-size:12px; color:#fff; letter-spacing:0.4px;}
	
	.subLeftMenuWrap {float:none; width:100%;}
	.leftMenuSub:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.leftMenuSub {width:100%; margin:0px 0 0 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap:wrap; 
		-moz-flex-wrap:wrap; 
		-webkit-flex-wrap:wrap; 
		-ms-flex-wrap:wrap;
	}
	.leftMenuSub li {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px 5px; vertical-align:middle; position:relative;
		flex:0 0 50%; 
		-moz-flex:0 0 50%;
		-webkit-flex:0 0 50%;
		-ms-flex:2 0 45%;
	}
	.leftMenuSub li:nth-of-type(even) {border-right:none;}
	.leftMenuSub li:nth-of-type(odd):last-of-type:after {position:absolute; z-index:103; bottom:-1px; right:calc(-100% - 2px); content:" "; width:calc(100% + 1px); height:1px; background:#ddd;}
	.leftMenuSub li a {display:inline-block; width:100%; font-size:14px; padding:10px 0px 10px; line-height:1.2;}
	.leftMenuSub li.active {border-bottom:1px solid #e22931;}
	.leftMenuSub li.active a {border-bottom:none; margin:0 0 0px 0;}	
	/*
	.leftMenuSub {margin:0px 0 0 0;}
	.leftMenuSub:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.leftMenuSub li {float:left; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px 5px;}
	.leftMenuSub li:nth-of-type(even) {border-right:none;}
	.leftMenuSub li a {width:100%; font-size:14px; padding:10px 0px 10px; line-height:1.2;}
	.leftMenuSub li.active {border-bottom:1px solid #e22931;}
	.leftMenuSub li.active a {border-bottom:none; margin:0 0 0px 0;}
	*/
	
	/* 서브 오른쪽 컨텐츠 */
	.subRightContentsWrap {float:none; width:100%; padding:15px 10px 10px;}
	
	.subRightContentsTopWrap {margin:0 0 20px 0;}
	.subRightContentsTopWrap .titleBox { padding:5px 0 10px; border-bottom:1px solid #eee;}
	.subRightContentsTopWrap .titleBox h1 {font-size:20px;}
	
	
	.subMenuTabBox {display:none;}
	/*
	.subMenuRow {margin:0 0 -3px 0; display:block; width:100%; }
	.subMenuRow li {display:block; width:100%; margin:0 0 -1px 0; border:1px solid #dddddd;}
	.subMenuRow li a {font-size:14px;}
	*/
	
	.subSubtitleBox h1 {font-size:14px !important;}		
	.subSubtitleBox h1 br {display:none;}
	
		
	.subRightContentsTopWrap .addressBox {display:none;}
	
	.subRightContentsBottomWrap h1, .subRightContentsBottomWrap h2, .subRightContentsBottomWrap p, .subRightContentsBottomWrap li, .subRightContentsBottomWrap a {font-size:12px;}
	.subRealTitleBox h1 {font-size:16px !important;}
	
	
	/* 서브 모바일 탭부분 - select */
	.mobileSubMenuTab {position:relative; margin:-20px 0 20px -10px; width:calc(100% + 20px); }
	.mobileSubMenuTab .title {padding:10px 30px 10px 10px; 
		background-image:url(/resources/img/icon/icon_arrow_bottom_white.png), url(/resources/img/sub/bg_subTab_01_red.jpg) ;
		background-repeat:no-repeat, repeat;
		background-position:right 10px top 16px, center center; 	
	}
	.mobileSubMenuTab .title a {display:block; font-size:15px; color:#fff; font-weight:500;}
	.mobileSubMenuTab .menuList {display:none; position:absolute; top:39px; z-index:102; background-color:#f5f4f4; width:100%;}
	.mobileSubMenuTab .menuList li {padding:10px 10px; border-bottom:1px solid #ddd; width:100%;}
	.mobileSubMenuTab .menuList li a {display:block; width:100%; font-size:14px;}
	
	
}



/* TABLE_2 기본 가로 테이블 */
.tbl_02 {width:100%; text-align:left; vertical-align:middle; font-size:14px; line-height:1.5;  border-top:1px solid #333;}
.tbl_02 th {text-align:left; padding:13px 10px; font-size:16px; font-weight:500; color:#444; background-color:#f3f3f3; border-bottom:1px solid #dddddd !important;}
.tbl_02 td {padding:12px 10px; border-bottom:1px solid #dddddd; color:#777;}
.tbl_02 tr:last-of-type td {border-bottom:1px solid #333;}
.tbl_02 tr:last-of-type th {border-bottom:1px solid #333 !important;}
.tbl_02 td.lineBlack {border-bottom:1px solid #333 !important;}
.tbl_02 .title {font-size:15px; color:#444; }

@media all and (max-width:850px){
	.subRightContentsBottomWrap * {font-size: 12px;}
	.tbl_02 th {font-size:13px;}
	.tbl_02 td {font-size:12px; }
	
	.tbl_01 th {font-size:14px;}
	.tbl_01 td {font-size:12px;}
	   
	.ulDefault li {font-size:12px;}
	
	
	.ul_Arrow_01 li {font-size:12px;}
}


/* 로그인 */
.loginSiteWrap {width:100%;}
.loginSiteWrap .smallIntro {font-size:13px; color:#777; margin:0 0 20px 0;}
.loginSiteWrap .formBox {width:100%; padding:20px 0; border-top:1px solid #252525; border-bottom:1px solid #252525;}
.loginSiteWrap .formBox .col {font-size:14px; color:#999; position:relative;}
.loginSiteWrap .formBox .col:first-child {float:left; width:55%; padding:20px 5% 20px 10px; height:100%;}
.loginSiteWrap .formBox .col:last-child {float:right; width:45%; padding:50px 10px 20px 5%; height:100%;}
.loginSiteWrap .formBox .samllChar {font-size:12px; color:#e22931; font-weight:500; margin:0 0 10px 0;}
.loginSiteWrap .loginFormBox {width:100%;}
.loginSiteWrap .loginFormBox .inputForm {float:left; width:74%; margin:0 0 15px 0;}
.loginSiteWrap .loginFormBox .inputForm p:first-child {margin:0 0 5px 0;}
.loginSiteWrap .loginFormBox button {float:right; width:25%; background-color:#444; color:#fff; font-size:16px; height:85px;}
.loginSiteWrap .linkBox h4 {padding:3px 10px 2px 0px; margin:0 0 5px 0;  display:inline-block; border-bottom:1px solid #252525;}
.loginSiteWrap .linkBox h4 a {font-weight:500; font-size:12px;}
.loginSiteWrap .linkBox p {font-size:11px; color:#999;}

.loginSiteWrap .col .lineVertical {position:absolute; top:42px; left:0; height:70%; width:1px; background-color:#bbb;}
.loginSiteWrap .newJoinBox {margin:0 0 15px;}
.loginSiteWrap .newJoinBox h2 {font-size:22px; font-weight:500; margin:0 0 5px;}
.loginSiteWrap .newJoinBox p {font-size:14px; color:#777;}

/* 아이디 비번 찾기 */
.idSearchWrap {width:100%;}
.idSearchWrap .smallIntro {font-size:13px; color:#777; margin:0 0 20px 0;}
.idSearchWrap .formBox {width:100%; padding:20px 0; border-top:1px solid #252525; border-bottom:1px solid #252525;}
.listFormUl {width:100%;}
.listFormUl li {padding:8px 0;}
.listFormUl li:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.listFormUl li .title {float:left; width:15%;}
.listFormUl li .title label {font-size:14px; font-weight:500;}
.listFormUl li .formBoxInner {float:left; width:85%;}

.idSearchWrap .btnBox {text-align:center; padding:20px 0;}


@media all and (max-width:850px){
	/* 로그인 */
	.loginSiteWrap .formBox .col:first-child {float:none; width:100%; padding:10px;}
	.loginSiteWrap .formBox .col:last-child {float:none; width:100%; padding:10px;}
	
	.loginSiteWrap .col .lineVertical {display:none;}
	.loginSiteWrap .newJoinBox h2 {font-size:18px;}
	.loginSiteWrap .newJoinBox p {font-size:12px;}
	
	/* 아이디 비밀번호 찾기 */
	.listFormUl li {padding:0px 0;}
	.listFormUl li .title {float:none; width:100%; padding:5px 10px;}
	.listFormUl li .formBoxInner {float:none; width:100%; padding:5px 10px;}
}


/* TABLE 기본 테이블 */
.tbl_01 {width:100%; text-align:center; vertical-align:middle; font-size:14px; line-height:1.5;  border-top:1px solid #333;    word-break: keep-all;}
.tbl_01 th {text-align:center; padding:13px 0px; font-size:16px; font-weight:500; color:#444; background-color:#f3f3f3; border-bottom:1px solid #aaa !important;}
.tbl_01 td  {padding:12px 10px; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #dddddd; color:#777;}
.tbl_01 td pre {color:#777;}
.tbl_01 tr td:last-of-type {border-right:none;}
.tbl_01 tr td:first-of-type {border-left:none;}
.tbl_01 tr:last-of-type td {border-bottom:1px solid #333;}
.tbl_01 tr:last-of-type th {border-bottom:1px solid #333;}
.tbl_01 td.lineBlack {border-bottom:1px solid #333 !important;}
.tbl_01 .title {font-size:15px; color:#444; }
.tbl_01 th span {font-size:16px; font-weight:500; color:#444; width:100%; padding:0 10px; line-height:1; display:block; width:100%; border-right:1px solid #999;}
.tbl_01 tr th:last-of-type span {border-right:none;}

/* ulDefault 클래스 */
.ulDefault {}
.ulDefault > li {padding:0 0 0 10px; margin:0 0 5px 0; background:url(/resources/img/icon/icon_ulDefault.png) no-repeat left 8px; font-size:14px; color:#777; line-height:1.5;}
.ulDefault > li:last-of-type {margin:0 0 0px 0;}

/* ulSubDefault 클래스 */
.ulSubDefault {padding-left:25px; margin-top:5px;}
.ulSubDefault > li {padding:0 0 0 10px; margin:0 0 5px 0; background:url(/resources/img/icon/icon_ulMinus_01.jpg) no-repeat left 8px; font-size:14px; color:#777; }

/* ulSubSubDefault 클래스 */
.ulSubSubDefault {padding-left:25px; margin-top:5px;}
.ulSubSubDefault > li {padding:0 0 0 18px; margin:0 0 5px 0; background:url(/resources/img/icon/icon_ulArrow_01.png) no-repeat left 6px; font-size:14px; color:#999; }

/* 서브 글씨와 이미지 배치*/
.subImgFirstDiviceBox {position:relative;}
.subImgFirstDiviceBox .leftBox {width:calc(100% - 343px); float:left; margin:20px 0 0 0;}
.subImgFirstDiviceBox .rightBox {float:right; margin:20px 0 0 0;}
.subImgFirstDiviceBox .leftBox2 {width:auto; float:left; margin:20px 0 0 0;}

@media all and (max-width:850px){
	/* TABLE 기본 테이블 */	
	.tbl_01 th span {font-size:14px;}
	
	.subImgFirstDiviceBox .leftBox {width:100%; float:none; margin:0px 0 20px 0;}
	.subImgFirstDiviceBox .leftBox2 {width:100%; float:none; margin:0px 0 20px 0;}
	.subImgFirstDiviceBox .rightBox {float:none; width:100%; text-align:center; margin-top:0px;}
	.subImgFirstDiviceBox .rightBox img {width:200px;}
}

/* tbl_03 테이블 */
.tbl_03 {width:100%; text-align:center; vertical-align:middle; font-size:14px; line-height:1.5;  border-top:1px solid #333;}
.tbl_03 th {text-align:center; padding:5px 0px; font-size:15px; font-weight:500; color:#444; background-color:#f3f3f3; border-bottom:1px solid #aaa !important; border-right:1px solid #ddd;}
.tbl_03 td {padding:5px 15px; border-right:1px solid #ddd; border-bottom:1px solid #dddddd; color:#777;}
.tbl_03 td pre {color:#777;}
.tbl_03 tr th:last-of-type {border-right:none;}
.tbl_03 tr td:last-of-type {border-right:none;}
.tbl_03 tr:last-of-type td {border-bottom:1px solid #333;}
.tbl_03 tr:last-of-type th {border-bottom:1px solid #333;}
.tbl_03 td.lineBlack {border-bottom:1px solid #333 !important;}
.tbl_03 .title {font-size:15px; color:#444; }
.tbl_03 th span {font-size:16px; font-weight:500; color:#444; width:100%; padding:0 10px; line-height:1; display:block; width:100%; border-right:1px solid #999;}
.tbl_03 tr th:last-of-type span {border-right:none;}
.tbl_03 tr.search {background-color:rgba(85,172,238,0.2); }

.searchBox_01 {text-align:center; background-color:#f3f4f4; padding:20px 10px; border:1px solid #aaaaaa;}


/* 팝업 */
.popUpBox {position:relative; padding:10px; background-color:#efeeed;}
.popUpBox .backGrayBox {width:100%; height:59px; position:absolute; bottom:0; left:0; background-color:#4c4c4e;}

.popUpBox .innerBox {background-color:#fff; border:1px solid #4c4c4e; border-bottom:1px solid #fff; position:relative; z-index:500; padding-top:30px;}
.popUpBox .innerBox .whiteLineLeft {width:1px; height:59px; position:absolute; bottom:0; left:-1px; background-color:#fff; z-index:1;}
.popUpBox .innerBox .whiteLineRight {width:1px; height:59px; position:absolute; bottom:0; right:-1px; background-color:#fff; z-index:1;}

.popUpBox .innerBox .closeBtn {position:absolute; top:8px; right:8px;}

.popUpBox .innerBox .contentsBox {padding:10px 15px 20px 15px; text-align:center; font-size:14px;}

.popUpBox .innerBox .bottomBox {padding:15px 0; text-align:center; background-color:#4c4c4e; width:100%; color:#fff; font-size:14px; font-weight:500;}

.popUpBox {position:fixed; top:50%; left:50%; z-index:400; margin-left:-150px; margin-top:-150px;}

@media all and (max-width:500px){	
	.popUpBox {width:100%; top:50%; left:0; z-index:400; margin-left:0px; margin-top:0px;}
}


/* 모바일 검색 */

.mobileSearchWrap {display:none;}

@media all and (max-width:850px){
   
   .mobileSearchBtn {float:right; margin:5px 15px 0 0;}
   .mobileSearchBtn img {width:25px; }
   
   
   .mobileSearchWrap {display:none; position:absolute; background-color:none; z-index:800; width:100%; height:calc(100% - 64px); top:64px; left:0;}
   .mobileSearchWrap .bgBlack_01 {position:absolute; background-color:black; top:0; left:0; z-index:799; width:100%; height:100%; opacity:0.5;}
   .mobileSearchWrap .mobileSaerchGoBox {position:relative; z-index:801; background-color:#fff; width:100%; padding:15px 10px; border-bottom:1px solid #d4d4d4;}
   
   .mobileSearchWrap .writeBox {float:left; width:calc(100% - 33px); padding:0 10px 10px 0; border-bottom:1px solid #e32831;}
   .mobileSearchWrap .writeBox .inputBox {float:left; width:calc(100% - 23px);}
   .mobileSearchWrap .writeBox .inputBox input {border:none; width:100%; color:#777; font-size:14px;}
   .mobileSearchWrap .writeBox .searchBtn {float:right; padding-left:5px;}
   .mobileSearchWrap .writeBox .searchBtn img {width:16px;}
   
   .mobileSearchWrap .closeBox {float:right; text-align:right; padding:0 5px 0 10px;}
   .mobileSearchWrap .closeBox img {width:16px;}
   
   .mobileSearchWrap .mobileSearchListBox {position:relative; z-index:801; background-color:#e8e7ec; width:100%; padding:10px;}
   .mobileSearchWrap .mobileSearchListBox ul {background-color:#fff; width:100%; padding:10px;}
   .mobileSearchWrap .mobileSearchListBox ul li:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
   .mobileSearchWrap .mobileSearchListBox ul li { border-bottom:1px solid #ccc; padding:15px 10px;}
   .mobileSearchWrap .mobileSearchListBox ul li:last-of-type {border-bottom:none;}
   
   .mobileSearchWrap .mobileSearchListBox ul li .word {float:left; width:calc(100% - 60px);}
   .mobileSearchWrap .mobileSearchListBox ul li .word a {font-size:12px; color:#666; display:block;}
   
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord {float:right;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord p {float:left; margin-left:15px;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord p:first-child {margin-left:0px;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord .date {font-size:10px; color:#aaa;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord .delete {margin-top:-5px;}
   .mobileSearchWrap .mobileSearchListBox ul li .rightWord .delete img {width:15px;}
   
   
   
}

/* 한눈에 보기 */
#viewAllWrap {display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2000;}
#viewAllWrap .closeBtn {position: absolute;top: 190px;left: calc(50% + 550px);z-index: 2010;}
.blackBox_02 {position:relative; z-index:2001; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}

.allMenuBox {overflow-x:hidden; position:absolute; top:178px; left:50%; z-index:2002; width:1200px; margin:0 0 0 -600px; background-color:#fff; height:700px; overflow-y:scroll;}

.allMenuBox .row {border-bottom:1px solid #eee; display:table;}
.allMenuBox .row:last-of-type {border-bottom:none;}
.allMenuBox .titleAllBox {width:20%; display:table-cell; height:100%; vertical-align:middle; background-image:url(/resources/img/layout/bg_pattern_bg_01.png); background-color:#aaa;}
.allMenuBox .titleAllBox h1 {text-align:center; font-size:18px; font-weight:500; color:#fff;}
.allMenuBox .menuAllBox {width:80%; display:table-cell; padding:20px 20px 5px 20px;}
.allMenuBox .menuAllBox:after { visibility: hidden; display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.menuAllBoxMain li {word-break:keep-all;}
.menuAllBoxMain > li {width:33.33%; float:left; margin-bottom:15px; padding-left:10px;}
.menuAllBoxMain > li:nth-of-type(3n+1) {clear:both;}
.menuAllBoxMain > li > a {font-size:15px; font-weight:500; color:#333;}

.menuAllBoxSub {margin-top:5px;}
.menuAllBoxSub > li {}
.menuAllBoxSub > li > a {font-size:13px; color:#999; font-weight:300;}
.menuAllBoxSub > li > a:hover {color:#777; font-weight:500;}



@media all and (max-width:1200px){	
	.allMenuBox {width:100%; margin-left:0; left:0; }
	#viewAllWrap .closeBtn {left: calc(100% - 50px);}
}



@media all and (max-width:850px){
	#viewAllWrap,
	#viewAllWrap .closeBtn,
	.blackBox_02,
	.allMenuBox {display:none;}
}

/* datepicker z-index */
.ui-datepicker {z-index:9999 !important; }

.com_box_01 {margin-top: 20px;padding:10px;}

.com_title_01 {font-size: 16px; color: #333; margin-bottom: 7px; font-weight: 600;float:left;}
.com_date_01 {float: right;font-size: 12px;margin-top: 5px;}

.com_tbl_wrap {font-size: 13px;}
.com_tbl_wrap table {width: 100%; border-width: 1px; border-style: solid; border-top-color: #000; border-left-color: #ddd; text-align: center; vertical-align: middle; table-layout: fixed;}
.com_tbl_wrap :where(th,td) {padding: 12px 7px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #ddd; word-break: break-all;}
.com_tbl_wrap th {background-color: #f7f8f9;}

/* 230913  */
.com_title_box_01 {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.com_title_box_01.diff {padding-bottom: 10px; border-bottom: 1px solid #000;}
.com_title_box_01 .txt_box {display: flex; align-items: flex-end; gap: 10px;margin-right: auto;}
.com_title_box_01 .txt_box .title {font-size: 17px; font-weight: 600; color: #333;}
.com_title_box_01 .txt_box .date {font-size: 12px; color: #333; margin-bottom: 3px;}
.com_title_box_01 .img_box {}

.com_traffic_box { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.com_traffic_box > li {display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 5px; gap: 10px;}

.com_traffic_box .type {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.com_traffic_box .type p {margin-bottom: 10px; font-weight: 600; color: #333; font-size: 14px; line-height: 1.2;height: 34px;display: flex;align-items: center;}
.com_traffic_box .type .img_box {height: 28px; display: flex; justify-content: center; align-items: center;}
.com_traffic_box .direction {width: 100%; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 3px;}
.com_traffic_box .direction :where(.up, .down) {width: 100%; color: #fff; font-size: 13px; padding: 5px 10px; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.com_traffic_box .direction .up {background-color: #2f62ad;}
.com_traffic_box .direction .down {background-color: #303f61;}
.com_traffic_box .direction .txt {flex-shrink: 0;}

/* li가 하나일 때만 중앙 정렬용 스타일 */
.com_traffic_box.single { display: flex; justify-content: center; border: none;}
.com_traffic_box.single > li {border: 1px solid #ddd; width: 50%;}

.com_icon_face {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px;}
.com_icon_face .icon_box {display: flex; align-items: center; gap: 5px;}

.com_bms {display: flex; padding: 10px; border: 1px solid #ddd; margin-bottom: 10px;}
.com_bms .img_box {width: 50%; border-right: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.com_bms .img_box p {font-size: 14px; color: #333;}
.com_bms .txt_box {width: 50%; font-size: 13px; color: #333;}
.com_bms .txt_box > li {display: flex; flex-wrap: wrap; justify-content: center; gap: 0 15px;}
.com_bms .txt_box > li:not(:last-of-type) {margin-bottom: 5px;}

/* // 230913  */