@charset "utf-8";
/* 청약페이지 전용 css 2017.02.02 IT운영팀 윤예빈*/
h1.online {margin-bottom: 7px; font-size: 0;}
h1.title {margin-bottom: 3px; font-size: 0;}
#contents {width:720px;}
#contWrap {overflow:hidden; width:100%;}

#bg_w{background:#fff}

#pop_wrap{overflow:auto;position:relative;width:580px;min-height:100%;margin:0 0 -29px;padding:0 12px}
* html #pop_wrap{height:100%}
#pop_wrap.pop_w630{width:630px}
#pop_wrap.pop_w360{width:360px}
#pop_wrap .pop_head{height:64px;background:url(/image/pop/bg_head_s.png) no-repeat 100% 0}
#pop_wrap .pop_head h1{height:38px;margin-right:100px;padding:26px 0 0 21px;line-height:0;background:url(/image/pop/bg_head_s.png) no-repeat 0 0}
#pop_wrap .pop_head h1 img{vertical-align:top}
#pop_wrap .pop_cont{position:relative;margin:20px 15px 0;padding:0 0 29px}
#pop_wrap .tb_st{width:550px}
#pop_wrap .tb_st.w600{width:600px}

#pop_wrap2{overflow-y:auto;overflow-x:hidden;position:relative;width:782px;min-height:800px}
#pop_wrap2 .pop_head{overflow:hidden;height:36px;padding:18px 0 0 25px;background:#495687 url(/image/pop/bg_head.png) no-repeat 100% 0;border-bottom:1px solid #384266}
#pop_wrap2 .pop_head h1,.pop_head h2{float:left;padding:2px 0;font-size:0;vertical-align:middle}
#pop_wrap2 .pop_head h2{margin-left:12px;padding-left:12px;border-left:1px solid #8089ab}
#pop_wrap2 .pop_cont{overflow:hidden;width:720px;margin:15px 0 0 30px}
#pop_wrap2 .t_desc{margin-left:30px}

body {
	margin: 0;	
	padding: 0; 
	font: normal 11px dotum;	
	line-height: 1.5em; 
	width: 100%; 
	height: 100%;	
	color: #525252;
	scrollbar-face-color:#f3f3f3;
	scrollbar-shadow-color:#A8A8A8;
	scrollbar-highlight-color:#A8A8A8;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#F3F3F3;
	scrollbar-arrow-color:#919191;
}

