@charset "utf-8";

/**********************************************************************
- Common Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 메인/서브 공통 스타일
			 전체적으로 들어가는 기본 스타일 혹은 레이아웃을 정의한다.
-----------------------------------------------------------------------
* 최초작성일 : 2017.04.19
* 최초작성자 : 더웹 박현정

* 최후작성일 : 2017.04.19
* 최후작성자 : 더웹 박현정
--
* 웹폰트 정의 : 나눔고딕 - Google Font
* 폰트 색상
- 기본 : #333;
- 강조 : #000;

**********************************************************************/

/* 웹폰트 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);



@media (max-width:360px)						{html{font-size:12px;}}
@media (min-width:361px) and (max-width:399px)	{html{font-size:13px;}}
@media (min-width:400px) and (max-width:439px)	{html{font-size:14px;}}
@media (min-width:440px) and (max-width:479px)	{html{font-size:15px;}}
@media (min-width:480px) and (max-width:519px)	{html{font-size:16px;}}
@media (min-width:520px) and (max-width:559px)	{html{font-size:17px;}}
@media (min-width:560px) and (max-width:599px)	{html{font-size:18px;}}
@media (min-width:600px) and (max-width:639px)	{html{font-size:19px;}}
@media (min-width:640px)						{html{font-size:20px;}}


/***************************
	Default
****************************/

