@charset "utf-8";
input[type=checkbox]{
	display: none;
	width:0;
	height:0;
	line-height: 0;
}
.cookie{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: left 0s 0.15s ease;  
    z-index: 0;
}
.cookie.actived{
    display: block;
    left: 0;
    transition-delay: 0s;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}
.cookie .pop-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 10;
}
.cookie .pop-container .pop-parents {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 5;
    table-layout: fixed;
}
.cookie .pop-container .pop-parents .popup_inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 50px 50px;
}

/* 쿠키 설정 안내 팝업 */
#cookie_setting_information {
}
#cookie_setting_information .pop-container .pop-parents .popup_inner {
    vertical-align: bottom;
    padding:5px 5px;
    text-align: left;
} 
#cookie_setting_information .text_box {
    position: relative;
    display: inline-block;
    width:530px;
    height:363px;
    margin:0;
    padding:0;
    border:none;
    background:url(../images/bg_cookie_row.png) no-repeat center 0;
    background-size:530px 363px;
}
#cookie_setting_information .text_inner {
    padding:21px 10px 10px 10px;
}
#cookie_setting_information .text_box .cookie_title  {
    width:100%;
    height:70px;
    background: url(../images/bg_cookie_title.png) no-repeat center 100%;
    background-size:419px 36px;
}
#cookie_setting_information .cookie_title > p {
    font-size: 28px;
    line-height: 35px;
    color:#1d1a15;
    font-weight: 500;
    padding:0 0 35px 0;
    text-align: center;
}
#cookie_setting_information .cookie_title > p::before{
    display: none;
}
#cookie_setting_information  .text_inner .txt_area {
    height: 186px;
    overflow: hidden;;
}
#cookie_setting_information  .text_inner .txt_area .inner_txt_area {
    overflow-y: auto;
    width:470px;
    height:100%;
    padding:0 10px 5px 10px;
}
#cookie_setting_information  .text_inner .txt_area p{
    display: block;
    position: relative;
    width:calc(100% - 15px);
    font-size: 14px;
    color:#504431;
    text-align: left;
    line-height: 22px;
    padding:0 0 0 13px;
    letter-spacing:-0.040em;
	word-break: break-word;
}
#cookie_setting_information  .text_inner .txt_area p::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #504431;
    transform: rotate(45deg);
    /* border-radius: 1px; */
}
#cookie_setting_information  .text_inner .txt_area p.point{
    margin:5px 0;
    font-size: 16px;
    color:#1d1a15;
    font-weight: 600;
    letter-spacing:-0.040em;
}
#cookie_setting_information  .text_inner .txt_area p.point::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #1d1a15;
    transform: rotate(45deg);
    /* border-radius: 1px; */
}
#cookie_setting_information .btn_box {
    display: flex;
    width:100%;
    justify-content: center;
    height:45px;
    padding:20px 0 0 0;
    margin:0;
}
#cookie_setting_information .btn_box .btn {
    display: block;
    height:45px;
    line-height: 45px;
    font-size: 18px;
    letter-spacing:-0.050em;
    padding:0 14px;
    text-align: center;
    margin:0 5px;
    border:none;
}
#cookie_setting_information .btn_box .btn_red {
    color:#e3dcd0;
    background:#650e0e;
}
#cookie_setting_information .btn_box .btn_grey{
    color:#e3dcd0;
    background:#575041;
}
#cookie_setting_information .btn_pop_close {
    position: absolute;
    top:2px;
    right:20px;
    width:60px;
    height:60px;
}

/* 쿠키 설정 팝업 */
#cookie_setting .text_box {
    position: relative;
    display: inline-block;
    width:530px;
    height:550px;
    padding:0;
    margin:0;
    border:none;
    background:url(../images/bg_cookie_long.png) no-repeat center 0;
    background-size:530px 550px;
}
#cookie_setting .pop-container .pop-parents .popup_inner {
    vertical-align: bottom;
    padding:5px 5px;
    text-align: left;
}
#cookie_setting .text_inner .txt_area{
    width:470px;
    overflow: hidden;
    height: 456px;
    padding:0 13px;
}
#cookie_setting .text_inner .txt_area .inner_txt_area{
    overflow: auto;
    height:100%;
}
#cookie_setting .text_inner {
    padding:66px 15px 26px 15px;
    background:url(../images/bg_cookie_line.png) no-repeat center 63px;
    background-size:490px 2px;
}
#cookie_setting .text_inner p{
    display: block;
    position: relative;
    font-size: 13px;
    color:#504431;
    line-height: 1.3;
    text-align: left;
    letter-spacing:-0.045em;
}
#cookie_setting .text_inner p.cookie_tit{
    margin:14px 0 6px 0;
    line-height:26px;
    color:#1d1a15;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding:0;
}
#cookie_setting .text_inner p.cookie_tit::before {
    display: none;
    /* border-radius: 1px; */
}
#cookie_setting .cookie_wrap{
    position: relative;
    width:454px;
}
#cookie_setting .cookie_wrap .check_box{
    position: absolute;
    top:4px;
    right:20px;
    width:44px;
    height:19px;
}
#cookie_setting .cookie_wrap .check_box label{
    display: block;
    position: relative;
    width:44px;
    height:19px;
    background:#beb6a6;
    border-radius: 13px;
    transition: background 0.2s;
}
#cookie_setting .cookie_wrap .check_box label .icon{
    display: inline-block;
    position: absolute;
    top:3px;
    right:27px;
    width:13px;
    height:13px;
    background:#fffffe;
    border-radius: 13px;
    transition: all 0.15s;
}
#cookie_setting .cookie_wrap .check_box  input:checked + label {
    background:#907a57;
    transition: background 0.2s;
}
#cookie_setting .cookie_wrap .check_box  input:checked + label .icon {
    right:3px;
    transition: all 0.15s;
}
#cookie_setting .btn_pop_close {
    position: absolute;
    top:10px;
	left:auto;
    right:15px;
    width:60px;
    height:60px;
	background: none;
}
#cookie_setting .btn_box {
    position: absolute;
}

