@charset 'UTF-8';

/**** Base *****/
/*
* {	
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border-radius: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	list-style: none;
	-webkit-tap-highlight-color: transparent;
	font-family: 'Noto Sans KR', '나눔고딕','맑은 고딕',sans-serif; 
	font-weight: 400;
	letter-spacing: -.5px; 
}
*,*:before,*:after { 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*/
/* Display */
/* 
legend,caption { 
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	border: none;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
caption { 
	position: static;
	color: transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section { 
	display: block;
}
audio,canvas,progress,video { 
	display: inline-block;
}
*/
/* Text */
/* 
a { 
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	color:#000;
}
abbr[title] { 
	border-bottom: none;
	text-decoration: underline dotted;
}
b,strong { 
	font-weight: bold;
}
address,dfn,em,i { 
	font-style: normal;
}
mark { 
	color: #000;
	background-color: #ff0;
}
h1,h2,h3,h4,h5,h6 {	
	font-size: 100%;
}
*/
/* Table */
table { 
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed; 
}
table td { 
    word-break: break-all;
}

/* Form */
/* 
button,input,textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-transform: none;
}
button,input { 
	overflow: visible;
}
button { 
    border:0;
    background:none; 
    cursor: pointer;
}
textarea { resize: vertical;}
[type=reset],[type=submit] { 
	-webkit-appearance: button;
	-moz-appearance: button; 
	appearance: button;
}
[type=checkbox] { 
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
[type=radio] { 
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
[type=search] { 
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
*/
/* input 에 현재 값을 지우는 지우기 단축 감춤 IE만해당 */ 
/* 
[type=text]::-ms-clear,
[type=text]::-ms-reveal { 
	display: none;
}
*/
/* webkit 에서 취소 버튼 안보이게 감춤 */
/* 
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration { 
	-webkit-appearance: none;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {	
	-webkit-appearance: none;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}

progress { 
	display: inline-block;
	vertical-align: baseline;
}
*/
/* Align */
/* 
audio,button,canvas,input,label,iframe,img,select,svg,video { 
	vertical-align: middle;
}
*/
/* Placeholder */
/* 
::-webkit-input-placeholder { 
	color: #000;
}
:-ms-input-placeholder { 
	color: #000;
}
::-moz-placeholder { 
	color: #000;
}
:-moz-placeholder {	
	color: #000;
}
::placeholder { 
	color: #000;
}
*/
/* Selection */
/*
::-moz-selection { 
	text-shadow: none;
	background: #ddd;
}
::selection { 
	text-shadow: none;
	background: #ddd;
 }
*/

 /* ETC */
ol, ul, li {
    list-style: none;
} 
img,a img,fieldset { 
	border: none;
}
img, video { 
	max-width: 100%;
}


/***** common  *****/
/* Dimmed layer */
.dimmedLayer { 
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	z-index: 200;
 }

/* Clear Fix */
.clearFix:before,
.clearFix:after { 
	content: '';
	display: table;
}
.clearFix:after { 
	clear: both; 
}