*	{ box-sizing: border-box; }
body, input, select, textarea, button {font-family:'Nanum Gothic','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif; color:#333}
body { opacity: 0; min-width:  320px; overflow-y: scroll; }

body {
	letter-spacing: -0.01em;
	font-family: 'Malgun Gothic', '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif;
	/*font-family:'Noto Sans KR', 'Nanum','나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;*/
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder	{color:#d2d2d2}

input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {color:#767676}

.fix-layout	{ position: relative; max-width: 640px; margin: 0 auto; }
.fix-layout .inner	{
	padding: 0 4.6875%;
}
.fix-layout:after	{
	content: "";
	display: block;
	clear: both;
	width: 100%;
}
.fix-layout.no-padding	{ padding: 0; }

hr.clear	{
	display: block;
	position: relative;
	border: none;
	padding: 0;
	clear: both;
}


/***************************
	Templete
****************************/

.txt-left	{ text-align: left !important; }
.txt-center	{ text-align: center !important; }
.txt-right	{ text-align: right !important; }

.mt0	{ margin-top: 0 !important; }
.mt10	{ margin-top: 10px !important; }
.mt20	{ margin-top: 20px  !important; }
.mt30	{ margin-top: 30px  !important; }
.mt40	{ margin-top: 40px  !important; }
.mt50	{ margin-top: 50px  !important; }
.mt60	{ margin-top: 60px  !important; }
.mt70	{ margin-top: 70px  !important; }
.mt80	{ margin-top: 80px  !important; }
.mt85	{ margin-top: 85px  !important; }
.mt90	{ margin-top: 90px  !important; }
.mt100	{ margin-top: 100px  !important; }
.mt110	{ margin-top: 110px  !important; }
.mt120	{ margin-top: 120px  !important; }
.mt130	{ margin-top: 130px  !important; }
.mt140	{ margin-top: 140px  !important; }
.mt150	{ margin-top: 150px  !important; }
.mt160	{ margin-top: 160px  !important; }
.mt170	{ margin-top: 170px  !important; }
.mt180	{ margin-top: 180px  !important; }
.mt190	{ margin-top: 190px  !important; }
.mt200	{ margin-top: 200px  !important; }

.mb0	{ margin-bottom: 0px  !important; }
.mb10	{ margin-bottom: 10px  !important; }
.mb20	{ margin-bottom: 20px  !important; }
.mb30	{ margin-bottom: 30px  !important; }
.mb35	{ margin-bottom: 35px  !important; }
.mb40	{ margin-bottom: 40px  !important; }
.mb50	{ margin-bottom: 50px  !important; }
.mb60	{ margin-bottom: 60px  !important; }
.mb65	{ margin-bottom: 65px  !important; }
.mb70	{ margin-bottom: 70px  !important; }
.mb80	{ margin-bottom: 80px  !important; }
.mb90	{ margin-bottom: 90px  !important; }
.mb100	{ margin-bottom: 100px  !important; }
.mb110	{ margin-bottom: 110px  !important; }
.mb120	{ margin-bottom: 120px  !important; }
.mb130	{ margin-bottom: 130px  !important; }
.mb140	{ margin-bottom: 140px  !important; }
.mb150	{ margin-bottom: 150px  !important; }
.mb160	{ margin-bottom: 160px  !important; }
.mb170	{ margin-bottom: 170px  !important; }
.mb180	{ margin-bottom: 180px  !important; }
.mb190	{ margin-bottom: 190px  !important; }
.mb200	{ margin-bottom: 200px  !important; }


.pt0	{ padding-top: 0% !important; }
.pt10	{ padding-top: 1.5625% !important; }
.pt20	{ padding-top: 3.125%  !important; }
.pt30	{ padding-top: 4.6875%  !important; }
.pt40	{ padding-top: 6.25%  !important; }
.pt50	{ padding-top: 7.8125%  !important; }
.pt60	{ padding-top: 9.375%  !important; }

.pt70	{ padding-top: 70px  !important; }
.pt80	{ padding-top: 80px  !important; }
.pt85	{ padding-top: 85px  !important; }
.pt90	{ padding-top: 90px  !important; }
.pt100	{ padding-top: 100px  !important; }
.pt110	{ padding-top: 110px  !important; }
.pt115	{ padding-top: 115px  !important; }
.pt120	{ padding-top: 120px  !important; }
.pt130	{ padding-top: 130px  !important; }
.pt140	{ padding-top: 140px  !important; }
.pt150	{ padding-top: 150px  !important; }
.pt160	{ padding-top: 160px  !important; }
.pt170	{ padding-top: 170px  !important; }
.pt180	{ padding-top: 180px  !important; }
.pt190	{ padding-top: 190px  !important; }
.pt200	{ padding-top: 200px  !important; }

.pb0	{ padding-bottom: 0%		!important; }
.pb10	{ padding-bottom: 1.5625%	!important; }
.pb20	{ padding-bottom: 3.125%	!important; }
.pb30	{ padding-bottom: 4.6875%	!important; }
.pb40	{ padding-bottom: 6.25%		!important; }
.pb50	{ padding-bottom: 7.8125%	!important; }
.pb60	{ padding-bottom: 9.375%	!important; }

.pb70	{ padding-bottom: 70px  !important; }
.pb80	{ padding-bottom: 80px  !important; }
.pb90	{ padding-bottom: 90px  !important; }
.pb100	{ padding-bottom: 100px  !important; }
.pb110	{ padding-bottom: 110px  !important; }
.pb115	{ padding-bottom: 115px  !important; }
.pb120	{ padding-bottom: 120px  !important; }
.pb130	{ padding-bottom: 130px  !important; }
.pb140	{ padding-bottom: 140px  !important; }
.pb150	{ padding-bottom: 150px  !important; }
.pb160	{ padding-bottom: 160px  !important; }
.pb170	{ padding-bottom: 170px  !important; }
.pb180	{ padding-bottom: 180px  !important; }
.pb190	{ padding-bottom: 190px  !important; }
.pb200	{ padding-bottom: 200px  !important; }


hr.line	{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #d7d7d7;
}

.ui-btn	{
	display: inline-block;
	min-width: 100px;
	height: 2.5em;
	line-height: 2.5em;
	box-sizing: border-box;
	color: #333;
	border: 1px solid #cacaca;
	background: #fafafa;
	text-align: center;
}
button.ui-btn	{ line-height: 35px; }

.ui-btn.point	{
	border-color: #303260;
	background: #303260;
	color: #fff;
}


.col-box.margin				{ overflow: hidden; }

.col-box.margin.pad05		{ margin: 0 -0.25em; }
.col-box.margin.pad05 .item	{ padding: 0.25em; }

.col-box.margin.pad1		{ margin: 0 -0.5em; }
.col-box.margin.pad1 .item	{ padding: 0.5em; }

.col-box.margin.pad06		{ margin: 0 -0.3em; }
.col-box.margin.pad06 .item	{ padding: 0.3em; }

.col-box.margin.pad5		{ margin: 0 -2px; }
.col-box.margin.pad5 .item	{ padding: 2px; }

.col-box.margin.pad10		{ margin: 0 -5px; }
.col-box.margin.pad10 .item	{ padding: 5px; }

.col-box.margin.pad12		{ margin: 0 -6px; }
.col-box.margin.pad12 .item	{ padding: 6px; }

.col-box.margin.pad20		{ margin: 0 -10px; }
.col-box.margin.pad20 .item	{ padding: 10px; }

.col-box.margin.pad40		{ margin: 0 -20px; }
.col-box.margin.pad40 .item	{ padding: 20px; }

.col-box.margin.pad50		{ margin: 0 -25px; }
.col-box.margin.pad50 .item	{ padding: 25px; }

.col-box.margin.pad60		{ margin: 0 -30px; }
.col-box.margin.pad60 .item	{ padding: 30px; }

.col-box.margin.pad26		{ margin: 0 -13px; }
.col-box.margin.pad26 .item	{ padding: 13px; }

.col-box .item	{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
}

.col-box .col-1	{
	width : 8.33%;
	width : -webkit-calc(100%/12*1);
	width :    -moz-calc(100%/12*1);
	width :         calc(100%/12*1);
}

.col-box .col-2	{
	width : 16.66%;
	width : -webkit-calc(100%/12*2);
	width :    -moz-calc(100%/12*2);
	width :         calc(100%/12*2);
}

.col-box .col-3	{
	width : 25.00%;
	width : -webkit-calc(100%/12*3);
	width :    -moz-calc(100%/12*3);
	width :         calc(100%/12*3);
}

.col-box .col-4	{
	width : 33.33%;
	width : -webkit-calc(100%/12*4);
	width :    -moz-calc(100%/12*4);
	width :         calc(100%/12*4);
}

.col-box .col-5	{
	width : 41.66%;
	width : -webkit-calc(100%/12*5);
	width :    -moz-calc(100%/12*5);
	width :         calc(100%/12*5);
}

.col-box .col-6	{
	width : 50.00%;
	width : -webkit-calc(100%/12*6);
	width :    -moz-calc(100%/12*6);
	width :         calc(100%/12*6);
}

.col-box .col-7	{
	width : 58.33%;
	width : -webkit-calc(100%/12*7);
	width :    -moz-calc(100%/12*7);
	width :         calc(100%/12*7);
}

.col-box .col-8	{
	width : 66.66%;
	width : -webkit-calc(100%/12*8);
	width :    -moz-calc(100%/12*8);
	width :         calc(100%/12*8);
}

.col-box .col-9	{
	width : 75.00%;
	width : -webkit-calc(100%/12*9);
	width :    -moz-calc(100%/12*9);
	width :         calc(100%/12*9);
}

.col-box .col-10	{
	width : 83.33%;
	width : -webkit-calc(100%/12*10);
	width :    -moz-calc(100%/12*10);
	width :         calc(100%/12*10);
}

.col-box .col-11	{
	width : 91.66%;
	width : -webkit-calc(100%/12*11);
	width :    -moz-calc(100%/12*11);
	width :         calc(100%/12*11);
}

.col-box .col-12	{
	width : 100%;
}


.full-bak	{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.full-bak.pattern	{
	background-repeat: repeat;
	background-size: auto auto;
}
.full-bak.fix-height	{
	background-size: auto 100%;
}
.single-bak	{
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.contain-bak	{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
.bak-pos-top	{ background-position: 50% 50% !important;}
.bak-pos-bottom	{ background-position: 50% 100% !important;}

.single-image img	{ display: block; }
.txt-center .single-image,
.single-image .txt-center,
.single-image.txt-center img	{ margin: 0 auto; }

.clear:after	{
	content: "";
	display: block;
	position: relative;
	clear: both;
}



.bo-top		{ border-top: 1px solid #000; }
.bo-top.bo-w1	{ border-top-width: 1px; }
.bo-top.bo-w2	{ border-top-width: 2px; }

.bo-bottom			{ border-bottom: 1px solid #000; }
.bo-bottom.bo-w1	{ border-bottom-width: 1px; }
.bo-bottom.bo-w2	{ border-bottom-width: 2px; }

.bo-gray			{ border-color: #e5e5e5 !important; }
.bo-gray-dark		{ border-color: #cfd1d4 !important; }
.bo-gray-dark2		{ border-color: #dedede !important; }

.bo-black		{ border-color: #000 !important; }

.bo-white			{ border-color: #fff !important; }


#header, #body	{ background: #fff; }

#body	{ position: relative; }
#body.footer-anb-open:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 50;
}


/***************************
	Header
****************************/

#header	{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid #bbbbbb;
	z-index: 9999;
}
#header #logo		{ margin: 0 120px; }
#header #logo img	{ display: block; margin: 0 auto; }
#header .btn-header	{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 120px;
	line-height: 120px;
	overflow: hidden;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

#header #control_gnb	{ left: 0; background-image: url('/m/images/btn_gnb_control_open.png');  }
#header #control_call	{ right: 0; background-image: url('/m/images/btn_call_control.png'); }

.open-gnb #header #control_gnb	{
	background-image: url('/m/images/btn_gnb_control_close.png');
}
.open-gnb #header { border-color: #000; }
.open-gnb:before	{
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .5);
}

@media all and (max-width: 640px) {
	#header #logo		{ margin: 0 18.75%; }
	#header .btn-header	{ width: 18.75%; }
}



/***************************
	GNB BOX
****************************/

#gnb_box	{
	position: fixed;
	top: 0;
	bottom: 0;
	left: -93.75%;
	font-size: 1.0em;
	width: 93.75%;
	max-width: 600px;
	background: #fff;
	z-index: 9999;
}
#gnb_box .ban-gnb	{ display: block; }
#gnb_box .ban-gnb + .ban-gnb { border-top: 1px solid #000; }

.open-gnb #gnb_box	{ left: 0; }
/*#gnb_box	{ left: 0; }*/

#gnb_box .login-box	{ overflow: hidden; border: 1px solid #dddddd; }
#gnb_box .login-box a	{
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	line-height: 3.0em;
	font-size: 1.0em;
	color: #555555;
	box-sizing: border-box;
}
#gnb_box .login-box a span	{ font-size: 1.1em; }
#gnb_box .login-box a + a	{ border-left: 1px solid #ddd; }

#gnb		{
	display: block;
	position: absolute;
	top: 3.0em;
	bottom: 0;
	left: 10.0em;
	right: 0;
	margin-top: 3px;
	overflow-y: auto;
}


#gnb a	{
	display: block;
	padding: 0 5.7%;
	line-height: 3.0em;
	background: #e8e8ed;
}

#gnb .dept-1 > a	{
	display: block;
	position: relative;
	color: #20194c;
	font-weight: 600;
}

#gnb a span	{ display: inline-block; /*vertical-align: middle;*/ line-height: 1.0em; font-size: 1.1em; }
#gnb a span + span	{ margin-left: 5px; }
#gnb a img			{ display: block; height: 1.0em; max-height: 19px; }

#gnb .dept-1#menu_code_287	{ height: 100%; }

#gnb .dept-2-box	{ margin: 0 10px; }
#gnb .dept-2	{
	background: #fff;
	border-bottom: 1px solid #e1e1e1;

}
#gnb .dept-2  > a	{ color: #555555; background: #fff; }

#tab_gnb	{ position: absolute; top: 3.0em; bottom: 0; left: 0; width: 10em; background: #e1e1e1; margin-top: 3px; }
#tab_gnb a	{
	display: block;
	position: relative;
	padding: 0 5.7%;
	line-height: 3.0em;
	border-bottom: 1px solid #fff;
	color: #555555;
}
#tab_gnb li + li a	{ border-top-width: 0; }
#tab_gnb a .on	{ display: none; }
#tab_gnb a img	{ display: block; height: 1.0em; max-height: 19px; }
#tab_gnb a span	{ display: inline-block; vertical-align: middle; line-height: 1.0em; }
#tab_gnb a span + span	{ margin-left: 5px; }
#tab_gnb li.on		{ background: #20194c; }
#tab_gnb li.on a	{ color: #fff; }
#tab_gnb li.on .off	{ display: none; }
#tab_gnb li.on .on	{ display: block; }



/***************************
	FOOTER BOX
****************************/

#bnb_box	{
	display: block;
	position: relative;
	overflow: hidden;
}
#bnb_box a	{
	display: block;
	position: relative;
	width: 33.34%;
	float: left;
	color: #d1d2d4;
	font-size: 1.0em;
	line-height: 3.0em;
	background: #333333;
	text-align: center;
	box-sizing: border-box;
}
#bnb_box a + a	 { width: 33.33%; border-left: 1px solid #555555; }

#footer						{ position: relative; background: #333333; color: #dddddd; text-align: center; margin-top: 2.0em; padding: 0; }
#footer #copyright			{ margin: 2.0em 0 3.5em; }
#footer #copyright a		{ color: #40c3fd; }
#footer .f-content p span	{
	display: inline-block;
	position: relative;
	padding: 0 1.0em 0 0;
	line-height: 2.0em;
	vertical-align: middle;
}
#footer .f-content p span + span	{ padding-left: 1.0em }
#footer .f-content p span + span:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0.7em;
	bottom: 0.5em;
	left: 0;
	width: 1px;
	background: #aaabad;
}

