/*******************************************
	폰트 
********************************************/

@import url('../font/NotoKR/font.css');
@import url('../font/proximaNova/fonts.css');

/*******************************************
	YELLOW-FINGER
********************************************/





/*******************************************
	공통요소
********************************************/
	* {	margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: 'NotoSansKR', sans-serif; }


	html, body {
		display: inline; height: 100%;
		margin: 0px; padding: 0px;
		font-size: 14px;
		font-family: 'NotoSansKR', sans-serif;
	}
	

	html { text-align: center; background-color: #111; }
	body { max-width: 1920px; width: 100%; display: inline-block; height: auto; }

	h1,h2,h3,h4,h5 {
		font-weight: normal;
	}

	a							{ text-decoration: none; }
	li, ul, ol					{ list-style: none; }
	input[type=text] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px;}
	input[type=password] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px;}
	textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px;}

	pre { width: 100%; line-height: 1.5; white-space:pre-wrap;}

	/* float */
	.left						{ float: left;  }
	.right						{ float: right; } 
	.clear						{ clear: both;  }

	/* text-align */
	.text_left					{ text-align: left; }
	.text_right					{ text-align: right; }
	.text_center				{ text-align: center; }

	/* display */
	.display_inline_block		{ display: inline-block; }
	.display_none				{ display: none; }
	.display_block				{ display: block; }

	/* position */
	.position_relative			{ position: relative; }
	.position_absolute			{ position: absolute; }
	.position_fixed				{ position: fixed; }

	.slow {
		transition: all 200ms ease-in-out;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
	}
	.bold { font-weight: bold; }
	.en { font-family: 'proxima_nova_ltsemibold', sans-serif; }
/*******************************************
	YELLOW-FINGER
********************************************/