/* Hide visually */
.hideEl { 
	overflow: hidden; 
	position: absolute;	
	width: 1px;
	height: 1px; 
	border: none;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.hideTxt { 
	/* overflow: hidden; */
	color: transparent !important;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
}
.clear-both { 
	clear:both;
}
.floatL { 
	float:left !important;
 }
.floatR { 
	float:right !important;
}
.tac { 
    text-align: center !important;
}
.tal { 
    text-align: left !important;
}
.tar { 
    text-align: right !important;
}

.w-full { 
	width: 100%;
}

.mt0 { 
	margin-top: 0 !important;
}
.ml05 { 
	margin-left: 5px !important;
}
.mb0 { 
	margin-bottom: 0 !important;
}
.mb10 { 
	margin-bottom: 10px !important;
}
.mb20 { 
	margin-bottom: 20px !important;
}
.mb30 { 
	margin-bottom: 30px !important;
}
.mb40 { 
	margin-bottom: 40px;
}
.mb50 { 
	margin-bottom: 50px;
}
.mb65 { 
	margin-bottom: 65px;
}
  
/* text */
.ellipsis {	
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ellipsis02{ 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
} 

/* button */
.button { 
	display:inline-block; 
	height: 38px;
	line-height: 36px;
	padding: 0 12px;
	border: 1px solid #000;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	vertical-align: middle;
	cursor: pointer;
}
.button-color01 {
	background-color: #ff8b2b;
}

.btnCenter { 
	margin-top:40px;
	text-align: center;
}
.btnRight { 
	margin-top:20px;
	text-align: right;
}
.btnRight .button + .button  { 
	margin-left: 5px;
} 

/* checkbox */
/*
input[type='checkbox']{ 
	width: 16px;
	height: 16px;
	border: solid 1px #9a989f;
}
*/
/* input */
/*
input[type='text'],
input[type='password'] { 
	height: 40px; 
	border:0 none;
	border-bottom: 2px solid #000;
	background-color: #fff;
	font-size:14px;
	color: #000;
	box-sizing: border-box;
}


#wrap.gray input[type='text'],
#wrap.gray input[type='password']  {
	background-color: #000;
	border-bottom-color: #fff;
	color: #fff;
}	
*/

/* select */
/*
select { 
	min-width:120px;
	height:40px;
	border:0;
	border-bottom: 1px solid #000;
	background-image: url("../img/bg_select.png"); 
	background-repeat: no-repeat;
	background-position: 100% 57%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:16px;
}
select::-ms-expand { 
	display: none;
}
*/

/* responsive */
/* 
@media  (max-width: 768px) {
	select { 
		background-position: 98% 50%;
	}
}
@media (max-width: 415px) {
	select { 
		background-position: 96% 50%;
	}
}	
*/
/*  Datepicker */
input.useDatepicker { 
	width:127px;
	padding:0 10px;
	background:#fff url('../img/icon_cal.svg') no-repeat 91% 10px;
	font-size: 15px;
	cursor:pointer;
}
#wrap.gray input.useDatepicker { 
	filter: invert();
}	
#ui-datepicker-div { 
	display:none;
	width:224px;
	background:#fff;
	border:1px #ccc solid;
	z-index:102 !important;
}
.ui-datepicker { 
	position:relative;
	padding:5px;
}
.ui-datepicker table { 
	width:100%;
	font-size:12px;
}
.ui-datepicker table thead th { 
	height:24px;
	color:#777;
	line-height:24px;
	text-align:center;
}
.ui-datepicker table tbody td {	
	width:14.2857%;
	text-align:center;
	height:22px;
}
.ui-datepicker table tbody td a { 
	display:block;
	height:22px;
	color:#4b4b4b;
	line-height:22px;
	text-align:center;
}
.ui-datepicker table tbody td span { 
	color:#aaa;
}
.ui-datepicker table tbody td.date-holiday a{ color:#eb3c3c; }
.ui-datepicker tr td:first-child *{ color:#eb3c3c; }
.ui-datepicker tr td:last-child *{ color:#4084d2;}
.ui-datepicker th{ 
	padding:0;
}
.ui-datepicker td a.ui-state-active{ 
	color:#fff !important;
	background:#4b4b4b;
}
.ui-datepicker td a.ui-state-highlight{	
	color:#4b4b4b;
	background:#dfdfdf;
}
.ui-datepicker .ui-datepicker-header{ 
	position:relative;
	padding:0;
}
.ui-datepicker .ui-datepicker-title{ 
	margin:0;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:normal;
	color:#242424;
	letter-spacing:-1px;
	text-align:center;
}
.ui-datepicker .ui-datepicker-title select{ 
	width:55px;
	min-width: auto;
	height:25px;
	line-height:25px;
	padding:0 0 0 8px;
	border-radius: 0;
	font-size:0.75rem;
	color:#666;
	background:#fff url('../img/common/bg_picker.png') right 9px no-repeat;
	border:1px solid #a7a7a7;
	box-sizing:border-box;
	-webkit-appearance:none;
	appearance:none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{	
	position:absolute;
	left:50%;
	top:4px;
	width:23px;
	height:23px;
	line-height:26px;
	text-indent:-9999em;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev{	
	margin-left:-85px;
	background:url('../img/btn_calendarPrev.png') no-repeat center center;
}
.ui-datepicker .ui-datepicker-next{	
	margin-left:60px;
	background:url('../img/btn_calendarNext.png') no-repeat center center;
}
 .ui-datepicker-trigger{
	cursor:pointer;
}

/********** paging **********/
.paging { 
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
.paging li { 
	margin-left: 4px; 
}
.paging li a { 
	display: block;
	width: 24px;
	height: 24px;
	line-height: 23px;
	position: relative; 
	font-size: 16px;
	font-weight: 500;
	color: #000; 
	text-align: center;
}
.paging li.active a {
	background-color: #ff8b2b;	
}	
#wrap.gray .paging li a { 
	color:#fff;
}	
.paging .prev {
	margin: 0 4px 0 0;
}
.paging .next {
	margin: 0 0 0 8px;	
}	
.paging .first > a,
.paging .prev > a,
.paging .next > a,
.paging .last > a { 
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
.paging .first > a { 
	background-image: url(../img/paging_first.png);
}
.paging .prev > a { 
	background-image: url(../img/paging_prev.png);
}
.paging .next > a { 
	background-image: url(../img/paging_next.png);
}
.paging .last > a { 
	background-image: url(../img/paging_last.png);
}
#wrap.gray .paging .prev > a, 
#wrap.gray .paging .next > a { 
	filter: invert();
}	

/* layerPop  */
.blocker {
    z-index: 100;
}
.modal.small {
	max-width: 442px;
}	
.modal.small .pop-wrap {
	width: 442px;
}
.modal-wrap {
	background-color: #fff;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
.modalTop { 
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
 }
.modalTop h4 { 
	font-size: 24px;
	font-weight: bold;
	color:#000;
}
.modalCont { 
	padding-top:60px;
	position: relative;
}
.modalCont h5 { 
	margin-bottom:15px;
	font-size: 19px;
	font-weight: 700;
}
.modal a.close-modal {
	width:20px;
	height: 20px;
	background: url('../img/btn_close.png') center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-126px;
	right:-58px;
	transition: transform 0.4s ease-in-out;
	text-indent: -9999px;
	cursor: pointer;	
}
.modal a.close-modal:hover { 
	transform: rotate( 90deg );
}

@media  (max-width: 1600px) {
	.modalCont {
		overflow-y: auto;
	}
}	

@media  (max-width: 768px) {
	.modal-wrap {
		width: 101%;
		padding: 20px;
	}
	.modalTop h4{
		font-size: 16px;
	}
	.modalCont {
		padding-top: 20px;
		height: 495px;
		overflow-y: auto;
	}
}
/* responsive */
@media  (max-width: 414px) {
	#ui-datepicker-div { 
		width: 80%;
	}

	.modal,
	.modal.small .pop-wrap {
		width: 100%;
	}
	.modal.small {
		max-width: 99%;
	}
	.modal a.close-modal {
		width: 16px;
		height: 16px;
		top: -144px;
		right: 15px;
	}
}	
@media  (max-width: 376px) {
	.modal-wrap {
		transform: translate(-50%, -43%);
	}
	#ui-datepicker-div { 
		width: 79%;
	}
	#subscribe .modal-wrap {
		width: 103%;
		padding: 20px 15px;
	}
}	 


/***** layout  *****/
/*
html,
body { 
	height: 100%;
}
html { 
	scroll-behavior: smooth;
}
body { 
	min-width: 360px;
	color: #000;
}
 */
/* Skip to Content */
.skipToContent {
	min-width: 360px;
	height: 60px;
	position: absolute;
	top: -60px;
	right: 0;
	left: 0;
	font-size: 30px;
	color: #fff; 
	text-align: center;
	letter-spacing: -1.5px;
	line-height: 60px;
	background-color: #f27835;
	background-color: rgba(242, 120, 53, .8);
	transition: .1s ease-in-out;
	z-index:9999;
}
.skipToContent:hover,
.skipToContent:focus {
	top: 0;
	text-decoration: none;
}

/* inner */
.inner {
	max-width: 1144px;
	margin: 0 auto;
}
.inner::after { 
	content: '';
	display: block;
	clear: both;
}

#wrap { 
	width:100%;
	min-height: 100%
} 
#wrap:after { 
	content: '';
	display: table;
	clear: both;
}
#wrap.gray {
    background: #000 !important;
    color: #fff !important;
}