#snb_box	{ padding-top: 1.0em; }
#snb		{ overflow: hidden; text-align: center; margin-top: 2.0em; }
#snb li		{ display: inline-block; max-width: 15%; box-sizing: border-box; padding: 0 0.5em; }


#fnb		{ overflow: hidden; text-align: center; }
#fnb li		{
	display: inline-block;
	position: relative;
	padding: 0 0.5em 0 0;
	line-height: 2.0em;
	vertical-align: middle;
}
#fnb li + li	{ padding-left: 0.5em }
#fnb li + li:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0.7em;
	bottom: 0.4em;
	left: 0;
	width: 1px;
	background: #aaabad;
}
#fnb li.full		{ display: block; clear: both; padding: 0; }
#fnb li.full:after	{ display: none; }




/***************************
	QUICK BOX
****************************/

#qnb_box	{ position: fixed; left: 0; right: 0; bottom: 0; border: 1px solid #1a1a1a; border-left-width: 0; border-right-width: 0; overflow: hidden; background: #333333; z-index: 50; }
#qnb_box li	{
	display: block;
	position: relative;
	width: 25%;
	text-align: center;
	float: left;
	font-size: 1.0em;
	line-height: 3.0em;
}
#qnb_box li + li:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0.7em;
	bottom: 0.7em;
	left: 0;
	width: 1px;
	background: #1a1a1a;
}

