@charset "utf-8";
/************************************************
	¼­¹ö ¹Ý¿µ½Ã À¥ÆùÆ®´Â Á¦°Å ÇÒ°Í
************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body
html	{}
html, body	{width:100%; font:normal 400 14px/22px "Noto Sans KR","dotum",Arial,sans-serif; color:#555;}
body	 {font-size:13px;}
body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, p, div	{margin:0; padding:0;}
th, td	{padding:0;}
address, caption, cite, code, dfn, em, strong, textarea, var	{font-style:normal; font-weight:400;}
b, strong	{font-weight:bold;}
a	{color:#555; border:0; text-decoration:none; cursor:pointer; }
a:hover	 {text-decoration:none;}
ol, ul	 {list-style-type:none;}
hr	{display:none;}
caption	{position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0;}
li	{vertical-align:middle; line-height:1.2;list-style:none;}
img	{border:0; vertical-align:middle;}
fieldset	{border:0; display:block;}
legend	{margin-left:-7px; position:absolute; left:-9999px; height:0; overflow:hidden; font-size:0;}
table	 {table-layout:fixed; border-collapse:collapse;}
input	 {font:normal 400 14px/1.2 "Noto Sans KR","dotum",Arial,sans-serif; color:#555; vertical-align:middle;}
.container	 {display:inline-block; width:100%;}
.container:after	 {content:""; clear:both; display:block; height:0; visibility:hidden;}
textarea	{font:normal 400 14px/22px "Noto Sans KR","dotum",Arial,sans-serif; color:#555; resize:none;}
.hr	{display:none}
.none	{position:absolute; top:0; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
body .v_top	{vertical-align:top;}
body .v_mid	{vertical-align:middle;}
body .v_btm	{vertical-align:bottom;}
.a_left	{text-align:left;}
.a_center	{text-align:center;}
.a_right	{text-align:right;}
.btn_abs	{position:relative; height:0;}
.btn_abs .abs	 {position:absolute;}
.f_left	{float:left;}
.f_right	{float:right;}
/******************************************************** default end *************************************************************************/
.skipnav	{position:relative; width:100%; background:#000; color:#fff; text-align:center;}
.skipnav a	{display:block; color:#fff; font-weight:600; width:0; height:0; line-height:0; font-size:0;}
.skipnav a:focus, .skip a:active	{display:block; padding:5px 0; width:auto; height:auto; line-height:1.5; font-size:14px;}

/*
*html ¼¿·ºÅÍ	{}
*+html ¼¿·ºÅÍ	{}
@media screen {¼¿·ºÅÍ{};}
@-moz-document url-prefix(){¼¿·ºÅÍ	{};}
@media screen and (-webkit-min-device-pixel-ratio:0){¼¿·ºÅÍ{};}
*/

/* mt 1~100 */
.mt1 {margin-top:1px;}.mt2 {margin-top:2px;}.mt3 {margin-top:3px;}.mt4 {margin-top:4px;}.mt5 {margin-top:5px;}.mt6 {margin-top:6px;}.mt7 {margin-top:7px;}.mt8 {margin-top:8px;}.mt9 {margin-top:9px;}.mt10 {margin-top:10px;}.mt11 {margin-top:11px;}.mt12 {margin-top:12px;}.mt13 {margin-top:13px;}.mt14 {margin-top:14px;}.mt15 {margin-top:15px;}.mt16 {margin-top:16px;}.mt17 {margin-top:17px;}.mt18 {margin-top:18px;}.mt19 {margin-top:19px;}.mt20 {margin-top:20px;}.mt21 {margin-top:21px;}.mt22 {margin-top:22px;}.mt23 {margin-top:23px;}.mt24 {margin-top:24px;}.mt25 {margin-top:25px;}.mt26 {margin-top:26px;}.mt27 {margin-top:27px;}.mt28 {margin-top:28px;}.mt29 {margin-top:29px;}.mt30 {margin-top:30px;}.mt31 {margin-top:31px;}.mt32 {margin-top:32px;}.mt33 {margin-top:33px;}.mt34 {margin-top:34px;}.mt35 {margin-top:35px;}.mt36 {margin-top:36px;}.mt37 {margin-top:37px;}.mt38 {margin-top:38px;}.mt39 {margin-top:39px;}.mt40 {margin-top:40px;}.mt41 {margin-top:41px;}.mt42 {margin-top:42px;}.mt43 {margin-top:43px;}.mt44 {margin-top:44px;}.mt45 {margin-top:45px;}.mt46 {margin-top:46px;}.mt47 {margin-top:47px;}.mt48 {margin-top:48px;}.mt49 {margin-top:49px;}.mt50 {margin-top:50px;}.mt51 {margin-top:51px;}.mt52 {margin-top:52px;}.mt53 {margin-top:53px;}.mt54 {margin-top:54px;}.mt55 {margin-top:55px;}.mt56 {margin-top:56px;}.mt57 {margin-top:57px;}.mt58 {margin-top:58px;}.mt59 {margin-top:59px;}.mt60 {margin-top:60px;}.mt61 {margin-top:61px;}.mt62 {margin-top:62px;}.mt63 {margin-top:63px;}.mt64 {margin-top:64px;}.mt65 {margin-top:65px;}.mt66 {margin-top:66px;}.mt67 {margin-top:67px;}.mt68 {margin-top:68px;}.mt69 {margin-top:69px;}.mt70 {margin-top:70px;}.mt71 {margin-top:71px;}.mt72 {margin-top:72px;}.mt73 {margin-top:73px;}.mt74 {margin-top:74px;}.mt75 {margin-top:75px;}.mt76 {margin-top:76px;}.mt77 {margin-top:77px;}.mt78 {margin-top:78px;}.mt79 {margin-top:79px;}.mt80 {margin-top:80px;}.mt81 {margin-top:81px;}.mt82 {margin-top:82px;}.mt83 {margin-top:83px;}.mt84 {margin-top:84px;}.mt85 {margin-top:85px;}.mt86 {margin-top:86px;}.mt87 {margin-top:87px;}.mt88 {margin-top:88px;}.mt89 {margin-top:89px;}.mt90 {margin-top:90px;}.mt91 {margin-top:91px;}.mt92 {margin-top:92px;}.mt93 {margin-top:93px;}.mt94 {margin-top:94px;}.mt95 {margin-top:95px;}.mt96 {margin-top:96px;}.mt97 {margin-top:97px;}.mt98 {margin-top:98px;}.mt99 {margin-top:99px;}.mt100 {margin-top:100px;}

/* mb 1~100 */
.mb1 {margin-bottom:1px;}.mb2 {margin-bottom:2px;}.mb3 {margin-bottom:3px;}.mb4 {margin-bottom:4px;}.mb5 {margin-bottom:5px;}.mb6 {margin-bottom:6px;}.mb7 {margin-bottom:7px;}.mb8 {margin-bottom:8px;}.mb9 {margin-bottom:9px;}.mb10 {margin-bottom:10px;}.mb11 {margin-bottom:11px;}.mb12 {margin-bottom:12px;}.mb13 {margin-bottom:13px;}.mb14 {margin-bottom:14px;}.mb15 {margin-bottom:15px;}.mb16 {margin-bottom:16px;}.mb17 {margin-bottom:17px;}.mb18 {margin-bottom:18px;}.mb19 {margin-bottom:19px;}.mb20 {margin-bottom:20px;}.mb21 {margin-bottom:21px;}.mb22 {margin-bottom:22px;}.mb23 {margin-bottom:23px;}.mb24 {margin-bottom:24px;}.mb25 {margin-bottom:25px;}.mb26 {margin-bottom:26px;}.mb27 {margin-bottom:27px;}.mb28 {margin-bottom:28px;}.mb29 {margin-bottom:29px;}.mb30 {margin-bottom:30px;}.mb31 {margin-bottom:31px;}.mb32 {margin-bottom:32px;}.mb33 {margin-bottom:33px;}.mb34 {margin-bottom:34px;}.mb35 {margin-bottom:35px;}.mb36 {margin-bottom:36px;}.mb37 {margin-bottom:37px;}.mb38 {margin-bottom:38px;}.mb39 {margin-bottom:39px;}.mb40 {margin-bottom:40px;}.mb41 {margin-bottom:41px;}.mb42 {margin-bottom:42px;}.mb43 {margin-bottom:43px;}.mb44 {margin-bottom:44px;}.mb45 {margin-bottom:45px;}.mb46 {margin-bottom:46px;}.mb47 {margin-bottom:47px;}.mb48 {margin-bottom:48px;}.mb49 {margin-bottom:49px;}.mb50 {margin-bottom:50px;}.mb51 {margin-bottom:51px;}.mb52 {margin-bottom:52px;}.mb53 {margin-bottom:53px;}.mb54 {margin-bottom:54px;}.mb55 {margin-bottom:55px;}.mb56 {margin-bottom:56px;}.mb57 {margin-bottom:57px;}.mb58 {margin-bottom:58px;}.mb59 {margin-bottom:59px;}.mb60 {margin-bottom:60px;}.mb61 {margin-bottom:61px;}.mb62 {margin-bottom:62px;}.mb63 {margin-bottom:63px;}.mb64 {margin-bottom:64px;}.mb65 {margin-bottom:65px;}.mb66 {margin-bottom:66px;}.mb67 {margin-bottom:67px;}.mb68 {margin-bottom:68px;}.mb69 {margin-bottom:69px;}.mb70 {margin-bottom:70px;}.mb71 {margin-bottom:71px;}.mb72 {margin-bottom:72px;}.mb73 {margin-bottom:73px;}.mb74 {margin-bottom:74px;}.mb75 {margin-bottom:75px;}.mb76 {margin-bottom:76px;}.mb77 {margin-bottom:77px;}.mb78 {margin-bottom:78px;}.mb79 {margin-bottom:79px;}.mb80 {margin-bottom:80px;}.mb81 {margin-bottom:81px;}.mb82 {margin-bottom:82px;}.mb83 {margin-bottom:83px;}.mb84 {margin-bottom:84px;}.mb85 {margin-bottom:85px;}.mb86 {margin-bottom:86px;}.mb87 {margin-bottom:87px;}.mb88 {margin-bottom:88px;}.mb89 {margin-bottom:89px;}.mb90 {margin-bottom:90px;}.mb91 {margin-bottom:91px;}.mb92 {margin-bottom:92px;}.mb93 {margin-bottom:93px;}.mb94 {margin-bottom:94px;}.mb95 {margin-bottom:95px;}.mb96 {margin-bottom:96px;}.mb97 {margin-bottom:97px;}.mb98 {margin-bottom:98px;}.mb99 {margin-bottom:99px;}.mb100 {margin-bottom:100px;}

button	{display:inline-block; margin:0; padding:0; background:none; border:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; font-weight:600; font-family:"Noto Sans KR","dotum",Arial,sans-serif ;}
*+html button	{margin:0 2px; overflow:visible;}
button > span, .btn > span, button > span > span, .btn > span > span {display:block; position:relative;}
button::-moz-focus-inner {padding:0; border:0;} /* ÆÄÀ̾îÆø½º ¹öÆ° ³»ºÎ ¿©¹é Á¦°Å */
button.disabled, .btn.disabled {cursor:default;}
.tts{text-indent:-9999px;width:0;height:0;font-size:0;overflow:hidden;}
.btn_section	{text-align:center; padding:3px 0 0;}
.btn_section2	{text-align:center; padding:12px 0 0;}

/* Æ˾÷°ü·Ã css */
#sale_pop_wrap{ position:relative; color:#000; max-width:640px; margin:0 auto; padding-bottom:20px; }
#sale_pop_wrap .tit{ padding:25px 20px; margin-bottom:30px; background-color:#78777c; font-size:20px; line-height:22px; color:#fff; font-weight:500;  }
#sale_pop_wrap .pop_para{ padding:30px 20px 0; margin-bottom:50px; font-size:16px; line-height:18px; font-weight:400; }
#sale_pop_wrap .para_caution{ display:block; text-align:right; font-size:14px; line-height:16px; margin-bottom:20px; }
.pop_policy_wrap.first{ border-top:1px solid #d9d9d9; }
.pop_policy_wrap{ padding:20px; border-bottom:1px solid #d9d9d9; background-color:#fbfbfb; }
.pop_policy_wrap.last{ margin-bottom:20px; }
.pop_policy_wrap .pop_btn_wrap{ cursor:pointer; position:relative; padding-right:73px; }
.pop_policy_wrap .pop_btn_wrap:after{ display:block; clear:both; content:""; }
.pop_policy_wrap .pop_btn_wrap .chk_area{ float:left; }
.pop_policy_wrap .pop_btn_wrap .chk_area input{ visibility:hidden; position:absolute;}
.pop_policy_wrap .pop_btn_wrap .chk_area label{ padding:5px 0 5px 35px; font-size:16px; line-height:18px; background:url("../images/chk_img.png") 0 5px no-repeat; }
.pop_policy_wrap .pop_btn_wrap .chk_area input:checked + label{ background:url("../images/chk_img_on.png") 0 5px no-repeat; }
.pop_policy_wrap .pop_btn_wrap .arrow{ position:absolute; top:0; right:0; padding-right:20px; background:url("../images/arrow01_on.png") right 8px no-repeat; }
.pop_policy_wrap .pop_btn_wrap .arrow span{ display:none; }
.pop_policy_wrap .pop_btn_wrap .arrow span.see{ display:inline; }
.pop_policy_wrap.on .pop_btn_wrap .arrow{ background:url("../images/arrow01.png") right 8px no-repeat;}
.pop_policy_wrap.on .pop_btn_wrap .arrow span{ display:inline; }
.pop_policy_wrap.on .pop_btn_wrap .arrow span.see{ display:none; }
.pop_policy_wrap .detail_wrap{ height:0; overflow:hidden; }
.pop_policy_wrap .detail_wrap dl{ padding:20px; margin-top:12px; background-color:#fff; font-size:14px; line-height:16px; }
.pop_policy_wrap .detail_wrap dl dt{ font-weight:300; margin-bottom:12px; }
.pop_policy_wrap .detail_wrap dl dt strong{ display:block;  font-weight:300; }
.pop_policy_wrap .detail_wrap dl dt table{ margin-bottom:10px; }
.pop_policy_wrap .detail_wrap dl dt table th{ text-align:center; font-weight:normal; }
.pop_policy_wrap .detail_wrap dl dt table td{ padding:8px; border:1px solid #ececec; }



.pop_policy_wrap .detail_wrap dl dd{ margin-bottom:25px; }
.pop_policy_wrap .detail_wrap dl dd.last{ margin-bottom:0 ;}
.pop_policy_wrap .detail_wrap dl dd dfn{ display:block; margin-bottom:8px; }
.pop_policy_wrap .detail_wrap dl dd ul{ margin-bottom:8px; }
.user_info.first{ border-top:1px solid #d9d9d9; }
.user_info{ padding-left:170px; position:relative; border-bottom:1px solid #d9d9d9; }
.user_info dt{ position:absolute; left:0; top:0; box-sizing:border-box; width:170px; height:100%; padding-top:18px; color:#2e2e2e; font-weight:400; background-color:#f5f5f5; z-index:1; text-align:center; font-size:16px; line-height:18px; }
.user_info dt span{ z-index:3; }
.user_info dd{ background-color:#fbfbfb; padding:10px 20px; }
.user_info dd input{ box-sizing:border-box; width:100%; height:35px; padding:10px 20px; border:1px solid #c4c4c4; font-size:13px; }
#sale_pop_wrap .btn_wrap{ margin-top:30px; text-align:center;  font-weight:400; }
#sale_pop_wrap .btn_wrap *{ vertical-align:top; }
#sale_pop_wrap .btn_wrap button{ display:inline-block; width:110px; height:45px; box-sizing:border-box ; padding-top:2px; background-color:#63c5ce; font-size:16px; line-height:18px; color:#fff; }
#sale_pop_wrap .btn_wrap button span{ position:relative;  font-weight:400; }
#sale_pop_wrap .btn_wrap a{ display:inline-block; width:110px; height:45px; box-sizing:border-box; padding-top:14px; background-color:#5e5e5e; font-size:16px; line-height:18px; color:#fff; font-weight:400;  }
#sale_pop_wrap .ex_btn{ position:absolute; top:22px; right:22px; } 


/* Å×ºí¸´ ¹× ¸ð¹ÙÀÏ ¹öÀü */
@media all and (max-width:768px){
	
	#sale_pop_wrap{ max-width:none; min-width:320px; } 
	#sale_pop_wrap .tit{ padding:10px 12px; margin-bottom:0; font-size:16px; line-height:18px; }
	#sale_pop_wrap .pop_para{ font-size:14px; line-height:16px; margin-bottom:30px; padding:12px 10px 0; }
	#sale_pop_wrap .para_caution{ font-size:12px; line-height:14px; margin-bottom:10px; }
	.pop_policy_wrap{ padding:10px; }
	.pop_policy_wrap .pop_btn_wrap .arrow{ top:50%; margin-top:-7px; font-size:12px; line-height:14px; padding-right:12px; background-size:8px auto; background-position:right 6px; }
	.pop_policy_wrap.on .pop_btn_wrap .arrow{ background-size:8px auto; background-position:right 6px;  }
	.pop_policy_wrap .pop_btn_wrap .chk_area label{ background-size:18px auto; padding:2px 0 3px 23px; font-size:12px; line-height:14px; background-position:left center; }
	.pop_policy_wrap .pop_btn_wrap .chk_area input:checked + label{ background-size:18px auto;  background-position:left center;}
	.pop_policy_wrap .detail_wrap dl{ padding:10px; font-size:12px; line-height:14px; }
	#sale_pop_wrap .ex_btn{ width:15px; height:15px; top:8px; right:12px; }
	#sale_pop_wrap .ex_btn img{ width:100%; }
	.user_info{ padding-left:70px; }
	.user_info dt{ width:70px; padding-top:9px; font-size:12px; line-height:14px; }
	.user_info dd{ padding:5px 10px; }
	.user_info dd input{ height:25px; padding:5px; font-size:12px; line-height:14px; }

	#sale_pop_wrap .btn_wrap{ padding:0 10px; overflow:hidden; }
	#sale_pop_wrap .btn_wrap button{ float:left; width:49%; height:35px; padding-top:0; font-size:12px; line-height:14px; }
	#sale_pop_wrap .btn_wrap a{  float:right; width:49%; height:35px; padding-top:11px; font-size:12px; line-height:14px; }

}