/* header */
.header { 
	width: 100%;
	box-sizing: border-box;
	background-color: #fff; 
	position: fixed;
	z-index: 500;
}
.header .inner {
	max-width: 1920px;
	height: 50px;
	padding: 15px 30px 0 32px;
}
.logo {
	position:absolute;
	top:70px;
	right:30px;
}
#wrap.gray .logo  a img {
	filter: invert(1);
}

/* gnb */
.gnb { 
	float: left;
	position: relative;
}
.gnb ul { 
	display: flex;
}
.gnb ul li {
	margin-right: 25px;
}  
#wrap.gray .gnb ul li a img {
	filter: invert(1);
}
.header .globalMenu { 
	float: right;
	display: flex;
}
.header .searchBtn { 
	display: block;
}
#wrap.gray .header .searchBtn img {
	filter: invert();
}
#wrap.gray .topSearch .searchCls img {
	filter: invert();	
}

/* hamburger button */
.btn-nav {
	display: block;
	width:20px;
	border:0;
	background: 0;
	margin-left: 20px;
	padding:0;
	z-index: 150;
	position: relative;
}
#wrap.gray .btn-nav img {
	filter: invert();
}	
.btn-nav span{ 
    width: 100%;
    height: 2px;
    position: absolute;
    right: 0;
    background-color: #000;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}
#wrap.gray .btn-nav span{ 
	background-color: #fff;	
}	
.btn-nav span.barTop{
    top: 0px;
}
.btn-nav  span.barMid{
    top: 9px;
}
.btn-nav  span.barBot{
    top: 18px;
}
.btn-nav.active { 
    width: 20px;
    height: 20px;
}
.btn-nav.active span { 
    width: 100%;
    background-color: #2b2e34;
}
.btn-nav.active span.barTop{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    top: 10px;
}
.btn-nav.active span.barMid{
    width: 0;
}
.btn-nav.active span.barBot{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    top: 10px;
}
.gnb-wrap{
	width: 300px;
	height: 100vh;
	min-height: 100%;
	padding: 69px 0 0 0;
	background-color: #ff8214;
	-webkit-transform: translateX(100%); 
	transform: translateX(100%); 
	opacity: 0; 
	position: fixed;
	top:0;
	right:0px;
	transition: all .3s;
	z-index: 900;
}
.gnb-wrap.active {
	overflow-y: auto;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.gnb-wrap h2{
	margin:  0 30px 34px 0;
	text-align: right;
}
.gnb-wrap .top-util > li {
	border-bottom: 2px solid #000;
}
.gnb-wrap .top-util >li:first-child{
	border-top: 2px solid #000;
	transition: all .5s ease;
}
.gnb-wrap .top-util >li > a {
	display: block;
	height: 60px;
	padding: 18px 30px 16px 20px;
	font-family: 'Noto Sans KR';
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
#wrap.gray .gnb-wrap .top-util >li > a {
	color:#fff;
}	
.gnb-wrap .top-util >li.lower > a {
	position:relative;
}
.gnb-wrap .top-util >li.lower > a::after {
	content: '';
	width:16px;
	height:16px;
	background: url('../img/ico_plus.png') no-repeat 0 0;
	position: absolute;
	top:21px;
	right: 30px;
}
.gnb-wrap .top-util >.lower.active > a::after {
	width:16px;
	height:2px;
	background: url('../img/ico_minus.png') no-repeat 0 0;	
	top:30px;
	right: 30px;
}	
.gnb-wrap .top-util >li.lower > ul {
	display: none;
	padding-bottom: 13px;
}
.gnb-wrap .top-util >li.lower > ul > li {
	margin-bottom: 5px;
}
.gnb-wrap .top-util >li.lower > ul > li > a {
	display: block;
	padding: 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	color:#000;
}	
.gnb-wrap .top-util >li.lower > ul > li > a > dl {
	display: flex;
	justify-content: space-between;
}
.gnb-wrap .top-util >li.lower > ul > li > a > dl dt {
	width: 31px;
	margin-right: 20px;
}	
.gnb-wrap .top-util >li.lower > ul > li > a > dl dd {
	width: 211px;
}	
.menuCls {
	position: absolute;
	top:15px;
	right: 30px;
}
.topSearch { 
	display:none;
	width: 100%;
	height: 500px;
	border: solid 1px #d8d8d8;
	background-color: #fff;
	position: absolute;
	top:0;
	left: 0;
	z-index: 800;
}
#wrap.gray .topSearch {
	border-color:#fff;
	background-color: #000;
}
.topSearch .inner { 
	max-width: 1144px;
	padding: 65px 0 40px 0
}	
.topSearch .searchCls {
	position: absolute;
	top:16px;
	right: 75px;
	transition: 0.3s; 
}
.topSearch .searchCls:hover {
	transform: rotate(90deg);
}
.topSearch .searchWrap {
	margin-bottom: 35px;
	position: relative;
}
.topSearch .searchWrap select { 
	display: inline-block;
	width:124px;
	margin-right: 15px;
	padding:8px 0;
	border:none;
	border-bottom:2px solid #2b2e34;
	background-color: transparent;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#wrap.gray .topSearch .searchWrap select { 
	background-color: #000;
	border-bottom-color: #fff;
	color: #fff;
}	
.topSearch .searchWrap > input { 
	width:90%;
	padding:8px 0;
	border:none;
	border-bottom:2px solid #2b2e34;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	box-sizing: border-box;
}
#wrap.gray .topSearch .searchWrap > input { 
	border-bottom-color: #fff;
	color: #fff;		
}	
.topSearch .searchWrap > input::placeholder {
	color: #9a9b9f !important;	
}
/* .topSearch .searchWrap .topSearchBtn { */
/* 	position: absolute; */
/* 	top:9px; */
/* 	right: 0; */
/* }  */
.topSearch h3 {
	margin-bottom: 17px;
	font-size: 16px;
  	font-weight: bold;
	color:#000;
}	
#wrap.gray .topSearch h3 {
	color:#fff;
}	
.keywords {
	display: inline-flex;
	margin-bottom: 35px;
}
.keywords li {
	margin-left: 10px;
}
.keywords li:nth-child(2) {
	margin-left: 0;
}	
.keywords li a {
	display: block;
	min-width: 58px;
	height: 38px;
	padding: 8px 12px 9px;
	border: 1px solid #2b2e34;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	box-sizing: border-box; 
}
#wrap.gray .keywords li a {
	border-color:#fff;
	color:#fff;
}	
.topSearch .more01 {
	display: inline-block;
	width: 38px;
	min-width: 38px;
	height: 38px;
	margin-left: 7px;
	padding: 8px 12px 9px;
	border: 1px solid #2b2e34;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	background: url(../img/img_more.png) no-repeat center center;
	position: relative;
}
#wrap.gray .topSearch .more01 {
	filter: invert();
}	
.planning-article {
	display: inline-flex;
}
.planning-article li {
	margin-left:20px;
}
.planning-article li:nth-child(2) {
	margin-left: 0;
}	
.planning-article li a {
	display: block;
	width: 124px;
	height: 124px;
	padding: 10px 11px 10px 9px;
	border: 1px solid #2b2e34;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	box-sizing: border-box; 
	position: relative;
}
#wrap.gray .planning-article li a {
	border-color:#fff;
	color:#fff;
}	
#wrap.gray .planning-article li a {
	border-color:#fff;	
	color:#fff;	
}	
.topSearch .more02 {
	display: inline-block;
	width: 124px;
	height: 124px;
	margin-left: 17px;
	padding: 10px 11px 10px 9px;
	border: 1px solid #2b2e34;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	box-sizing: border-box; 
	position: relative;
}	
#wrap.gray .topSearch .more02 {
	border-color:#fff;
	color:#fff;
}	
.topSearch .more02::after {
	content:'';
	width: 32.3px;
	height: 2px;
	background-color: #2b2e34;
	position: absolute;
	top:50%;
	left: 38%;
}
.topSearch .more02::before{
	content:'';
	width: 2px;
	height: 32.3px;
	background-color: #2b2e34;
	position: absolute;
	top:38%;
	left:50%;
}
#wrap.gray .topSearch .more02::after, 
#wrap.gray .topSearch .more02::before {
	background-color: #fff;
}	
.mobGnb { 
	display: none;
	padding: 10px 0;
	border-top:1px solid #000;
} 
.mobGnb li{
	margin-bottom: 5px;	
}	
.mobGnb li a {
	display: block;
	padding:0 20px;
	font-size: 20px;
	font-weight: bold;
}	
#wrap.gray .mobGnb li a {
	color:#fff;
}	