#fnb_box	{ padding: 2.0em 0; }

#fnb_content		{ padding-bottom: 10.0em; color: #666666; }
#fnb_content .logo	{ padding-bottom: 1.5em; }
#fnb_content .logo img {width:40%;}
#fnb_content p		{ margin-bottom: 0.3em; }



#goto_top	{
	display: none;
	position: fixed;
	max-width: 15.625%;
	right: 4.6875%;
	bottom: 0;
	padding-bottom: 4.0em;
	z-index: 10;
}


/** SNS 영역 */
.snsShare li		{ display: inline-block; width: 62px; vertical-align: top; margin: 0 0 20px 0; }
.snsShare li a	{ display: block; text-align: center; font-size: 11px; font-family: 'dotum'; color: #999; letter-spacing: -1px; }
.snsShare li i	{ display: block; height: 44px; width: 44px;margin: 0 auto 5px auto; background-image: url('/images/icon_sns_btn.png'); background-repeat: no-repeat; }
.snsShare li.sns-1 i {background-position: 0 0;}
.snsShare li.sns-2 i {background-position: -68px 0;}
.snsShare li.sns-3 i {background-position: -135px 0;}
.snsShare li.sns-4 i {background-position: -205px 0;}
.snsShare li.sns-5 i {background-position: 0 -61px;}
.snsShare li.sns-6 i {background-position: -68px -61px;}
.snsShare li.sns-7 i {background-position: -135px -61px;}
.snsShare li.sns-8 i {background-position: -205px -61px;}



#more_qnb_pannel	{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 3.0em;
	background: #f0f0f0;
	color: #555555;
	z-index: 100;
}
#more_qnb_pannel .title	{
	background: #fff;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	line-height: 3.0em;
}
#more_qnb_pannel .title a	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3.0em;
	text-indent: -999px;
	background: url('/m/images/splite_footer_quick_close.png') no-repeat 50% 50%;
	overflow: hidden;
}
#more_qnb_pannel .box a	{
	display: block;
	position: relative;
	width: 25%;
	float: left;
	padding: 1.5em 0;
}
#more_qnb_pannel .box a i	{
	display: block;
	position: relative;
	width: 49px;
	height: 49px;
	margin: 0 auto 10px;
	background: url('/m/images/splite_footer_quick-01.svg') no-repeat 0 0;
	background-size: auto 100%;
}
#more_qnb_pannel .box a span	{
	display: block;
	font-size: 1.0em;
}
#more_qnb_pannel .box a + a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 1.0em;
	bottom: 1.0em;
	width: 1px;
	left: 0;
	background: #d5d5d5;
}
#more_qnb_pannel .box a[data-icon="바로예약"] i		{ background-position: 0 0; }
#more_qnb_pannel .box a[data-icon="바로상담"] i		{ background-position: -49px 0; }
#more_qnb_pannel .box a[data-icon="카톡상담"] i		{ background-position: -98px 0; }
#more_qnb_pannel .box a[data-icon="로그인"] i		{ background-position: -147px 0; }



