/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: AGM-모바일
* ○ 파일		: common.css
* ○ 생성		: 2017.06.29(수요일)
* ○ 최종변경	: 2017.06.29(수요일)
***********************************************************************************/




/***********************************************************************************
* 폰트 관련
***********************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,300,700);





/***********************************************************************************
* 기본 관련
***********************************************************************************/

html, body	{width:100%; height:100%; font-family:"Noto Sans"; background-color:#111111;}
html, body, div, form, img, input, textarea, iframe, table, tr, td	{border:0px; margin:0px; padding:0px; font-size:14px; color:#636363;}

div  {width:100%; position:relative;}

ul, li {list-style-type:none;}
li {float:left;}

a {text-decoration:none;}
a:link				{color:#222222; text-decoration:none;}
a:visited			{color:#222222; text-decoration:none;}
a:active			{color:#222222; text-decoration:none;}
a:hover				{color:#222222; text-decoration:none;}

img {width:100%; vertical-align:middle;}
textarea {resize:none; outline-style:none;}
input {outline-style:none;}
select {vertical-align:middle; letter-spacing:0px; outline-style:none;}

table {width:100%; height:100%; text-align:center; border-spacing:0;}
tr, td {/*width:100%;*/}

select {width:100%; height:36px; font-size:14px; color:#888; padding:0 30px 0 7px; border:1px solid #2b2b2b; background-image:url("../image/common/select_arrow.png"); background-repeat:no-repeat; background-color:#111111; background-position:right center; background-size:contain; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand { display: none; }




/***********************************************************************************
* 모바일 관련
***********************************************************************************/

html, body	{-webkit-user-select: none; -webkit-overflow-scrolling:touch;}
body {display:flex; flex-direction:column; align-content:space-between;}

/*
::-webkit-scrollbar {-webkit-appearance: none;}
::-webkit-scrollbar:vertical {width:4px;}
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.4); border-radius:2px;}
*/



/***********************************************************************************
* page_header
***********************************************************************************/

.page_header	{flex-shrink:0; box-shadow:0px 1px 10px 0 rgba(50, 50, 50, 0.2); z-index:2;}
.page_header .btn_menu		{width:16%; height:100%; top:0; left:0; position:absolute; cursor:pointer;}
.page_header .btn_logo		{width:31%; height:100%; top:0; left:16%; position:absolute; cursor:pointer;}
.page_header .btn_fb		{width:9%; height:65%; top:17%; right:23.5%; position:absolute; cursor:pointer;}
.page_header .btn_search	{width:9%; height:65%; top:17%; right:13.5%; position:absolute; cursor:pointer;}
.page_header .btn_cart		{width:9%; height:65%; top:17%; right:3.5%; position:absolute; cursor:pointer;}
.page_header .cart_cnt		{width:40%; height:38%; top:10%; right:9.5%; position:absolute; color:white; font-size:8px; display:flex; align-items:center; justify-content:center;}




/***********************************************************************************
* page_content
***********************************************************************************/

.page_content	{flex:1; width:92%; padding:20px 4% 0 4%; overflow-y:auto; overflow-x:hidden; z-index:1;}




/***********************************************************************************
* page_bot
***********************************************************************************/

.page_bot {flex-shrink:0; box-shadow: 0px 1px 10px 0 rgba(50, 50, 50, 0.2); z-index:2;}




/***********************************************************************************
* page_footer
***********************************************************************************/

.page_footer {height:100%; left:0; top:0; position:fixed; z-index:-1;}




/***********************************************************************************
* 이벤트 팝업 관련
***********************************************************************************/

.popup_top_event	{height:100%; left:0; top:0; position:fixed; overflow:hidden; background-color:rgba(0,0,0,0.8); z-index:-1; opacity:0; transition:opacity 0.3s;}
.popup_top_event.active {z-index:80;}
.popup_top_event.show {opacity:1;}

.popup_top_event .close_bg		{width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
.popup_top_event .event_wrap	{width:80%; left:10%; top:30%; position:absolute; background-color:#111111; border:1px solid #3f2d1e; z-index:2;}

.popup_top_event .title {height:50px;
	display:flex; align-items:center; justify-content:center;
}
.popup_top_event .title span {font-size:20px; font-weight:bold; color:#aa6f3b; cursor:pointer; transition:color 0.3s; font-family:"Open Sans";}

.popup_top_event .content {
	display:flex; align-items:center; justify-content:center;
}
.popup_top_event .content a {padding:30px 15px; font-size:14px; color:#999; cursor:pointer; transition:color 0.3s; font-family:"Open Sans"; word-break:break-all;}
.popup_top_event .content a:hover {color:white;}

.popup_top_event .btn_close {height:50px; width:50px; top:0; right:0; position:absolute; font-size:20px; color:#bbb; cursor:pointer; transition:color 0.3s;
	display:flex; align-items:center; justify-content:center;
}
.popup_top_event .btn_close:hover {color:white;}

.popup_top_event .btn_cookie {
	display:flex; align-items:center; justify-content:flex-end;
}
.popup_top_event .btn_cookie span {padding:10px 15px 10px 0; font-size:15px; color:#bbb; cursor:pointer; transition:color 0.3s; font-family:"Open Sans";}
.popup_top_event .btn_cookie span:hover {color:white;}




/***********************************************************************************
* 일반 팝업 관련
***********************************************************************************/

/* popup_company */
.popup_company {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_company.active {z-index:21;}
.popup_company.show {opacity:1;}

.popup_company .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_company .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

/* popup_contact */
.popup_contact {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_contact li {width:100%; line-height:20px; color:#999; margin-top:20px;}
.popup_contact a {color:#999;}
.popup_contact ul>li label {width:65px; font-weight:normal; color:#666; display:inline-block;}

.popup_contact.active {z-index:21;}
.popup_contact.show {opacity:1;}

.popup_contact .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_contact .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

/* popup_board */
.popup_board {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_board.active {z-index:21;}
.popup_board.show {opacity:1;}

.popup_board .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_board .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_board .popup_content {width:92%; padding:20px 4% 0 4%;}

.popup_board .board_list_wrap {padding-top:0;}
.popup_board .board_list_wrap .board_list {padding-top:0;}
.popup_board .board_list_wrap .board_content {padding:10px 0 50px 0;}
.popup_board .board_list_wrap .board_content a {color:#aa6f3b;}

/* popup_board_query */
.popup_board_query {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_board_query.active {z-index:21;}
.popup_board_query.show {opacity:1;}

.popup_board_query .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_board_query .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_board_query .popup_content {width:92%; padding:20px 4% 0 4%;}

.popup_board_query .board_list_wrap {padding-top:0;}
.popup_board_query .board_list_wrap .board_list {padding-top:0;}
.popup_board_query .board_list_wrap .board_content {padding:10px 0 50px 0;}
.popup_board_query .board_list_wrap .board_content a {color:#aa6f3b;}
.popup_board_query .board_list_wrap .title {margin-left:10px; height:50px;}
.popup_board_query .board_list_wrap .btnSaveWrap {width:100%;display:flex; align-items:center; justify-content:center; transition:all 0.3s;}
.popup_board_query .board_list_wrap .btnSaveWrap .btnSave {width:40%; color:#666; margin:20px 0; padding:5px 0; border:1px solid #61442b; cursor:pointer; text-align:center}
.popup_board_query .board_list_wrap th,td {height:40px;border-bottom:1px solid #33281d;}
.popup_board_query .board_list_wrap td input {width:90%; height:20px;}
.popup_board_query .board_list_wrap td textarea {width:90%; height:70px;}





/* popup_my_info */
.popup_my_info {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_my_info.active {z-index:21;}
.popup_my_info.show {opacity:1;}

.popup_my_info .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_my_info .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_my_info input				{opacity:0; transition:opacity 0.3s; text-align:center; font-size:17px; background-color:transparent;}
.popup_my_info input.active			{opacity:1;}

.popup_my_info input[name='UserID']		{width:calc(62% - 30px); height:4.5%; left:33%; top:5.7%; position:absolute; padding:0 15px;}
.popup_my_info input[name='UserNM']		{width:calc(62% - 30px); height:4.5%; left:33%; top:15.5%; position:absolute; padding:0 15px;}
.popup_my_info input[name='UserPW']		{width:calc(62% - 30px); height:4.5%; left:33%; top:25.4%; position:absolute; padding:0 15px;}
.popup_my_info input[name='UserPW_Check']	{width:calc(62% - 30px); height:4.5%; left:33%; top:35.4%; position:absolute; padding:0 15px;}
.popup_my_info input[name='Email']			{width:calc(62% - 30px); height:4.5%; left:33%; top:45.2%; position:absolute; padding:0 15px;}
.popup_my_info input[name='CellPhoneNO']	{width:calc(62% - 30px); height:4.5%; left:33%; top:55.1%; position:absolute; padding:0 15px;}

.popup_my_info .btn_save				{width:92%; height:7.8%; left:4%; top:66.2%; position:absolute; cursor:pointer; color:#f1f1f1; font-size:17px; display:flex; align-items:center; justify-content:center;}

/* popup_search */
.popup_search {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_search.active {z-index:30;}
.popup_search.show {opacity:1;}

.popup_search .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_search .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_search input					{opacity:0; transition:opacity 0.3s; text-align:center; font-size:17px; background-color:transparent;}
.popup_search input.active			{opacity:1;}

.popup_search #SearchText	{width:calc(70.5% - 30px); height:13.4%; left:9.4%; top:85%; position:absolute; padding:0 15px; text-align:left; color:#eeeeee;}
.popup_search .btn_search	{width:12%; height:17%; right:8%; top:83%; position:absolute; cursor:pointer;}




/***********************************************************************************
* 공통 팝업 관련
***********************************************************************************/

.popup_wrap {height:100%; display:flex; flex-direction:column; align-content:space-between;}
.popup_top {flex-shrink:0; box-shadow:0px 1px 10px 0 rgba(50, 50, 50, 0.2); z-index:3;}
.popup_content	{flex:1; overflow-y:auto; overflow-x:hidden; z-index:2;}
.popup_bot {flex-shrink:0; box-shadow:0px 1px 10px 0 rgba(50, 50, 50, 0.2); z-index:3;}

/* popup_left_menu */
.popup_left_menu				{width:100%; height:100%; top:0; left:0; position:fixed; background-color:rgba(0,0,0,0.6); z-index:-1; opacity:0; transition:opacity 0.3s;}
.popup_left_menu.active			{z-index:10;}
.popup_left_menu.show			{opacity:1;}

.popup_left_menu .popup_wrap	{transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-backface-visibility: hidden; background-position:center; background-size:100% 100%; background-repeat:no-repeat; background-image:url('../image/common/popup_left_menu_bg.png');}
.popup_left_menu.show .popup_wrap	{transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0);}

.popup_left_menu .popup_content		{overflow-y:hidden !important;}
.popup_left_menu .left_menu			{width:78%; height:100%; position:absolute; overflow-y:auto !important;}

.popup_left_menu .btn_login			{width:18.5%; height:34%; top:50%; left:54.4%; position:absolute; cursor:pointer;}
.popup_left_menu .btn_logout		{width:18.5%; height:34%; top:50%; left:54.4%; position:absolute; cursor:pointer;}
.popup_left_menu .user_nm			{width:37%; height:34%; top:50%; left:16%; position:absolute; display:flex; align-items:center; justify-content:flex-start; color:#eeeeee; font-size:18px; font-weight:400; overflow:hidden;}

.popup_left_menu .menu_wrap				{overflow:hidden;}
.popup_left_menu .menu_wrap .menu_nm	{width:85%; height:100%; top:0; left:7.5%; position:absolute; display:flex; align-items:center; justify-content:flex-start; color:#7c5635; font-size:15px; font-weight:400; overflow:hidden; cursor:pointer;}

.popup_left_menu .sub_menu_wrap			{overflow:hidden;}
.popup_left_menu .sub_menu				{display:none; transition:transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.popup_left_menu .sub_menu.active		{display:inline-block;}
.popup_left_menu .sub_menu.show			{opacity:1; transform: translateY(0); -webkit-transform: translateY(0);}
.popup_left_menu .sub_menu .menu_nm		{width:80%; height:100%; top:0; left:20%; position:absolute; display:flex; align-items:center; justify-content:flex-start; color:#7c5635; font-size:14px; font-weight:400; overflow:hidden; cursor:pointer;}

.popup_left_menu .close_right			{width:22%; height:100%; right:0; top:0; position:absolute; z-index:5;}

/* popup_login */
.popup_login {width:100%; height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_login.active {z-index:30;}
.popup_login.show {opacity:1;}

.popup_login .popup_top .btn_close	{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}

.popup_login input					{opacity:0; transition:opacity 0.3s; text-align:center; font-size:17px; background-color:transparent;}
.popup_login input.active			{opacity:1;}

.popup_login input[name='UserID']	{width:calc(81% - 30px); height:6.5%; left:9.4%; top:27.6%; position:absolute; padding:0 15px;}
.popup_login input[name='UserPW']	{width:calc(81% - 30px); height:6.5%; left:9.4%; top:36.5%; position:absolute; padding:0 15px;}
.popup_login .btn_login				{width:84%; height:7.3%; left:8%; top:45%; position:absolute; cursor:pointer;}

.popup_login .btn_id				{width:20%; height:7%; left:27.5%; top:54.3%; position:absolute; cursor:pointer;}
.popup_login .btn_pw				{width:20%; height:7%; left:51%; top:54.3%; position:absolute; cursor:pointer;}

.popup_login .btn_join				{width:84%; height:7.3%; left:8%; top:67.8%; position:absolute; cursor:pointer;}

/* popup_idpw */
.popup_idpw {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_idpw.active {z-index:31;}
.popup_idpw.show {opacity:1;}

.popup_idpw .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_idpw .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_idpw #Email_idpw {width:calc(81% - 30px); height:13%; left:9.5%; top:63%; position:absolute; padding:0 15px; text-align:center; font-size:17px; background-color:transparent;}
.popup_idpw .btn_email {width:calc(91% - 30px); height:17%; left:8.1%; top:81.2%; position:absolute; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#f1f1f1; font-size:17px; font-weight:400;}

/* popup_join */
.popup_join {width:100%; height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_join.active {z-index:31;}
.popup_join.show {opacity:1;}

.popup_join .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}

.popup_join input						{opacity:0; transition:opacity 0.3s; text-align:center; font-size:14px; background-color:transparent;}
.popup_join input.active				{opacity:1;}
.popup_join input[type='hidden']		{display:none;}

.popup_join input[name='UserID']		{width:calc(62% - 30px); height:4.5%; left:33%; top:5.7%; position:absolute; padding:0 15px;}
.popup_join input[name='UserNM']		{width:calc(62% - 30px); height:4.5%; left:33%; top:15.5%; position:absolute; padding:0 15px;}
.popup_join input[name='UserPW']		{width:calc(62% - 30px); height:4.5%; left:33%; top:25.4%; position:absolute; padding:0 15px;}
.popup_join input[name='UserPW_Check']	{width:calc(62% - 30px); height:4.5%; left:33%; top:35.4%; position:absolute; padding:0 15px;}
.popup_join input[name='Email']			{width:calc(62% - 30px); height:4.5%; left:33%; top:45.2%; position:absolute; padding:0 15px;}
.popup_join input[name='CellPhoneNO']	{width:calc(62% - 30px); height:4.5%; left:33%; top:55.1%; position:absolute; padding:0 15px;}

.popup_join .btn_join				{width:92%; height:7.8%; left:4%; top:66.2%; position:absolute; cursor:pointer; color:#f1f1f1; font-size:17px; display:flex; align-items:center; justify-content:center;}

/* popup_account */
.popup_account {height:100%; top:0; left:0; position:fixed; opacity:0; z-index:-1; background-color:#111111; transition:opacity 0.3s;
	display:flex; flex-direction:column; align-content:space-between;
}
.popup_account.active {z-index:32;}
.popup_account.show {opacity:1;}

.popup_account .popup_top .btn_close		{width:17%; height:100%; right:0; top:0; position:absolute; cursor:pointer;}
.popup_account .popup_top .popup_title		{width:66%; height:100%; top:0; left:17%; position:absolute; display:flex; align-items:center; justify-content:center; color:#bd824e; font-size:20px; font-weight:400;}

.popup_account .bankinfo {width:calc(81% - 30px); height:13%; left:9.5%; top:63%; position:absolute; padding:0 15px; text-align:left; font-size:17px; background-color:transparent;color:#f1f1f1;}


/* popup_policy */
.popup_policy {
	width:100%; height:100%; top:0; left:0; position:fixed;
	opacity:0; z-index:-1; background-color:rgba(0,0,0,0.6); transition:opacity 0.3s;
	display:flex; align-items:center; justify-content:center;
}
.popup_policy.active {z-index:21;}
.popup_policy.show {opacity:1;}

.popup_policy .close_bg		{width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
.popup_policy .policy_wrap	{width:80%; z-index:2;}
.popup_policy .policy		{width:84%; height:72%; left:8%; top:5%; position:absolute; display:none;}
.popup_policy.usage .policy.usage {display:inline-block; overflow:hidden;}
.popup_policy.privacy .policy.privacy {display:inline-block; overflow:hidden;}
.popup_policy .btn_close {width:67.5%; height:11.5%; left:15%; top:80%; position:absolute; cursor:pointer;}

/* popup_alert */
.popup_alert {	
	width:100%; height:100%; top:0; left:0; position:fixed;
	opacity:0; z-index:-1; background-color:rgba(0,0,0,0.7); transition:opacity 0.3s;
	display:flex; align-items:center; justify-content:center;
}
.popup_alert.active {z-index:50;}
.popup_alert.show {opacity:1;}

.popup_alert .close_bg {height:100%; position:absolute; z-index:1;}
.popup_alert .alert_wrap {width:70%; padding:15px 20px 10px 20px; z-index:2; background-color:white; border-radius:3px; box-shadow: 0px 1px 20px 0px rgba(0,0,0,1); display:flex; flex-direction:column; align-content:space-between; align-items:center;}
.popup_alert .alert_content	{flex:1; overflow:hidden; font-size:13px; line-height:25px; color:#404040; text-align:left; font-family:"Open Sans"; font-weight:100; word-break:break-all;}
.popup_alert .alert_btn {height:30px; margin-top:10px; display:flex; align-items:flex-end; justify-content:flex-end;}
.popup_alert .alert_btn .btn_close	{width:initial; height:100%; padding:0 5%; cursor:pointer; font-size:15px; color:#29abe2; font-family:"Open Sans"; font-weight:400; display:flex; align-items:center; justify-content:center;}

/* popup_confirm */
.popup_confirm {	
	width:100%; height:100%; top:0; left:0; position:fixed;
	opacity:0; z-index:-1; background-color:rgba(0,0,0,0.7); transition:opacity 0.3s;
	display:flex; align-items:center; justify-content:center;
}
.popup_confirm.active {z-index:50;}
.popup_confirm.show {opacity:1;}

.popup_confirm .close_bg {height:100%; position:absolute; z-index:1;}
.popup_confirm .confirm_wrap {width:70%; padding:15px 20px 10px 20px; z-index:2; background-color:white; border-radius:3px; box-shadow: 0px 1px 20px 0px rgba(0,0,0,1); display:flex; flex-direction:column; align-content:space-between; align-items:center;}
.popup_confirm .confirm_content	{flex:1; overflow:hidden; font-size:13px; line-height:25px; color:#404040; text-align:left; font-family:"Open Sans"; font-weight:100; word-break:break-all;}
.popup_confirm .confirm_btn {height:30px; margin-top:10px; display:flex; align-items:flex-end; justify-content:flex-end;}
.popup_confirm .confirm_btn .btn_close	{width:initial; height:100%; padding:0 5%; margin-right:2%; cursor:pointer; font-size:15px; color:#29abe2; font-family:"Open Sans"; font-weight:400; display:flex; align-items:center; justify-content:center;}
.popup_confirm .confirm_btn .btn_ok		{width:initial; height:100%; padding:0 5%; cursor:pointer; font-size:15px; color:#29abe2; font-family:"Open Sans"; font-weight:400; display:flex; align-items:center; justify-content:center;}

/* popup_loading */
.popup_loading {width:100%; height:100%; top:0; left:0; position:fixed; align-items:center; z-index:-1; background-color:rgba(0,0,0,0.7); display:none; opacity:0; transition:opacity 0.3s;}
.popup_loading.active {z-index:90; display:flex;}
.popup_loading.show {opacity:1;}

.popup_loading .loading {text-align: center;}
.popup_loading .loading > div {
	background-color: #fff;
	height: 15px;
	width: 15px;
	margin-left:3px;
	border-radius: 50%;
	display: inline-block;
	
	-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
	animation: stretchdelay 0.7s infinite ease-in-out;
}
.popup_loading .loading .circ2 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.popup_loading .loading .circ3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.popup_loading .loading .circ4 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.popup_loading .loading .circ5 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: translateY(-10px) }  
	20% { -webkit-transform: translateY(-20px) }
}
@keyframes stretchdelay {
	0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
	20% { transform: translateY(-20px); -webkit-transform: translateY(-20px); }
}




/***********************************************************************************
* 스와이퍼
***********************************************************************************/

.swiper-container {
	width: 100%;
	height:100%;
}
.swiper-slide {
	text-align: center;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-disabled {pointer-events:auto !important;}