/* contents */
.content,.main {
	padding: 70px 0 120px;
}

/* footer */
.footer {
	width:100%;
}
.footer .inner {
	padding-bottom:60px;
}
.footer .subscribeArea {
	float: left;
}
.footer .subscribeArea p {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.footer .subscribeArea p a {	
	display: block;
	padding-bottom: 6px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
}
.footer .subscribeArea p a:hover {
	border-bottom: 2px solid #000;
}	

#wrap.gray  .footer .subscribeArea p {
	color:#fff;
}	
#wrap.gray  .footer .subscribeArea p a {
	color:#fff;
}	
#wrap.gray .footer .subscribeArea p a:hover {
	border-bottom: 2px solid #fff;
}	
.footer .subscribeArea .subscribe {
	position: relative;
	margin-bottom: 40px;
}
.footer .subscribeArea .subscribe input {
	width: 368px;
	border: 0;
	border-bottom: 0.5px solid #2b2e34;
}
#wrap.gray .footer .subscribeArea .subscribe input {
	background-color: #000;
	border-bottom-color:#fff;
}
.footer .subscribeArea .subscribe .subscribeBtn {
	display: block;
	font-size: 16px;
	font-weight: bold;	
	color: #2b2e34;
	position: absolute;
	top:8px;
	right:0;
}	
#wrap.gray .footer .subscribeArea .subscribe button {
	color:#fff;
}	 
.footer .subscribeArea  .view-photoBtn {
	width: 144px;
	height: 34px;
	padding: 7px 11px 8px 11px;
	border:1px solid #282e33;
	object-fit: contain;
	font-size: 14px;
	font-weight: 500;
	color:#000;
}
#wrap.gray  .footer .subscribeArea  .view-photoBtn {
	color:#fff;
	border-color:#fff;
}	
.footer-menu {
	float: right;
}
.footer-menu-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 252px;
}
.footer-menu-list li {
	width: 120px;
	text-align: left;
}
.footer-menu-list li:nth-child(odd) {
	width: 116px;
}
 .footer-menu-list li a,