/****************************
	상담/예약 팝업
****************************/

.form-popup	{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 500;
}
.form-popup > .form-popup-close	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-indent: -999px;
	z-index: 0;
}
.form-popup .pannel	{
	position: absolute;
	width: 900px;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	background: #f6f6f6;
	z-index: 10;
	border-bottom: 5px solid #0093e9;
}

.form-popup .pannel h1	{
	height: 90px;
	line-height: 90px;
	background: #0093e9;
	color: #fff;
	padding: 0 50px;
	font-size: 34px;
}
.form-popup .pannel .form-popup-close	{
	display: block;
	position: absolute;
	width: 90px;
	height: 90px;
	right: 20px;
	top: 0;
	overflow: hidden;
	text-indent: -999px;
	background: url('/images/btn_form_popup_close.png') no-repeat 50% 50%;
}
.form-popup .pannel .inner	{ padding: 40px 50px; color: #000; }
.form-popup .pannel input[type="radio"] + label:before,
.form-popup .pannel input[type="checkbox"] + label:before	{ border-radius: 0; }

.form-popup .pannel input[type="radio"]:checked + label:before,
.form-popup .pannel input[type="checkbox"]:checked + label:before		{ background-image: url('/images/member/ico_check.png'); }

.form-popup .personal-box		{ padding-bottom: 30px; }
.form-popup .personal-box h2	{ font-size: 20px; font-weight: 600; }
.form-popup .scroll-box			{ background: #fff; height: 175px; margin: 15px 0; }

.form-popup .half			{ width: 155px !important; }
.form-popup .join-btn-box	{ padding: 30px 0 0;  }
.form-popup textarea		{ width: 490px; min-height: 75px; }
.form-popup p + textarea	{ width: 100%; min-height: 55px; }
.form-popup select.ignore	{
	height: 36px;
	border: 1px solid #dadada;
}

.form-popup .guide-box	{
	position: relative;
	height: 235px;
	background: url('/images/bak_reserve_guide_box.png') no-repeat 100% 100%;
	background-size: 100% auto;
	padding: 40px 0 40px 220px;
}
.form-popup .guide-box h3	{
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.form-popup .guide-box h3 em	{ color: #0093e9; }
.form-popup .guide-box h3 em:before	{
	content: url('/images/ico_reserve_102.png');
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
	margin-right: 5px;
}
.form-popup .guide-box p	{
	position: relative;
	font-size: 16px;
	color: #444444;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url('/images/ico_reserve_bullet.png') no-repeat 0 50%;
}


.has-talk-link .pannel					{ height: 1256px; margin-top: -628px; }
.has-talk-link .pannel .personal-box 	{ position: relative; padding-top: 35px; }
.has-talk-link .pannel .talk-box		{ position: absolute; top: 10px; right: 0; }
.has-talk-link .pannel .talk-box a + a	{ margin-left: 5px; }
@media all and (max-height: 1300px)	{ .has-talk-link .pannel	{ height: auto; margin-top: 0; top: 20px; bottom: 20px; overflow-y: auto; } }

#message_popup .pannel					{ width: 360px; height: 430px; backgrounD: #fff; border: none; margin-left: -180px; margin-top: -215px; padding: 17px 23px; }
#message_popup .pannel h1				{ background: none; text-align: center; line-height: 120px; border-bottom: 1px dashed #e1e1e1; }
#message_popup .popup-content			{ padding-top: 35px; text-align: center; font-size: 15px; }
#message_popup h2						{ font-weight: 500; font-size: 20px; padding-bottom: 20px; }
#message_popup fieldset					{ padding-top: 24px; }
#message_popup fieldset input			{ width: 100%; margin-bottom: 10px; height: 45px; }
#message_popup fieldset button			{ width: 100%; text-align: center; color: #fff; height: 50px; background: #002c5a; font-size: 15px; font-weight: 500; }

#message_popup .pannel .form-popup-close	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url('/images/sub/btn_message_popup_close.png') no-repeat 50% 50%;
	overflow: hidden;
	text-indent: -999px;
}


#alimtalk_popup .pannel					{ width: 360px; height: 430px; backgrounD: #fff; border: none; margin-left: -180px; margin-top: -215px; padding: 17px 23px; }
#alimtalk_popup .pannel h1				{ background: none; text-align: center; line-height: 120px; border-bottom: 1px dashed #e1e1e1; }
#alimtalk_popup .popup-content			{ padding-top: 35px; text-align: center; font-size: 15px; }
#alimtalk_popup h2						{ font-weight: 500; font-size: 20px; padding-bottom: 20px; }
#alimtalk_popup fieldset					{ padding-top: 24px; }
#alimtalk_popup fieldset input			{ width: 100%; margin-bottom: 10px; height: 45px; }
#alimtalk_popup fieldset button			{ width: 100%; text-align: center; color: #fff; height: 50px; background: #002c5a; font-size: 15px; font-weight: 500; }

#alimtalk_popup .pannel .form-popup-close	{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url('/images/sub/btn_message_popup_close.png') no-repeat 50% 50%;
	overflow: hidden;
	text-indent: -999px;
}


#fixed_floating {position:fixed; max-width:32.8125%; bottom:130px; right:20px; z-index:90;}

/****************************
	개인정보 취급방침 팝업
****************************/

#agree_popup	{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
}
#agree_popup > .agree-popup-close	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	text-indent: -999px;
}