header { width: 100%; height: 127px; z-index: 100; background-color: #fff; }

header .gnb_function_container .header_contents,
header .gnb_nav_container .header_contents { max-width: 1548px; width: 100%; height: 100%; margin: 0 auto; }
header .gnb_nav_container .header_contents { z-index: 2; }

header .gnb_function_container { width: 100%; height: 35px; line-height: 34px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box;  }
header .gnb_function_container li { border-right: 1px solid #f0f0f0; }
header .gnb_function_container li:first-child { border-left: 1px solid #f0f0f0; }

header .gnb_function_container a { color: #777; padding: 0px 15px;  }
header .gnb_function_container a:hover { background-color: #ff5b5a; color: #fff; }


header .gnb_nav_container { width: 100%; height: 92px; line-height: 92px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
header .gnb_nav_container a { font-size: 16px; color: #4b4b4d; padding: 0px 15px; font-weight: 500; }

header .gnb_nav_container .header_nav_box li { width: 162px; }
header .gnb_nav_container .header_nav_box li a { width: 100%;  padding: 0px; text-align: center; }
header .gnb_nav_container .header_nav_box li a:hover { color: #ff5b5a; }
header .gnb_nav_container .header_nav_box li div { display: none; top: 92px; left: 0px; width: 100%; height: 4px; background-color: #ff5b5a; }
header .gnb_nav_container .header_logo_box a img ,
header .gnb_nav_container .header_logo_box span img { vertical-align: middle; }
header .gnb_nav_container .header_logo_box span { padding: 0px 10px; }
header .gnb_nav_container .header_logo_box a > img { width: auto; height: 38px; }
header .gnb_nav_container .header_logo_box a.logo_01 { width: 190px; }
header .gnb_nav_container .header_logo_box a.logo_02 {  width: 190px; }

header .gnb_nav_container .gnb_m_nav_btn { display: none; top: 50%; right: 15px; transform: translateX(0%) translateY(-50%); width: 30px; height: 16px; cursor: pointer; }
header .gnb_nav_container .gnb_m_nav_btn > div { width: 100%; height: 2px; background-color: #222; top: 0px; left: 0px; }
header .gnb_nav_container .gnb_m_nav_btn > div:first-child { margin-top: 0px; }

header .gnb_nav_container .gnb_m_nav_btn > div.gnb_m_nav_btn_01 { top: 0px; }
header .gnb_nav_container .gnb_m_nav_btn > div.gnb_m_nav_btn_02 { top: 5px; }
header .gnb_nav_container .gnb_m_nav_btn > div.gnb_m_nav_btn_03 { top: 10px; width: 70%; }
header .gnb_nav_container .gnb_m_nav_btn:hover > div.gnb_m_nav_btn_03 { width: 100%; }

header .gnb_nav_container .gnb_m_nav_btn.active > div.gnb_m_nav_btn_01 { 
	width: 25px;
	top: 7px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header .gnb_nav_container .gnb_m_nav_btn.active > div.gnb_m_nav_btn_02 { opacity: 0; }
header .gnb_nav_container .gnb_m_nav_btn.active > div.gnb_m_nav_btn_03 { 
	width: 25px;
	top: 3px; 
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



#headerNavBgM { 
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #212328; opacity: 0.5;
	z-index: 97;
}

#gnb_m_nav {
	display: none;

	top: 0px; right: 0px;
	width: 290px; height: 100%;
	background-color: #fff;
	z-index: 99;
}


#gnb_m_nav > div {
	width: 100%; height: 100%;
	padding-top: 70px;
	box-sizing: border-box;
}
#gnb_m_nav > div > div { width: 100%; height: 100%; }

#gnb_m_nav .top__m_nav {
	width: 100%; height: 35px; line-height: 34px;
	border-bottom: 1px solid #f0f0f0;
	box-sizing: border-box;
}

#gnb_m_nav .top__m_nav > div { width: 50%; height: 100%; box-sizing: border-box; }
#gnb_m_nav .top__m_nav > div:first-child { border-right: 1px solid #f0f0f0; }
#gnb_m_nav .top__m_nav > div a { width: 100%; height: 100%; text-align: center; color: #4b4b4d; font-weight: 500; }
#gnb_m_nav .top__m_nav > div a:hover { background-color: #4b4b4d; color: #fff; }

#gnb_m_nav .body__m_nav { 
	width: 100%; height: calc(100% - 35px); text-align: left; 
	padding-right: 15px;
	box-sizing: border-box;
	overflow-y: auto; 
	-webkit-overflow-scrolling : touch;
	scrollbar-3dLight-Color: #efefef; 
	scrollbar-arrow-color: #dfdfdf; 
	scrollbar-base-color: #efefef; 
	scrollbar-Face-Color: #dfdfdf; 
	scrollbar-Track-Color: #efefef; 
	scrollbar-DarkShadow-Color: #efefef; 
	scrollbar-Highlight-Color: #efefef; 
	scrollbar-Shadow-Color: #efefef;
}


#gnb_m_nav .body__m_nav::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
#gnb_m_nav .body__m_nav::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
#gnb_m_nav .body__m_nav::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
#gnb_m_nav .body__m_nav::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }



#gnb_m_nav .body__m_nav > ul { width: 100%; height: auto; padding-bottom: 30px; }
#gnb_m_nav .body__m_nav > ul > li { width: 100%; height: auto; padding: 15px 0px; }
#gnb_m_nav .body__m_nav > ul > li > a { width: 100%; height: auto; line-height: 2; padding: 0px 15px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #ff5b5b; }
#gnb_m_nav .body__m_nav > ul > li > ul { width: 100%; height: auto;  }
#gnb_m_nav .body__m_nav > ul > li > ul > li { width: 100%; height: auto; }
#gnb_m_nav .body__m_nav > ul > li > ul > li > a { width: 100%; height: auto; line-height: 1.5; padding: 0px 30px; box-sizing: border-box; font-size: 14px;  font-weight: 500; color: #4b4b4d; }
#gnb_m_nav .body__m_nav > ul > li > ul > li > a:hover { color: #27366a; }





#headerBg { 
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #212328; opacity: 0;
	z-index: 97;
}

header .more_nav {
	display: none;
	top: 92px; left: 0px;
	width: 100%; height: auto;
	background-color: #fff;
	
}

header .more_nav li { width: 162px; }
header .more_nav li ul { width: 100%; height: auto; padding: 20px 0px; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
header .more_nav li:first-child ul { border-left: 1px solid #e0e0e0; }
header .more_nav li ul li { width: 100%; height: 30px; line-height: 30px;  }
header .more_nav li ul li a { width: 100%; height: 30px; line-height: 30px; color: #666666; font-size: 15px; text-align: left; padding: 0px 15px; box-sizing: border-box; font-weight: 500; }
header .more_nav li ul li:hover a { color: #a8d1e7; }

footer { width: 100%; height: 152px; background-color: #222222; z-index: 100; }
footer .gnb_info_container { width: 100%; height: 100%; padding: 35px 0px; box-sizing: border-box; }
footer .gnb_info_container .footer_contents { max-width: 1548px; width: 100%; height: auto; margin: 0 auto; }
footer .gnb_info_container .footer_contents .footer_contents_row { width: 100%; height: auto; line-height: 2; }


footer .gnb_info_container .footer_contents .footer_contents_row a,
footer .gnb_info_container .footer_contents .footer_contents_row p,
footer .gnb_info_container .footer_contents .footer_contents_row span { color: #888888; text-align: left;}

footer .gnb_info_container .footer_contents .footer_contents_row span.bar { padding: 0px 15px; }
footer .gnb_info_container .footer_contents .footer_contents_row p { line-height: 1.5; font-size: 13px; opacity: 0.5; }


#wrap {
	width: 100%; min-height: 100%;
	padding-top: 127px; padding-bottom: 152px; 
    margin-top: -127px;	margin-bottom: -152px;
	box-sizing: border-box;
	text-align: left;
	z-index: 80;
}

.container { width: 100%; height: auto; }

br.type_01 { display: none; }
br.type_02 { display: none; }
br.type_03 { display: none; }
br.type_04 { display: none; }
br.type_05 { display: none; }

.contents_wrap .list_none { width: 100%; height: auto; line-height: 2; font-size: 30px; }



#popup { width: 100%; height: 200px; box-sizing: border-box; }
#popup .popup_item { width: 100%; height: 200px; box-sizing: border-box; }
#popup .popup_item .popup_item_link { width: 100%; height: 200px; box-sizing: border-box; }
#popup.slick-dotted.slick-slider { margin-bottom: 0px; } 
#popup .slick-dots { 
	bottom: auto; top: 50%; right: 15px;
	transform: translateX(0%) translateY(-60%); 
	width: 10px;

}
#popup .slick-dots li { width: 10px; height: 10px; margin: 2px 0px; background-color: #000; border-radius: 100%; opacity: 0.8; }
#popup .slick-dots li.slick-active { background-color: #fff; opacity: 1; }
#popup .slick-dots li button { display: none; }

#popup_close {
	top: 160px; right: 0px;
	width: auto; height: 40px; line-height: 40px;
	padding: 0px 15px;
}

#popup_close .bg { 
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #222; opacity: 0.5;
	z-index: 1;
}

#popup_close .txt { z-index: 2; }

#popup_close .txt input { vertical-align: middle; margin-right: 5px;}
#popup_close .txt span { color: #fff; font-size: 14px; }
#popup_close .txt a { width: 13px; height: 13px; margin-top:13px; margin-left: 30px; background: url(../images/svg/popup_close.svg) no-repeat center center; background-size: cover; }


#payBg {
	display: none;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    z-index: 99998;
}
.pay_iframe {
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    z-index: 99999;
}


#video_pop {
	display: none;
	top: 50%; left: 50%;
	width: 100%; max-width: 1024px; height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding: 0px 15px;
	box-sizing: border-box;
	z-index: 999999;
}

#video_pop > div{ width: 100%; height: auto; }
#video_pop > div > img { width: 100%; height: auto; }
#video_pop > div > video {
	top: 0px; left: 0px;
	width: 100%; height: auto; 
}
#video_pop > div > a {
	top: -35px; right: 0px;
	width: 20px; height: 20px;
	background: url(../images/svg/popup_close.svg) no-repeat center center;
}
#video_pop_bg {
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 999998;
}


@media (max-width: 479px){ 
	header { height: 70px; }
	header .gnb_nav_container { height: 70px; line-height: 70px; }
	header .gnb_nav_container .header_contents { padding: 0px 15px 0px 0px; box-sizing: border-box; }
	header .gnb_nav_container .header_contents .header_nav_box { display: none; }


	header .gnb_nav_container a img { width: 100px; height: auto; }
	header .gnb_nav_container .header_logo_box span { display: none; }
	header .gnb_nav_container a:first-child { display: inline-block; padding-right: 0px; }
	header .gnb_nav_container a { display: none; }
	header .gnb_nav_container .header_logo_box a > img { height: 30px; }
	header .gnb_nav_container .header_logo_box a.logo_01 { display: none; width: 150px; }
	header .gnb_nav_container .header_logo_box a.logo_02 { display: inline-block; width: 150px; }

	header .gnb_function_container { display: none; }
	header .more_nav { display: none  !important; }
	#headerBg { display: none  !important; }
	header .gnb_nav_container .header_nav_box li div { display: none  !important; }
	

	#wrap { padding-top: -70px; }

	footer { height: auto; }
	footer .gnb_info_container .footer_contents { padding: 0px 15px; box-sizing: border-box; }
 	footer .gnb_info_container .footer_contents .footer_contents_row a, 
	footer .gnb_info_container .footer_contents .footer_contents_row p, 
	footer .gnb_info_container .footer_contents .footer_contents_row span { font-size: 12px; }

	br.type_01 { display: block; }
	br.type_02 { display: block; }
	br.type_03 { display: block; }
	br.type_04 { display: block; }
	br.type_05 { display: block; }

	header .gnb_nav_container .gnb_m_nav_btn { display: inline-block; width: 25px; height: 16px;}
	header .gnb_nav_container .gnb_m_nav_btn > div { height: 2px; }
	.contents_wrap .list_none { font-size: 18px; }
	#popup { display: none  !important; }
	#popup_close{ display: none  !important; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	header { height: 70px; }
	header .gnb_nav_container { height: 70px; line-height: 70px; }
	header .gnb_nav_container .header_contents { padding: 0px 15px 0px 0px; box-sizing: border-box; }
	header .gnb_nav_container .header_contents .header_nav_box { display: none; }


	header .gnb_nav_container a img { width: 130px; height: auto; }
	header .gnb_nav_container .header_logo_box span { padding: 0px 0px; }
	header .gnb_nav_container .header_logo_box a > img { height: 30px; }
	header .gnb_nav_container .header_logo_box a.logo_01 { width: 150px; }
	header .gnb_nav_container .header_logo_box a.logo_02 { width: 150px; }

	header .gnb_function_container { display: none; }
	header .more_nav { display: none  !important; }
	#headerBg { display: none  !important; }
	header .gnb_nav_container .header_nav_box li div { display: none  !important; }
	

	#wrap { padding-top: -70px; }

	footer { height: auto; }
	footer .gnb_info_container .footer_contents { padding: 0px 15px; box-sizing: border-box; }
 	footer .gnb_info_container .footer_contents .footer_contents_row a, 
	footer .gnb_info_container .footer_contents .footer_contents_row p, 
	footer .gnb_info_container .footer_contents .footer_contents_row span { font-size: 12px; }

	br.type_01 { display: block; }
	br.type_02 { display: block; }
	br.type_03 { display: block; }
	br.type_04 { display: block; }
	br.type_05 { display: none; }
	header .gnb_nav_container .gnb_m_nav_btn { display: inline-block; }
	.contents_wrap .list_none { font-size: 20px; }
	#popup { display: none  !important; }
	#popup_close{ display: none  !important; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	header { height: 70px; }
	header .gnb_nav_container { height: 70px; line-height: 70px; }
	header .gnb_nav_container .header_contents { padding: 0px 15px 0px 0px; box-sizing: border-box; }
	header .gnb_nav_container .header_contents .header_nav_box { display: none; }


	header .gnb_nav_container a img { width: 130px; height: auto; }
	header .gnb_nav_container .header_logo_box span { padding: 0px 0px; }
	header .gnb_nav_container .header_logo_box a > img { height: 30px; }
	header .gnb_nav_container .header_logo_box a.logo_01 { width: 150px; }
	header .gnb_nav_container .header_logo_box a.logo_02 { width: 150px; }


	header .gnb_function_container { display: none; }
	header .more_nav { display: none  !important; }
	#headerBg { display: none  !important; }
	header .gnb_nav_container .header_nav_box li div { display: none  !important; }
	

	#wrap { padding-top: -70px; }

	footer { height: auto; }
	footer .gnb_info_container .footer_contents { padding: 0px 15px; box-sizing: border-box; }

	br.type_01 { display: block; }
	br.type_02 { display: block; }
	br.type_03 { display: block; }
	br.type_04 { display: none; }
	br.type_05 { display: none; }

	header .gnb_nav_container .gnb_m_nav_btn { display: inline-block; }
	.contents_wrap .list_none { font-size: 24px; }

	#popup { display: none  !important; }
	#popup_close{ display: none  !important; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	header .gnb_function_container { padding: 0px 30px; }
	header .gnb_nav_container .header_contents { padding: 0px 15px; box-sizing: border-box; }
	header .gnb_nav_container .header_contents .header_nav_box { padding-right: 15px; box-sizing: border-box;}
	header .gnb_nav_container .header_logo_box span { padding: 0px 0px; }
	header .gnb_function_container a { font-size: 13px; }
	header .gnb_nav_container a { font-size: 15px; }
	header .gnb_nav_container a img { width: 130px; height: auto; }
	header .gnb_nav_container .header_logo_box a > img { height: 30px; }
	header .gnb_nav_container .header_logo_box a.logo_01 { width: 150px; }
	header .gnb_nav_container .header_logo_box a.logo_02 { width: 150px; }
	
	header .more_nav .header_contents > ul { padding-right: 15px; box-sizing: border-box; }
	header .more_nav li ul { padding: 15px 0px; }
	header .more_nav li ul li a { padding: 0px 5px; font-size: 13px; }

	header .gnb_nav_container .header_nav_box li { width: 120px; }
	header .more_nav li{ width: 120px; }

	footer { height: auto; }
	footer .gnb_info_container .footer_contents { padding: 0px 30px; box-sizing: border-box; }
 
	br.type_01 { display: block; }
	br.type_02 { display: block; }
	br.type_03 { display: none; }
	br.type_04 { display: none; }
	br.type_05 { display: none; }


	#gnb_m_nav { display: none !important; }
	#headerNavBgM { display: none !important; }
	.contents_wrap .list_none { font-size: 26px; }

}

@media (max-width: 1578px) and (min-width: 1280px) { 
	header .gnb_function_container { padding: 0px 15px; }
	header .gnb_nav_container .header_contents { padding: 0px 15px; box-sizing: border-box; }
	header .gnb_nav_container .header_contents .header_nav_box { box-sizing: border-box;}

	footer .gnb_info_container .footer_contents { padding: 0px 15px; box-sizing: border-box; }


	#gnb_m_nav { display: none !important; }
	#headerNavBgM { display: none !important; }

	br.type_01 { display: block; }
	br.type_02 { display: none; }
	br.type_03 { display: none; }
	br.type_04 { display: none; } 
	br.type_05 { display: none; }

	.contents_wrap .list_none { font-size: 28px; }
}

@media (min-width: 1578px){ 
	#gnb_m_nav { display: none !important; }
	#headerNavBgM { display: none !important; }
}




/*
	@media (max-width: 479px){ 

	}

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

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}

	@media (max-width: 1578px) and (min-width: 1280px) { 

	}
*/




/*
	@media (max-width: 479px){ 
		section 상.하 간격 : 30px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 15px;

		contents 타이틀 : 16px;

		contents 크기 : 16px, 14px, 12px;

		버튼 1 - w : 120px, h : 30px, f : 12px;
		버튼 1 - w : %, h : 40px, f : 12px;
	}

	@media (max-width: 749px) and (min-width: 480px) { 
		section 상.하 간격 : 30px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 15px;

		contents 타이틀 : 18px;

		contents 크기 : 18px, 16px, 14px, 12px;

		버튼 1 - w : 120px, h : 30px, f : 12px;
		버튼 1 - w : %, h : 40px, f : 12px;
	}

	@media (max-width: 1023px) and (min-width: 750px) { 
		section 상.하 간격 : 45px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 15px;

		contents 타이틀 : 20px;

		contents 크기 : 18px, 16px, 14px, 12px;

		버튼 1 - w : 150px, h : 35px, f : 14px;
		버튼 1 - w : %, h : 45px, f : 14px;
	}


	@media (max-width: 1279px) and (min-width: 1024px) { 
		section 상.하 간격 : 45px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 15px;

		contents 타이틀 : 20px;

		contents 크기 : 18px, 16px, 14px, 12px;

		버튼 1 - w : 150px, h : 35px, f : 14px;
		버튼 1 - w : 170px, h : 45px, f : 14px;

	}

	@media (max-width: 1578px) and (min-width: 1280px) { 

		section 상.하 간격 : 60px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 30px;

		contents 타이틀 : 22px;

		contents 크기 : 18px, 16px, 14px, 12px;

		버튼 1 - w : 150px, h : 40px, f : 16px;
		버튼 1 - w : 170px, h : 50px, f : 16px;

	}

	@media (min-width: 1579px){ 

		section 상.하 간격 : 60px;

		contents 상.하 간격 : 25px;
		contents 좌.우 간격 : 30px;

		contents 타이틀 : 22px;

		contents 크기 : 18px, 16px, 14px, 12px;

		버튼 1 - w : 150px, h : 40px, f : 16px;
		버튼 1 - w : 170px, h : 50px, f : 16px;


	}

*/