/* ž¸Þ´º */
body {background-color:#FFFFFF; text-align:center;}
	.header {width:100%; margin:auto; background:url(/images/Group/hanjin/images/top_bg2.gif) repeat; height:110px; text-align:center;}
	.header .top { position:relative; width:900px; height:70px;}
	.header .top li { list-style:none; float:left; margin-right:0px; margin-top:12px;}
	.header .menu { position:absolute; width:900px; height:40px; top:38px; background-repeat:repeat;}
	.header .logo { margin-left:0px; margin-top:25px; float:left;}
	.header .menu li { list-style:none; float:right; margin-right:0px; margin-top:70px;}
	.header .m_menu {float:left;}


/* S : ·Î±×ÀÎ ÆäÀÌÁö */
		li{list-style:none;}
		#grpLoginHdWrap {
				width:100%;
				height:107px;
		}
			#grpLoginHdWrap #grpLoginHd {
				width: 1100px;
				height: 110px;
				padding: 30px 0;
				margin: 0 auto;
				box-sizing: border-box;
			}
				#grpLoginHdWrap #grpLoginHd #logoArea {
					min-width:220px;
					float:left;
					}
				#grpLoginHdWrap #grpLoginHd #telArea {
					float:right;
					}
				#grpLoginHdWrap #grpLoginHd #telArea a {
					padding: 15px 0;
					border-radius: 10px;
					background-color: #1a9dea;
					text-align: center;
					color: #fff;
					font-size: 20px;
					display: inline-block;
					margin: 0px 30px 0 0;
					width: 130px;
					box-sizing: border-box;
				}

		#grpLoginBanner {
			width:100%;
			height:auto;
			overflow:hidden;
			border-top:3px solid #0f91cb;
			}

		#hj_header{height:100px; width:100%; background-image:URL("/images/Group/HanjinFamily/images/top_bg.jpg");}
			.hj_header_con{width:900px; margin:auto; }
			.hj_top_logo{margin-top:40px; float:left; margin-left:10px;}
			.hj_top_logo2{margin-top:50px; float:right;}
			
		#hj_container{width:100%; background-color:#eee; padding-bottom: 0 !important;} 
			.hj_con_1{width:900px; margin:auto;}
			.hj_con_left{float:left; margin-top:70px; min-height:515px; min-width:585px; background-image:url("/images/Group/HanjinFamily/images/180810_login_img.png"); display:blcok;}
				.hj_login_div{margin-top:30px;width:525; margin-top:313px; }
				.hj_login_tbl{margin-left:150px;}
				.hj_login_tbl input{height:25px; line-height:25px; background-color:#eee; width:275px; border:1px solid #d2d2d2; padding-left:5px;}
				
				.hj_login_btn{border-top:1px solid #d2d2d2; width:485px; margin-top:30px; margin-left:44px; }
				.hj_login_btn li{float:left; margin-top:20px;}
				.hj_login_btn .hj_btn_li1{}
				.hj_login_btn .hj_btn_li2{float:left; margin-left:23px;}
				
			.hj_con_right{float:right; margin-top:70px; width:315px; }
		#hj_footer{width:100%; background-color:#0F91CD; height:110px;}
			.hj_footer_con{width:900px; margin:auto; padding-top:20px;}
			.hj_con_2{margin-top:30px; height:200px; display:none; margin-bottom:80px;}
			

	
		.contents {position:relative;width:100%;min-width:1200px;text-align:center; border-top:3px solid #0f91cb;}

		/* ž ½½¶óÀ̵å */
		.contents .row_banner {max-width:1920px;position:relative;margin:0 auto;height:815px;}
		.contents .row_banner .topSlides {display:none;background-position:center;background-repeat:no-repeat;height:815px; position: relative;}

		/* ½æ³×ÀÏ ¹öÆ° */
			.contents .row_banner .row_banner_title {
				width: 100%;
				max-width: 1100px;
				margin: 0 auto;
				position: absolute;
				bottom: 20px;
				transform: translate(-50%, 0px);
				left: 50%;
			}
		.contents .row_banner .row_banner_title .column {display:inline-block;width:240px;height:92px;text-align:left;color:#fff;padding-top:53px;}
		.contents .row_banner .row_banner_title .column p {padding-top:15px;font-size:20px;}
		.contents .row_banner .row_banner_title .column .cursor {cursor:pointer;}
		.contents .row_banner .row_banner_title .column .active {color:#fbde1b;}
		.contents .row_banner .row_banner_title .column .demo:hover {}
		/* [ end ] ¹è³Ê */

		/* START : ¸ÞÀÎ ÆäÀÌÁö ¸ÞÀÎ ¹è³Ê ŸÀÌƲ ¿µ¿ª 200407 KST */
				#idMainBannerTit {
					line-height: normal;
					font-size: 0;
				}
				#idMainBannerTit div {
					font-size:15px;
					font-family:'³ª´®¹Ù¸¥°íµñ', 'Malgun Gothic', '¸¼Àº °íµñ', 'dotum', 'µ¸¿ò', 'sans-serif';;
					color:#fff;
					display:inline-block;
					text-align:left;
				}


					#idMainBannerTit .column1 {
						display: inline-block;
						height: 15px;
						width: 15px;
						text-align: left;
						color: #fff;
						margin: 0px 0px 0px 10px;
						background-color: #fff;
						border-radius: 50%;
						line-height: normal;
						font-size: 0;
					}
				#idMainBannerTit .bulletOn {background-color:#fcff14;}
					#idMainBannerTit div:first-child {
						margin-left: 0;
					}

				#idMainBannerTit .column1 p {padding-top:15px;font-size:20px;}
				#idMainBannerTit .column1 .cursor {cursor:pointer;}
				#idMainBannerTit .column1 .active {color:#fbde1b;}
				#idMainBannerTit .column1 .demo:hover {}

				#idMainBannerTit .column1 p {
					font-size:20px;
					font-family:'³ª´®¹Ù¸¥°íµñ', 'Malgun Gothic', '¸¼Àº °íµñ', 'dotum', 'µ¸¿ò', 'sans-serif';;
					color:#fff;
					padding-top:15px;
				}

		/* END : ¸ÞÀÎ ÆäÀÌÁö ¸ÞÀÎ ¹è³Ê ŸÀÌƲ ¿µ¿ª */

		/* S : ·Î±×ÀÎ Æû ¿µ¿ª */
			.login_sns {display:flex; justify-content: space-between; margin-top:25px; gap: 20px;}
			.login_sns div {width: 50%;}
			.login_sns div a {display:inline-block;}
			.login_sns div a img {width: 100%; height: 46px; border-radius: 3px;}
			#idLoginArea {
				width:496px;
				z-index:8;
				position:absolute;
				top: 50%;
				left:50%;
				transform: translate(54px, -50%);
			}
				#idLoginArea #idLoginForm {
					display: none;
					width:100%;
					background-color:rgba(255, 255, 255);
					text-align:center;
					padding:20px 25px 25px 25px;
					font-size:17px;
					color:#111;
					border-radius: 20px;
					box-sizing: border-box;
					position:relative;
					}
					.login_close {
						margin-bottom: 10px;
						position: absolute;
						right: 20px;
					}
					#idLoginArea #idLoginForm #id_loginNotice {
						text-align:center;
						width:90%;
						margin:10px auto 0 auto;
						line-height: 26px;
					}
					#idLoginArea #idLoginForm .clsSpan1 { color:#007dcc; }
					#idLoginArea #idLoginForm .clsInputArea {
						border: 1px solid #acacac;
						font-size: 16px;
						color: #acacac;
						line-height: 26px;
						margin-top: 25px;
						text-align: left;
						background-color: #fff;
						border-radius: 3px;
					}
						#idLoginArea #idLoginForm .clsInputArea .clsInputBox {
							height: 100%;
							width: 100%;
							line-height: 100%;
							font-size: 16px;
							border: none;
							box-sizing: border-box;
							color: #666;
							padding: 15px;
							background: none;
						}
						#idLoginArea #idLoginForm .clsInputArea .clsInputBox::placeholder {
							color: #acacac;
						}
						#idLoginArea #idLoginForm .clsInputArea .clsInputBox:focus {
							outline: none;
						}

						#idLoginArea #idLoginForm input[type=checkbox] {
							margin-right: 10px;
							width: 20px;
							height: 20px;
						}
						#idLoginArea #idLoginForm .clsAreaIdSave {
							width:100%;
							text-align:left;
							color:#454545;
							margin-top: 25px;
							}
						#idLoginArea #idLoginForm .clsBtnLogin {
							width: 100%;
							height: 45px;
							margin-top: 25px;
							font-size: 16px;
							color: #fff;
							background-color: #10488e;
							line-height: 45px;
							cursor: pointer;
							border-radius: 3px;
						}
						#idLoginArea #idLoginForm .clsClickArea {
							width: 50%;
							font-size: 17px;
							color: #666;
							line-height: normal;
							display: inline-block;
						}
						.notice_point {
							color:red; font-weight:bold;font-size:14px;
						}
						.kaltour_login_wrap {
							margin-top: 30px;
							display:flex;
							text-align:center;
							justify-content:center;

						}
						.kaltour_login_wrap .clsClickArea:first-child {
							border-right:1px solid #666;
							width:50%;
						}
		/* E : ·Î±×ÀÎ Æû ¿µ¿ª */

		/* S : id/zed, ·»ÅÍÄ«, È£ÅÚ ¿¹¾àÇϱâ */
			.clsBtnImg {
				width:1100px;
				margin:0 auto;
				margin-top:50px;
				}
				.clsBtnImg img {
					float:left;
					}
		/* E : id/zed, ·»ÅÍÄ«, È£ÅÚ ¿¹¾àÇϱâ */
/* E : ·Î±×ÀÎ ÆäÀÌÁö */


/* ·Î±×ÀÎ Æ˾÷ */
.login_popup_close {text-align: right;}
.login_popup_close a {display: inline-block; width: 20px; height: 20px; position: relative; right: -5px;}
.login_popup_close img {cursor: pointer;}
.login_popup-bg {width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.5); top: 0; left:0; position: absolute; z-index: 1;}
.login_bn_txt_wrap {position: absolute; top: 100px; left: 0; width: 100%; height: auto;}
.login_bn_txt {width: 1100px; margin: 0 auto; text-align: left; color: #fff; font-weight: bold; line-height: normal;}
.login_bn_txt .login_bn_txt01 {font-size: 24px;}
.login_bn_txt .login_bn_txt02 {font-size: 44px; padding: 15px 0;}
.login_bn_txt .login_bn_txt03 {font-size: 32px;}