#cookie_setting .cookie_tbl table{
    width:100%;
    border-collapse: collapse;
    margin:10px 0 5px 0;
    border-left:1px solid #cbc3b2;
}
#cookie_setting .cookie_tbl th,
#cookie_setting .cookie_tbl td {
    line-height: 1.4;
    text-align: left;
    padding:5px;
}
#cookie_setting .cookie_tbl th {
    font-size: 13px;
    background: #1d1a15;
    color:#cbc3b2;
}
#cookie_setting .cookie_tbl td{
    border-right:1px solid #cbc3b2;
    border-bottom: 1px solid #cbc3b2;
    color:#1d1a15;
    font-size: 12px;
}


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

}





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

	/* 쿠키 설정 안내 팝업 */
	#cookie_setting_information {
	}
	#cookie_setting_information .pop-container .pop-parents .popup_inner {
		vertical-align: bottom;
		padding:20px;
		text-align: left;
	} 
	#cookie_setting_information .text_box {
		position: relative;
		display: inline-block;
		width:100%;
		height:58.333333333vw;
		margin:0;
		padding:0;
		border:none;
		background:url(/common/images/bg_cookie_row.png) no-repeat center 0;
		background-size:100% 58.333333333vw;
	}
	#cookie_setting_information .text_inner {
		padding:3.472222222vw 2.777777778vw 1.388888889vw 2.777777778vw;
	}
	#cookie_setting_information .text_box .cookie_title  {
		width:100%;
		height:9.722222222vw;
		background: url(/common/images/bg_cookie_title.png) no-repeat center 100%;
		background-size:58.194444444vw 5.000000000vw;
	}
	#cookie_setting_information .cookie_title > p {
		font-size: 3.888888889vw;
		line-height: 4.861111111vw;
		color:#1d1a15;
		font-weight: 500;
		padding:0 0 4.861111111vw 0;
		text-align: center;
	}
	#cookie_setting_information .cookie_title > p::before{
		display: none;
	}
	#cookie_setting_information  .text_inner .txt_area {
		width:100%;
		height:33.333333333vw;
		overflow: hidden;;
	}
	#cookie_setting_information  .text_inner .txt_area .inner_txt_area {
		overflow-y: auto;
		width:calc(100% - 20px);
		height:100%;
		padding:0 10px 5px 10px;
	}
	#cookie_setting_information  .text_inner .txt_area p{
		width:calc(100% - 11px);
		display: block;
		position: relative;
		font-size: 2.222222222vw;
		color:#504431;
		text-align: left;
		line-height: 1.4;
		padding:0 0 0.277777778vw 11px;
		letter-spacing:-0.040em;
	}
	#cookie_setting_information  .text_inner .txt_area p::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.527777778vw;
		left: 0;
		width: 0.416666667vw;
		height: 0.416666667vw;
		background: #504431;
		transform: rotate(45deg);
		/* border-radius: 0.138888889vw; */
	}
	#cookie_setting_information  .text_inner .txt_area p.point{
		margin:0.972222222vw 0;
		font-size: 2.916666667vw;
		color:#1d1a15;
		font-weight: 600;
		letter-spacing:-0.040em;
	}
	#cookie_setting_information  .text_inner .txt_area p.point::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.527777778vw;
		left: 0;
		width: 0.416666667vw;
		height: 0.416666667vw;
		background: #1d1a15;
		transform: rotate(45deg);
		/* border-radius: 0.138888889vw; */
	}
	#cookie_setting_information .btn_box {
		display: flex;
		width:100%;
		justify-content: center;
		height:6.250000000vw;
		padding:2.777777778vw 0 0 0;
		margin:0;
	}
	#cookie_setting_information .btn_box .btn {
		display: block;
		height:6.250000000vw;
		line-height: 6.250000000vw;
		font-size: 2.500000000vw;
		letter-spacing:-0.040em;
		padding:0 2.361111111vw;
		text-align: center;
		margin:0 1.111111111vw;
		border:none;
	}
	#cookie_setting_information .btn_box .btn_red {
		color:#e3dcd0;
		background:#650e0e;
	}
	#cookie_setting_information .btn_box .btn_grey{
		color:#e3dcd0;
		background:#575041;
	}
	#cookie_setting_information .btn_pop_close {
		position: absolute;
		top:0.277777778vw;
		right:2.777777778vw;
		width:8.333333333vw;
		height:8.333333333vw;
	}

	/* 쿠키 설정 팝업 */
	#cookie_setting .text_box {
		position: relative;
		display: inline-block;
		width:100%;
		height:69.444444444vw;
		padding:0;
		margin:0;
		border:none;
		background:url(/common/images/bg_cookie_row.png) no-repeat center 0;
		background-size:100% 69.444444444vw;
	}
	#cookie_setting .pop-container .pop-parents .popup_inner {
		width:100%;
		vertical-align: bottom;
		padding:20px;
		text-align: left;
	}
	#cookie_setting .text_inner .txt_area{
		overflow: hidden;
		width:calc((100% - 20px));
		height: 54.166666667vw;
		padding:0 10px;;
	}
	#cookie_setting .text_inner .txt_area .inner_txt_area{
		overflow-y: auto;
		height:100%;
	}
	#cookie_setting .text_inner {
		padding:9.166666667vw 2.083333333vw 3.611111111vw 2.083333333vw;
		background:url(/common/images/bg_cookie_line.png) no-repeat center 8.750000000vw;
		background-size:68.055555556vw 0.277777778vw;
	}
	#cookie_setting .text_inner p{
		display: block;
		position: relative;
		font-size: 2.222222222vw;
		color:#504431;
		line-height: 1.3;
		text-align: left;
		letter-spacing:-0.045em;
	}
	#cookie_setting .text_inner p.cookie_tit{
		margin: 2.777777778vw 0 1.388888889vw 0;
		line-height: 1.5;
		color: #1d1a15;
		font-size: 2.916666667vw;
		font-weight: 500;
		text-align: left;
		padding: 0;
	}
	#cookie_setting .text_inner p.cookie_tit::before {
		display: none;
		/* border-radius: 0.138888889vw; */
	}
	#cookie_setting .cookie_wrap{
		position: relative;
		width:100%;
	}
	#cookie_setting .cookie_wrap .check_box{
		position: absolute;
		top:0.555555556vw;
		right:2.777777778vw;
		width:6.111111111vw;
		height:2.638888889vw;
	}
	#cookie_setting .cookie_wrap .check_box label{
		display: block;
		position: relative;
		width:6.111111111vw;
		height:2.638888889vw;
		background:#beb6a6;
		border-radius: 1.805555556vw;
		transition: background 0.2s;
	}
	#cookie_setting .cookie_wrap .check_box label .icon{
		display: inline-block;
		position: absolute;
		top:0.416666667vw;
		right:3.750000000vw;
		width:1.805555556vw;
		height:1.805555556vw;
		background:#fffffe;
		border-radius: 1.805555556vw;
		transition: all 0.15s;
	}
	#cookie_setting .cookie_wrap .check_box  input:checked + label {
		background:#907a57;
		transition: background 0.2s;
	}
	#cookie_setting .cookie_wrap .check_box  input:checked + label .icon {
		right:0.416666667vw;
		transition: all 0.15s;
	}
	#cookie_setting .btn_pop_close {
		position: absolute;
		top:1.388888889vw;
		right:3.472222222vw;
		width:8.333333333vw;
		height:8.333333333vw;
	}
	#cookie_setting .btn_box {
		position: absolute;
	}

	#cookie_setting .cookie_tbl{
		width:100%;
	}
	#cookie_setting .cookie_tbl table{
		width:99%;
		border-collapse: collapse;
		margin:1.388888889vw 0 0.694444444vw 0;
		border-left:0.2vw solid #beb6a6;
	}
	#cookie_setting .cookie_tbl th,
	#cookie_setting .cookie_tbl td {
		line-height: 1.4;
		text-align: left;
		padding:0.694444444vw;
	}
	#cookie_setting .cookie_tbl th {
		font-size: 1.805555556vw;
		background: #1d1a15;
		color:#cbc3b2;
	}
	#cookie_setting .cookie_tbl td{
		border-right:0.2vw solid #beb6a6;
		border-bottom: 0.2vw solid #beb6a6;
		color:#1d1a15;
		font-size: 1.805555556vw;
	}
}