.copyright {
	font-size: 14px;
	font-weight: 500;
	color: #000;
} 
.copyright {
	margin: 0 0 0 133px;
}	
#wrap.gray .footer-menu-list li a,
#wrap.gray .copyright {
	color: #fff;
}
.footer-menu-list .info-policy {
	font-weight: 700;
	color: #0c82e9;
}
.quick-sns{
	display: flex;
	margin: 20px 0 0 133px;
}
.quick-sns li:first-child{
	margin-right:5px;
}
#wrap.gray  .quick-sns li a img {
	filter: invert(1);	
}
.topBtn {
	position:fixed;
	right:13px;
	bottom:90px;
	width:46px;
	height:46px;
	font-size:0;
	background:url('../img/btn_top.png') no-repeat 50% 50%;
	z-index:100;
}
.gray_btn.mobMode {
	position:fixed;
	right:13px;
	bottom:20px;
	width:46px;
	height:46px;
	font-size:0;
	background:url('../img/ico_accessibility02.png') no-repeat 50% 50%;
	z-index:100;	
}
.gray_btn.mobMode.on {
	position:fixed;
	right:13px;
	bottom:90px;
	width:46px;
	height:46px;
	font-size:0;
	background:url('../img/ico_accessibility02.png') no-repeat 50% 50%;
	z-index:100;
	filter: invert(1);
}
.accessibility-icon {
	position:fixed;
	bottom:85px;
	left:30px;
	z-index:100;
}
.accessibility-icon li {
	margin-bottom: 5px;	 
}
#wrap.gray .accessibility-icon li a img {
	filter: invert(1);
}
#web_gateway {
	margin-bottom:0;
	border-top:1px solid #9f9fa0;
	border-bottom: 0;
}
.web_g_w {
	width: 1136px;
	height: 94px;
	margin: 0 auto;
	position:relative
}
.web_g_w:after,
#gate_gnb:after {
	content: '';
	clear: both;
	display: block;
}
#logo_web {
	position: absolute;
	bottom:18px;
	left: 10px;

}
#logo_web img {
	display: block;
	max-width: 199px;
}
@media screen and (min-width:560px) {
	.web_g_w {
		height:55px;
	}
	#logo_web {
		bottom: auto;
		top:50%;
		left: 10px;
		margin-top: -11px;
	}
}