img { border: 0; margin: 0;}
label {	position: relative;	top: -1px;}
form, h1, h2, h3, h4, h5, h6, p, div, th, td, table, select, address {	margin: 0;	padding: 0;}
hr {display: none;}
select {font: normal 12px dotum;color: #525252;border: 1px solid #cccccc;}
textarea {font: normal 12px dotum;padding: 2px;color: #525252;}

ul, li, ol, dl, dt, dd {list-style: none;padding: 0;margin: 0;}

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


.hidden{display:none}

.w145{width:145px}
.w15{width:15px}
.w20{width:20px}
.w43{width:43px}
.w63{width:63px}
.w60{width:60px}
.w80{width:80px}

/* Margin 속성 */
.mT02 {margin-top: 2px}
.mT03 {margin-top: 3px}
.mT04 {margin-top: 4px}
.mT05 {margin-top: 5px}
.mT06 {margin-top: 6px}
.mT07 {margin-top: 7px}
.mT08 {margin-top: 8px}
.mT09 {margin-top: 9px}
.mT10 {margin-top: 10px}
.mT11 {margin-top: 11px}
.mT12 {margin-top: 12px}
.mT15 {margin-top: 15px}
.mT16 {margin-top: 16px}
.mT17 {margin-top: 17px}
.mT20 {margin-top: 20px}
.mT25 {margin-top: 25px}
.mT26 {margin-top: 26px}
.mT30 {margin-top: 30px}
.mT50 {margin-top: 50px}
.mT70 {margin-top: 70px}
.mB10 {margin-bottom: 10px}
.mB20 {margin-bottom: 20px}
.mL0 {margin-left: 0px}
.mL02 {margin-left: 2px}
.mL04 {margin-left: 4px}
.mL05 {margin-left: 5px}
.mL09 {margin-left: 09px}
.mL10 {margin-left: 10px}
.mL12 {margin-left: 12px}
.mL14 {margin-left: 14px}
.mL15 {margin-left: 15px}
.mL20 {margin-left: 20px}
.mL22 {margin-left: 22px}
.mL25 {margin-left: 25px}
.mL30 {margin-left: 30px}
.mR04 {margin-right: 4px}
.mR05 {margin-right: 5px}
.mR10	{margin-right: 10px}
.mR20	{margin-right: 20px}
.mB05 {margin-bottom: 5px}
.mB09 {margin-bottom: 9px}
.mB10	{margin-bottom: 10px}
.mB20	{margin-bottom: 20px}

.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px}
.ml12{margin-left:12px}
.ml15{margin-left:15px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml95{margin-left:95px}
.mr2{margin-right:2px;}
.mr10{margin-right:10px}

.pl5{padding-left:5px !important}

.blod_txt{font-weight:bold;}
/* Float 속성 */
.fLfloat	{float: left}
.fRfloat	{float: right}
/* Align 속성 */
.texR {text-align: right}
.texC	{text-align: center}
.texL	{text-align: left}

/* title css */
.title {font-family:'맑은고딕', '맑은 고딕' '굴림',gulim;font-size:20px !important; color: black; font-weight: bold; line-height:1;}
.m_title {font-family:'맑은고딕', '맑은 고딕' '굴림',gulim;font-size:13px !important; color: black; font-weight: bold; line-height:1; padding:15px 3px; }
.mm_title {font-family:'맑은고딕', '맑은 고딕' '굴림',gulim 'dotum';font-size:12px !important; color: black; font-weight: bold; line-height:1; display:block;}
.s_title {font-family:'맑은고딕', '맑은 고딕' '굴림',gulim; display:block; margin-top: 3px; font-size:11px !important; font-weight: bold; color: #acacac; line-height:1.2;}
.ss_title {margin-top: 3px; font-size:11px !important; color: #0060ba; line-height:1.2;}

.s_iconTit { float: left; padding:2px 7px 0 8px; font-weight: bold;}
.s_star_red {margin-bottom: 3px; padding-left: 10px; font-size:11px !important; color: #748291; line-height:1.2;}
.bold{font-weight: bold;}

.hx_circle_temp{margin-bottom:5px;padding-left:5px;font-size:12px;line-height:1.27em;font-weight:bold;color:#3f3f3f;}

/* text css */
p.result_txt02 {
	clear:both;
	padding:2px 25px 4px 9px;
	background-color:#f4f4f4;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}

/* tap css */
.box_Wrap {width:720px; height:27px; margin-bottom: 5px; border-bottom:1px solid #666; }
.box_Wrap li{float: left; font-size: 0; margin-left:-1px;}
.box_tab {padding-left:1px;  height: 27px;  margin-bottom:-1px;}
.box_tab a{font-family:'맑은고딕', '맑은 고딕' '굴림',gulim; font-size: 12px; line-height: normal; display:inline-block;padding:7px 10px 3px 10px;margin-left:-1px;margin-bottom:-1px;width:auto;height:16px;background-color:#ededed;color:#666;font-weight:bold;border:1px solid #666;float:left;}
.box_tab .on{background-color:#596b9d;color:#FFF;}

/* guide css */
.guide_sub {width:680px; overflow:hidden; margin-top: 16px; border:1px solid #adadad; padding: 10px 20px;}
.guide_sub ul {width:690px; margin:10px 0 0 10px; font-size:12px;}
.guide_sub ul li {line-height:18px; color:#828282;}
.texcol_bl{color:#0060ba}

/* btn css */
.s_font{font-size: 11px; text-align: center; line-height:75%; font-family:'맑은고딕', '맑은 고딕' 'dotum'; font-weight: bold; cursor: pointer;}
.sub_btn{background-color:#dcdcdc; border:1px solid #848d99; padding: 3px;}
.sub_btn_red{background-color:#fe606e; border:1px solid #FE384A; padding: 3px;}
.imp_btn{background-color:#EEEEEE; border:1px solid #FE384A; padding: 5px; font-size: 14px;}
.texcol_white{color:#FFF;}
.texcol_red{color:#FE384A;}
.texcol_black{color:black;}

/* Input */
input.txt { font: normal 12px dotum; border: 1px solid #cccccc; color: #525252; padding: 2px 4px;}
input.readGray {font: normal 12px dotum;padding: 2px 4px;border: 1px solid #cccccc;color: #525252;background: #eeeeee;}

/* box css */
ul.date_box {height: 19px; weidth: 680px; border:2px solid #adadad; padding: 11px 14px; margin: 10px 0; overflow: hidden;}

bg_roundstockbox{width:550px;height:169px;background:url(/image/pop/bg_round_box2.png) no-repeat}
.bg_roundstockbox .fl_box{width:333px;margin-right:44px}
.bg_roundstockbox .fr_box{width:152px;margin-top:62px;text-align:center;line-height:17px}
.bg_roundstockbox2{width:550px;height:124px;background:url(/image/pop/bg_round_box3.png) no-repeat}
.bg_roundstockbox2 .fl_box{width:333px;margin-right:44px}
.bg_roundstockbox2 .fr_box{width:152px;margin-top:40px;text-align:center;line-height:17px}
.bg_roundstockbox3{width:550px;height:150px;background:none;}
.bg_roundstockbox3 .fl_box{width:250px;margin-right:44px}
.bg_roundstockbox3 .fr_box{width:200px;margin-top:40px;text-align:center;line-height:17px}

.box_1{overflow:hidden;width:550px;height:120px;margin-top:5px;padding-top:10px;background:none;position:relative;}
.box_1 .fl_box{float:left;width:180px;height:100px;margin-right:30px;padding-left:10px;border:1px solid #adadad;position:relative;}
.box_1 .header{width:192px;height:37px;background-color:#E3E3E5;position:absolute; top:10px; left:0px;}
.box_1 .fr_box{position:relative;float:right;width:300px;height:100px;padding-left:5px; border:1px solid #adadad;margin-top:0px;}
.box_1 .arrow{position:absolute;width:35px;height:35px;margin-top:0px;top:40px; left:200px;background:url(/image/guide_arrow.png) no-repeat;}
.box_1 dl{padding-top:10px}
.box_1 ul{margin-top:20px}
.box_1 li{margin-top:3px;padding-left:12px;line-height:1.4em;padding-right:3px;background:url(/image/bullet.png) no-repeat 5px -335px;}

.box_2{overflow:hidden;width:550px;height:190px;margin-top:5px;padding-top:10px;background:none;position:relative;}
.box_2 .header1{width:222px;height:37px;background-color:#E3E3E5;position:absolute; top:10px; left:0px;}
.box_2 .header2{width:277px;height:37px;background-color:#E3E3E5;position:absolute; top:10px; left:270px;}
.box_2 .fl_box{float:left;width:210px;height:170px;margin-right:30px;padding-left:10px;border:1px solid #adadad;position:relative;}
.box_2 .fr_box{position:relative;float:right;width:270px;height:170px;padding-left:5px;border:1px solid #adadad;margin-top:0px;}
.box_2 .arrow{position:absolute;width:35px;height:35px;margin-top:0px;top:80px; left:230px;background:url(/image/guide_arrow.png) no-repeat;}
.box_2 dl{padding-top:10px}
.box_2 dt{margin-bottom:20px}
.box_2 dd{margin-top:3px;padding-left:12px;padding-right:3px;line-height:1.4em;background:url(/image/bullet.png) no-repeat 5px -335px;}

.box_3{overflow:hidden;width:550px;height:200px;margin-top:5px;padding-top:10px;background:none;position:relative;}
.box_3 .header{width:292px;height:37px;background-color:#E3E3E5;position:absolute; top:10px; left:0px;}
.box_3 .fl_box{float:left;width:280px;height:180px;margin-right:30px;padding-left:10px;border:1px solid #adadad;position:relative;}
.box_3 .fr_box{position:relative;float:right;width:200px;height:180px;padding-left:5px;border:1px solid #adadad;margin-top:0px;}
.box_3 .arrow{position:absolute;width:35px;height:35px;margin-top:0px;top:80px; left:300px;background:url(/image/guide_arrow.png) no-repeat;}
.box_3 dl{padding-top:10px}
.box_3 dt{margin-bottom:20px}
.box_3 dd{margin-top:3px;padding-left:12px;padding-right:3px;line-height:1.4em;background:url(/image/bullet.png) no-repeat 5px -335px;}