#agree_popup .pannel	{
	position: relative;
	max-width: 768px;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%,-50%);
	padding:60px;
	box-sizing: border-box;
	/* background: url('/images/main/bak_exp_popup.png') no-repeat 50% 50% / cover; */
	background: #0575E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #1fd88c, #0575E6 );  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right,#1fd88c, #0575E6 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	z-index:2
}

#agree_popup .pannel::before{
	background:#2A303B;
	position: absolute;
	content: '';
	width: 99%;
	height: 99%;
	top:50%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index: -1
}
#agree_popup .pannel h1	{
	font-size: 25px;
	line-height: 75px;
	color: #fff;
	font-weight: 600;
}

#agree_popup .pannel .agree-contents	{
	display: block;
	position: relative;
	height: 350px;
	overflow-y: auto;
	color: #fff;

}

#agree_popup .pannel > .agree-popup-close	{
    display: block;
    position: absolute;
    top: 0;
    right:0;
    width: 74px;
    height: 74px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background: url(/images/btn_form_popup_close.png) no-repeat center center;
	   background-size: 25px;

}


#agree_popup .fix-layout{
	font-size: 15px
}

#agree_popup .fix-layout .table01{font-size:13px}
#agree_popup .fix-layout .large{font-size:16px}

@media (max-width:500px) {
	#agree_popup .pannel {padding:8%;}
}