#wrap.gray #logo_web img {
	filter: invert();
}	 
#gate_gnb {
	float: right;
}
#gate_gnb > li {
	float: left;
	margin-left: 40px;
	position: relative;
}
#gate_gnb > li:first-child {
	margin-left: 0;
}
#gate_gnb a {
	display: block;
	padding: 1em 0;
	color:#9a9b9f;
	font-size: 14px;
	font-weight: bold;
}
#wrap.gray #gate_gnb a {
	color:#fff;
}	
#gate_gnb .active a{ 
	color: #ff8b2b;
	font-weight: 700;
}

/* responsive Web */
@media screen and (max-width:1480px) { 
	.logo {
		width: 80px;
		height: auto;
	}
}	
@media screen and (max-width:1360px) { 
	.inner,
	.web_g_w {
		width: 100%;
		max-width: 100%;
		padding: 0 20px;
	}
	.header .inner {
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.gnb {
		display: none;
	}
	.logo {
		width: 50px;
		height: 50px;
		top:20px;
		right:auto;
		left:20px;
	}
	.gnb-wrap h2 {
		display: none;
	}
	.mobGnb {
		display: block;
	}
	.accessibility-icon {
		display: none;
	}
	.topBtn {
		bottom: 75px;
	}
}

@media (max-width:1025px) {
	.topSearch {
		width: 100%;
		height: 525px;
	}
	.topSearch .searchWrap {
		margin: 30px 0;
	}
	.topSearch .searchWrap > input {
		width: 60%;
	}
	.topSearch .searchCls {
		top: 20px;
		right: 20px;
	}
	.topSearch .more01 {
		display: inline-block;
	}
	.topSearch .keywords {
		margin-bottom: 20px;
	}
	.topSearch  .keywords li a {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:nowrap; 
	}
	.keywords li:nth-child(n+4){
		display: none;
	}
	.planning-article {
		width: 250px;
		flex-wrap: wrap;
	}
	.planning-article li:nth-child(4) {
		margin: 20px 20px 0 0;
	} 
	.planning-article li:nth-child(n+5){
		display: none;
	}	
	.planning-article li a {
		width: 105px;
		height: 105px;
		font-size: 14px;
	}
	.topSearch .more02 {
		width: 105px;
		height: 105px;
		position: absolute;
		bottom: 33px;
		left: 128px;
	}
}	

@media  (max-width:768px) {
	.header .inner {
		width: 100%;
		height: 80px;
	}	 
	.header .globalMenu {
		margin-top: 10px;
	}
	.content,
	.main {
		padding: 80px 0 60px;
	}
}

@media  (max-width:415px) {
	.gnb-wrap .top-util >li > a {
		height: 50px;
		padding: 11px 30px 12px 20px;
	}	
	.gnb-wrap .top-util >li.lower > a::after {
		top:17px;
	}
	.gnb-wrap .top-util >.lower.active > a::after {
		top:24px;
	}
	.btn-nav  span.barMid{
		top: 7px;
	}
	.btn-nav  span.barBot{
		top: 14px;
	}
	.menuCls {
		top:23px;
	}
	.topSearch .more02::before {
		top:37%
	}
	.topSearch .more02::after {
		left: 36%;
	}
	.footer .inner {
		padding-bottom: 30px;
	}
	.footer .subscribeArea,
	.footer .footerArea {
		float: none;
	}
	.footer .subscribeArea .subscribe input {
		width: 100%;
	}
	.footer-menu {
		float: none;
	}
	.footer-menu-list {
		width: 100%;
	}
	.footer-menu-list li {
		width: 50%;
	}
	.footer-menu-list li:nth-child(odd) {
		width: 50%;
	}
	.copyright {
		margin: 10px 0 0 0;
	}
	.copyright br {
		display: none;
	}
	.copyright .brand-txt {
		display: inline-block;
		margin:0 4px;
	}
	.quick-sns {
		margin-left:0;
		justify-content: center;
	} 
	#logo_web {
		left: 20px;
	}	
	#gate_gnb > li {
		margin-left: 15px;
	}
	#gate_gnb a {
		padding: 18px 0;
		font-size: 13px;
	}
}
@media (max-width:376px) {
	.topSearch .searchWrap > input {
		width: 57%;
	}
}
@media (max-width:360px) {
	.inner,
	.web_g_w {
		padding: 0 10px;
	}
	.topSearch .searchWrap > input {
		width: 55%;
	}
	#logo_web {
		left: 10px;
	}	
}		

@media screen and (max-width:460px) {
	.topSearch .searchWrap > input {
		width: 42%;
	}
}

@media screen and (max-width:1360px) {
	.gray_btn.mobMode.on {
		bottom: 20px;
	}
}