@charset "utf-8";
/* Alma KES 120612 kes3583@almacomm.co.kr */

html,body {height:100%;}
body{	background:transparent; width:100%; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica, sans-serif; color:#404040; background:#f4f4f4}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}

.cn{ }

/* 풋터 고정을 위한 css */
#container{min-height:100%; position:relative;}
.fix{position:absolute; bottom:0; width:100%; }

/* 가입 정보*/
.ai{text-align:center; line-height:20px; }
.ai span.logo{width:80px;height:34px; background-position:-4px -69px;vertical-align:5px }


/* 순서진행 메뉴*/
header nav{height:53px; background:#ddd; border-top:1px solid #cecece; border-bottom:2px solid #a73023; -webkit-box-shadow: 0px 10px 15px 0px #bbb; box-shadow: 0px 10px 15px 0px #bbb; }
header nav ul{overflow:hidden;background:transparent url(/tmap2/m/images/common/im_v1_m_ln.png) repeat-x left top; -webkit-background-size:3px 53px; }
header nav li{float:left; font-size:1.14em; color:#404040; text-align:center; white-space: nowrap; vertical-align:middle;  }
header nav li div{position:relative; padding:1.1em 2.5% 1.1em 2.91%; text-align:center; vertical-align:middle; background:transparent url(/tmap2/m/images/common/im_v1_m.png) no-repeat right top; -webkit-background-size:744px 195px;}

header nav li.on:nth-child div{color:#880000;}
header nav li.on:nth-child(1),
header nav li.on:nth-child(3){background:none; }
header nav li.on:nth-child(1) div{ padding:2.9em 0 1.7em; margin:-1.4em 0 0 0; text-align:center; color:#880000;
background:transparent url(/tmap2/m/images/common/im_v1_m.png) no-repeat right -39px; -webkit-background-size:744px 195px;}
header nav li.on:nth-child(3) div{ padding:2.9em 0 1.7em; margin:-1.4em 0 0 0; text-align:center; color:#880000;
background:transparent url(/tmap2/m/images/common/im_v1_m.png) no-repeat left -39px; -webkit-background-size:744px 195px;}


header nav li{ width:33.3%;  }
header nav li:last-child{width:33.4%}
header nav li:last-child div{background:none}

header nav li.on:nth-child(2){background:none}
header nav li.on:nth-child(2) div{overflow:hidden; margin:0;padding:0; background:none; border:0px solid blue; }
header nav li.on:nth-child(2) div span{float:left; display:block; height:50px; padding:1.5em 0 0 0; border:0px solid blue; color:#880000;}
header nav li.on:nth-child(2) div span:nth-child(1){width:15%;  background:url(/tmap2/m/images/common/im_v1_m.png) no-repeat left -60px; -webkit-background-size:744px 195px;}
header nav li.on:nth-child(2) div span:nth-child(2){width:70%;background:url(/tmap2/m/images/common/im_v1_m.png) repeat-x center -60px; -webkit-background-size:744px 195px;}
header nav li.on:nth-child(2) div span:nth-child(3){width:15%; background:url(/tmap2/m/images/common/im_v1_m.png) no-repeat right -60px; -webkit-background-size:744px 195px;}

#uag .txt,
#suag .txt {clear:both; overflow:hidden; padding:1.5em 10px; font-size: .86em; color:#808080; text-align:center}
#suag .txt.alt{padding:5em 10px;}
#suag .txt .p1{color:#880000}
#suag .txt.ln{border-top:5px solid #b9b4b4}

/* 약관동의 */
.agrt{}
.agrt h2{background:#525252; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; -webkit-box-shadow: 0px 10px 15px 0px #bbb; box-shadow: 0px 10px 15px 0px #bbb; font-size:1.14em; }
.agrt h2 .ln{display:block; margin-top:1px; padding: .72em 0 .72em 3.2%; font-size:1.07em; color:#fff; border-top:2px solid #707070; letter-spacing: -.08em}
.agrt h2.gr{background:#979797; }
.agrt h2.gr .ln{border-top:2px solid #c1c1c1; }

.agrt .cn h3{font-size: 0.95em; font-weight:bold; color:#494949; }
.agrt .cn{padding: .57em 3.2%;}
.agrt .cn p{padding-top: .42em; font-size: .76em;  color:#808080;}

.txtbox {margin-bottom:10px; padding:10px; border:1px solid #ccc} /* 20150409 */


/* 20121005 */
.agrt .cn h4{font-size: 0.76em; font-weight:bold; color:#494949; margin-top:.42em}
.agrt .cn ul, .agrt .cn ol {font-weight:bold; color:#494949}
.agrt .cn ul li, .agrt .cn ol li, .txtAgree {padding-top: .42em; font-size: .76em;  color:#808080; list-style:none}
.agrt .cn ul li ul li, .agrt .cn ol li ul li {padding: .42em; font-size: 1em;  color:#808080}
.agrt .cn ul li table, .agrt .cn ol li table, .agrt .cn ol li ol li, .agrt .cn ul li ul li {font-size:1em}
.agrt .cn table {width:95%; margin:10px auto; font-size: .76em;color:#808080;}
.agrt .cn table th, .agrt .cn table td {border:1px solid #ccc; padding:.42em 0}
.agrt .cn table td {padding:.42em 10px; word-break:break-all }


.agrt .vw{ float:right; width:9em; margin-top:1.4em; padding:0 0 10px 0px; font-weight:bold; font-size: 0.86em; color:#494949;}
.agrt .vw02 {width:94%; margin:1em auto; padding:0 1% 10px 2%; font-size: 0.86em; color:#494949; /*height:95px; overflow-x: hidden; overflow-y: scroll;*/}
.agrt a{text-decoration:none; vertical-align:top}

/* line box */
.lb{ border-top:1px solid #cecece; border-bottom:1px solid #fff; background:#dcdcdc; }
.lb .ln{ overflow:hidden; padding:1.8em 3.2%; border-top:1px solid #fff; border-bottom:1px solid #cecece; background:#dcdcdc; }



/* 회원가입 - 정보 */
.win{border-bottom:1px solid #cecece; padding:0 9px 12px;}
.win span.logo{width:80px;height:34px; background-position:-4px -69px;vertical-align:7px}
.win p:nth-child(1){text-align:center; font-size:1.33em; color:#404040}
.win p:nth-child(2){padding:15px 0 12px;text-align:center; font-size:1.015em; color:#404040}
.win p:nth-child(3){ text-align:left; font-size:0.95em; color:#808080; }
.win p:nth-child(4){padding:20px 0 0 0; text-align:left; font-size:0.95em; color:#808080; }
.win .p1{color:#880000}
.win.alt{padding:20px 0 0 0; border:none }
.win.alt p{padding:10px 9px;}
.win.alt p:nth-child(1){line-height:1.2em; font-weight:bold}
.win.alt p:nth-child(2),
.win.alt p:nth-child(3){text-align:left; font-size:0.95em; color:#808080}
.win.alt .tit{padding:0; text-align:left; font-size:1em; color:#404040; font-weight:bold }
.win.alt .lb{ background:#ededed !important; }
.win.alt .lb .ln{ overflow:hidden; padding:12px 3.2%; }
.win.alt dl.benefit{overflow:hidden; padding:20px 5% 0; }
.win.alt dl dt, .win.alt dl dd{float:left; font-size: .85em; padding:10px 0; border-bottom:1px solid #c6c6c6; letter-spacing:-0.19em}
.win.alt dl dt{width:30%; }
.win.alt dl dd{width:70%}
.win.alt dl dt span{margin-left:10px}
.win.alt dl .ln2{height:34px;}
.win.alt dl .ln3{height:45px;}
.win.alt dl dt span.l1{ width:54px; height:14px; background-position:-106px -4px; }
.win.alt dl dt span.l2{ width:63px; height:13px;  background-position:-108px -30px;}
.win.alt dl dt span.l3{ width:51px; height:17px; background-position:-108px -50px;}
.win.alt dl dt span.l4{ width:34px; height:21px; margin-top:10px !important; background-position:-108px -70px; }
.win.alt dl dt span.l5{ width:48px; height:17px; margin-top:15px; background-position:-108px -101px;}
.win.alt dl dt span.l6{ width:48px; height:17px; margin-top:; background-position:-108px -128px;}
.win.alt dl dt span.l7{ width:48px; height:17px; background-position:-108px -153px;}
.win.alt dl dt span.l8{ width:48px; height:17px; background-position:-106px -176px;}
.win.alt dl dt span.l9{ width:48px; height:37px; margin-top:20px; background-position:-4px -105px;}
.win.alt dl dt:nth-child(15),
.win.alt dl dd:nth-child(16){border:none}
.win.alt .seeds-box{overflow:hidden; padding:20px 5% 0; margin-top:10px; background:#cecece;
-webkit-border-radius: 1.5em;
-moz-border-radius: 3em;
border-radius: 1.5em;
-moz-box-shadow: inset 0 0 7px 1px #c6c6c6;
-webkit-box-shadow: inset 0 0 7px 1px #c6c6c6;
box-shadow: inset 0 0 7px 1px #c6c6c6; }
.win.alt .seeds-box dt{ float:left; width:30%; padding:30px 0;  border:0px solid red}
.win.alt .seeds-box dt span.seeds{width:45px; height:35px; margin:0 0 0 10px; padding:0; background-position:-3px -110px;}
.win.alt .seeds-box dd{ float:left; width:70%; border:0px solid red; color:#404040}
.win.alt a.btnSeeds{display:block; padding-top:10px; }

.tin{padding:12px 9px 0; border-top:1px solid #fff; border-bottom:1px solid #cecece; background:#ededed}
.tin.si{font-size:0.89em; background:#dcdcdc; color:#404040}
.tin p.txt{padding-bottom:12px; font-size:1.015em; color:#404040}
.tin p.txtr{font-size:0.95em !important; color:#880000}
.tin p:not(:nth-child(1)){padding:0 0 20px 9px;}
.tin p span.dash{margin:0 0 0 -9px;}


/* input style */
/* check box - text */
.chk{ clear:both; font-size:.86em; }
.chk .ln { overflow:hidden; padding:1.8em 3.2%; }
.chk .ln.appCheck { overflow:hidden; padding:0.6em 3.2%; }
.chk label{ float:left; width:85%; margin:0 0 0 5px; padding:2px 0 0 0; letter-spacing:-1px; cursor:pointer; vertical-align:middle; font-size:120%}
.chk label.appAgree{ float:left; width:85%; margin:0 0 0 5px; padding:2px 0 0 0; letter-spacing:-1px; cursor:pointer; vertical-align:middle; font-size:120%}


.chk .i_check{float:left; width:23px;height:23px; margin:0px 5px 0 2px; padding:0;vertical-align:top}
.chk.alt{overflow:hidden}
.chk.alt label{width:89%;}





.agrt input[type=checkbox],
.chk input[type=checkbox]{  /*-webkit-transform: scale(2,2); */}/* 체크박스 2배 설정 */


/* checkbox image */
.agrt .chk a {color:#404040; cursor: pointer;}
.agrt .chk a input[type="checkbox"] {
top: -2px;
width: 32px;
-webkit-width:32px;
-webkit-height::32px;
height: 32px;
margin: 0 10px 0 0;
border:none;
-webkit-border:none ;
border-radius: 0;
background: url(/tmap2/m/images/common/bg_checkbox.png) no-repeat 0 0;
background-size: 32px 65px;
-webkit-background-size: 32px 65px;
vertical-align: top;
-webkit-appearance: none;
}


.agrt .chk a label.on input[type="checkbox"] {
background-position: 0 -33px;
}


/* app checkbox size */
.agrt .chk.checkArea a input[type="checkbox"] {
top: -2px;
width: 19px;
-webkit-width:19px;
-webkit-height::19px;
height: 19px;
border:1px solid red;
margin: 0 10px 0 0;
border:none;
-webkit-border:none ;
border-radius: 0;
background: url(/tmap2/m/images/common/bg_checkbox.png) no-repeat 0 0;
background-size: 19px 39px;
-webkit-background-size: 19px 39px;
vertical-align: top;
-webkit-appearance: none;
}


.agrt .chk a label.on input[type="checkbox"] {
background-position: 0 -33px;
}

.agrt .chk .appCheck a label.on input[type="checkbox"] {
background-position: 0 -20px;
}


/* radio image */
.radio {; width:60%; display:inline-block; margin:0 auto}
.radio button {
overflow: visible;
width: 25px;
height: 25px;
background: none;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
}

.radio em {
display: none !important;
}

.radio span {
width: 25px;
-webkit-width:25px;
-webkit-height::25px;
height: 25px;
margin: 0 10px 0 0;
background: url(/tmap2/m/images/common/bg_radio.png) no-repeat 0 0;
background-size: 25px 25px;
-webkit-background-size: 25px 51px;
vertical-align: top;
-webkit-appearance: none;
overflow: visible;
display: inline-block;
}

.radio span.on {
background-position: 0 -26px;
}




/*
#radioChange a {color:#404040; cursor: pointer; text-decoration:none}
#radioChange a input[type="radio"] {
top: -2px;
width: 25px;
-webkit-width:25px;
-webkit-height::25px;
height: 25px;
margin: 0 10px 0 0;
border:none;
-webkit-border:none ;
border-radius: 0;
background: url(/tmap2/m/images/common/bg_radio.png) no-repeat 0 0;
background-size: 25px 25px;
-webkit-background-size: 25px 51px;
vertical-align: top;
-webkit-appearance: none;
}


#radioChange a label.on input[type="radio"] {
background-position: 0 -26px;
}
*/


.item{/*overflow:hidden; */ border:0px solid red; clear:both; position:relative; margin:12px 4.86% }
.item label.i_label{display:block; width:100%;  font-size:1.02em; }

.item input.i_text{width:97%; margin:2px; padding:3px 4px; border:1px solid #d8d8d8; font-size:1.334em; background:#919191; color:#fff}
.item input.i_radio{width:13px;height:13px;margin:3px 0px 2px 5px;padding:0;vertical-align:top;  -webkit-transform: scale(1.5,1.5); }
.item label.pwLabel {vertical-align:top; }
.item select.i_select{width:100%; height:30px; font-size:1.14em; background:#919191; border:1px solid #d8d8d8; color:#fff}
.item label.i_label span{float:right; font-size:11px !important}
.item.pw span{display:block; font-size:11px !important}


.item.i1{padding:0;}
.item.i2{overflow:hidden; }
.item .chk { float:left; width:68%; }
.item .chk label{width:80%; }
.item .chk .lnk{display:block; clear:both; margin:0 0 0 30px; color:#969696; font-size:0.76em}
.item.i2 .b1{margin:5px 0 0 0; font-size: 1.14em; color:#484848; }




/* 회원가입 - 입력 */
.userForm{border:0px solid green; clear:both}
.uin{clear:both; }
.uin .lb .item{margin:0; padding:12px 4.86%}
.uin .item.em .bx{margin-top:5px; padding:5px; border:1px solid #bebebe; background:#ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
.uin .item.em .bx label{font-size:.95em}
.uin .item.em input{width:40.5%;}
.uin .item.em .dsc{padding:5px 0 0 10px; color:#404040; font-size:0.8em}
.uin .item.em .dsc span{display:inline-block; margin-left:-8px; }
.uin .item.rd .tit{display:inline-block; width:31%;  border:0px solid red}

.uin .item.rd label:nth-child(2), .uin .item.rd label:nth-child(4), .uin .item.rd label:nth-child(6) { }
.uin .item.rd label:nth-child(3), .uin .item.rd label:nth-child(5), .uin .item.rd label:nth-child(7) {display:inline-block; width:16%; border:0px solid red; vertical-align:top;}

.uin .item.rd input[type="radio"] {display:inline-block; border:0px solid red; vertical-align:top; margin:4px 5px 0 0}
.uin .item.rd label {vertical-align:middle; border:0px solid red}

/*.uin .item input[type="radio"], .uin .item.rd label {vertical-align:middle; border:1px solid red}*/

/* 회원정보수정 - 이메일 */
.uin .item.em.alt{}
.uin .item.em.alt input.i_text{width:29%; margin:0; padding:6px 0; font-size:1em;}
.uin .item.em.alt .b1{display:inline-block; padding:7px 0; padding-left: .3em; padding-right: .3em;font-size:0.9em; width:29%; margin:0 0 0 0; vertical-align:middle}

/* 티맵정보입력 */
.tm .uin .item.rd label:nth-child(1){display:inline-block; width:70px;}
.tm .uin .item.rd.ag label:nth-child(3){display:inline-block;width:12%; border:0px solid red}
.tm .uin .item.rd.ag label:nth-child(5){display:inline-block; width:12%;border:0px solid red }
.tm .uin .item.rd.sms label:nth-child(3){width:15%; }
.tm .uin .item.rd.sms label:nth-child(5){width:10%; border:0px solid red}

.item.if input:nth-child(4),
.item.if input:nth-child(5){width:28%;}
.tm .uin .item.rn{overflow:hidden; margin-top:5px; letter-spacing:-.05em; }
.tm .uin .item.rn .txt{float:left; width:55%; font-size:0.76em; padding:0 !important; text-align:left !important}
.tm .uin .item.rn .b1{padding-left: .4em; padding-right: .4em;  }

.item .inbx{overflow:hidden; float:right; width:99%; margin:0; padding:2px 3px; background:#919191; -moz-border-radius: 3px; -webkit-border-radius: 3px;   border-radius: 3px;}
.item .inbx .i_text{width:55%; margin:1px 0 0 0; border:none }
@media screen and (min-width: 400px) {.item .inbx .i_text {width:68%;} }

.item .inbx .b1{float:right; padding:.45em 1.5em; margin:0px 0 0 -3px; box-shadow:none;}
.item .inbx.packed{ float:none; width:98%;}
.item .hpif{clear:both; overflow:hidden; width:100%; padding:5px 0}
.item .hpif .i_text{width:22%; margin:-4px 0 0 0;}
.item .hpif .b1{padding:.4em .2em; margin:0 0 0 2px; }
.item .hpif a{color:#404040}
.item .hpif a:nth-child(2){width:40%}
.item .hpif a:nth-child(3){width:25%}

/* 비밀번호 재설정 */
.item .ro dt, .item .reset dd{float:left}
.item .ro dt{font-size:1em; padding:2px 10px 0 0; color:#404040}
.item .ro dd{font-size:1.27em; color:#808080}
.item .ro dd.nm{font-size:1.2em;}

/* 티맵정보입력 - 단말기 정보 입력 */
.hp-ip .item{border:0px solid blue; overflow:hidden; margin-top:0 !important; margin-right:0 !important; margin-left:0 !important; padding:0 4.86%; }
.hp-ip .item .i_text{width:74%; margin:-3px 0 0 0 }
.hp-ip .item label{display:block; padding:5px 0}
.hp-ip .item button[type="submit"]{}
.hp-ip .item button.b1{width:29%; }
.hp-ip .item button.r1{padding:.6em .8em; font-size:1em; color:#fff}
.hp-ip .item button:last-child{margin:0}
.hp-ip .phoneList {overflow:hidden; padding:10px 4.6%; border:0px solid red;}
.hp-ip .phoneList a{display:block; }
.hp-ip .phoneList li{border:0px solid green; float:left;overflow:hidden;  width:31%;  margin-right:3%; margin-bottom:3%;}
.hp-ip .phoneList li:nth-child(3n){margin-right:0}
.hp-ip .phoneList dt{overflow:hidden; height:74px; display:block; margin-bottom:5px; padding:0; border:1px solid #fff; -webkit-box-shadow: #aaa 0 .1em .1em; -moz-box-shadow: #aaa 0 .1em .1em; box-shadow: #aaa 0 .1em .1em;}
.hp-ip .phoneList dt img{width:100%; height:100%;}
.hp-ip .phoneList dl dd:nth-child(2){font-weight:bold; color:#404040; font-size:1em}
.hp-ip .phoneList dl dd{padding-left:9px; color:#808080; font-size:.85em}
.hp-ip button.b1{padding:.45em 1.5em; }
.hp-ip.md .item .i_text{width:97%}

.ifr{border:0px solid red; clear:both; padding:10px 0 0 0}
.ifr .txt{padding:0 4.86% !important; padding-bottom:10px !important; font-size:1.02em !important}

/* 아이프레임 - 사용시 아이프레임 부모에 div.ifr 적용*/
.ifr_wrap{border:0px solid red }
.ifr_wrap iframe{ }/* iframe에 직접 height 값은 넣지 않는다*/
.dr{margin-left:-4.86%}



/*
//스크린사이즈
@media screen and (max-width: 320px) {
	.user-agree img{width:73px; height:28px;}
}
*/

/*
//이미지
@media only screen and (-webkit-min-device-pixel-ratio: 2) {} <-아이폰4용
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {} <- 안드로이드용
여기 안에 넣으시면 됩니다.

}
*/

.link-ondId{overflow:hidden; width:100%; padding:20px 0 10px; border-bottom:1px solid #ababab; }
.link-ondId a{display:block; margin:0 15px; color:#393939;  text-decoration:none; font-weight:bold; }
.link-ondId span {display:block; margin:0 15px; color:#393939;  text-decoration:none; font-weight:bold; }
.link-ondId span.arr{ float:right; border:0px solid red; width:7px; height:7px; margin-top:5px; background-position:0 -148px;}


.eventTxt {display:block;  color:#606060 !important}
.eventTxt span {color:#ff6600 !important}


/* k/u coupon */
.btnCoupon {width:100%; padding:0.5em 0; border:none; color:#fff; font-size:200%; font-weight:bold; cursor:pointer;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
background-image: linear-gradient(bottom, rgb(185,1,41) 4%, rgb(221,37,77) 57%);
background-image: -o-linear-gradient(bottom, rgb(185,1,41) 4%, rgb(221,37,77) 57%);
background-image: -moz-linear-gradient(bottom, rgb(185,1,41) 4%, rgb(221,37,77) 57%);
background-image: -webkit-linear-gradient(bottom, rgb(185,1,41) 4%, rgb(221,37,77) 57%);
background-image: -ms-linear-gradient(bottom, rgb(185,1,41) 4%, rgb(221,37,77) 57%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.04, rgb(185,1,41)),
	color-stop(0.57, rgb(221,37,77))
);
}
.snsShare {padding:10px 10px; border:1px solid #dfdfdf; margin:30px 0 0 0; 
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
background-image: linear-gradient(bottom, rgb(235,235,235) 4%, rgb(217,217,217) 99%, rgb(181,181,181) 100%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 4%, rgb(217,217,217) 99%, rgb(181,181,181) 100%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 4%, rgb(217,217,217) 99%, rgb(181,181,181) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 4%, rgb(217,217,217) 99%, rgb(181,181,181) 100%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 4%, rgb(217,217,217) 99%, rgb(181,181,181) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.04, rgb(235,235,235)),
	color-stop(0.99, rgb(217,217,217)),
	color-stop(1, rgb(181,181,181))
);
}

.snsShare dt {background:#464646; color:#fff; font-size:120%; font-weight:bold; text-align:center; padding:3px 0 7px 0 ;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
}
.snsShare dd {text-align:center; margin:10px 0 0 0}
.snsShare dd a {border:0px solid red; margin:0 10px; display:inline-block; width:54px; height:54px; background:transparent url(/tmap2/m/event_coupon/images/btn_coupon_sns_share.png) no-repeat; -webkit-background-size:210px 54px; text-indent:-9999px;}
.snsShare dd a.facebook {background-position:0 0}
.snsShare dd a.twitter {background-position:-77px 0}
.snsShare dd a.kakaotalk {background-position:-155px 0}

.textCoupon {color:#fff; background:#ef8009; padding:0.5em 0; text-align:center; font-size:100%}
.numCoupon {color:#e60033; background:#ccc; padding:0.5em 0; text-align:center; font-size:200%}

/* event_handle */
.handle {text-align:center; color:#404040 !important; width:100%; background:#fbf5ed}
.handle p {letter-spacing:-0.1em; width:90%; margin:0 auto;}
.handle p.img {width:50%; margin:3em auto 0.5em auto}
.handle p.img img {width:70%; }
.handle p.txt01 {margin:20px auto 15px auto; font-size:130% !important; line-height:1.4;  font-weight:bold; letter-spacing:-0.08em}
.handle p.txt02 {font-size:270%; line-height:1.2; margin: 0 auto 15px auto}
.handle p.txt02 span.fce51937 {color:#e51937}
.handle p.txt03 {font-size:180%; width:150px; margin:0 auto; text-align:left;  padding:0 0 10px 165px; line-height:1.4; background:url(/tmap2/m/event_handle/images/txt_tmap_handle.gif) no-repeat 0 4px; -webkit-background-size:161px 32px;}

.handle .handleBtnDown {width:95%; margin:1em auto 0 auto; overflow:hidden;}
.handle .handleBtnDown div {width:48%; float:left}
.handle .handleBtnDown a {float:left; width:100%;  text-align:center}

/*
.handle .handleBtnDown div {overflow:hidden; display:inline-block; border:1px solid #8e8b8b; border-radius: 0.3em; ;
background-image: linear-gradient(bottom, rgb(216,214,214) 27%, rgb(227,225,225) 64%, rgb(234,232,232) 82%);
background-image: -o-linear-gradient(bottom, rgb(216,214,214) 27%, rgb(227,225,225) 64%, rgb(234,232,232) 82%);
background-image: -moz-linear-gradient(bottom, rgb(216,214,214) 27%, rgb(227,225,225) 64%, rgb(234,232,232) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(216,214,214) 27%, rgb(227,225,225) 64%, rgb(234,232,232) 82%);
background-image: -ms-linear-gradient(bottom, rgb(216,214,214) 27%, rgb(227,225,225) 64%, rgb(234,232,232) 82%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(216,214,214)),
	color-stop(0.64, rgb(227,225,225)),
	color-stop(0.82, rgb(234,232,232))
);}

.handle .handleBtnDown a.btnAndroid { padding:1em 34px; background:url(/tmap2/m/event_handle/images/btn_android.png) no-repeat 50% 50%; background-size:53px 83px;}
.handle .handleBtnDown a.btnIos {width:44px; height:83px; padding:1em 40px; background:url(/tmap2/m/event_handle/images/btn_ios.png) no-repeat 50% 50%; background-size:44px 83px;}
*/


/* event_etc */
.eventEtc {text-align:center; padding:0 0 3em 0; background:#f4f4f4 url(/tmap2/m/event_etc/images/img_etc01.png) no-repeat 50% 3em; background-size:165px 234px}
/*.eventEtc h1 {padding:300px 0 0 0 ; text-indent:-5000px; width:100%; height:64px; background: url(/tmap2/m/event_etc/images/logo_tmap.png) no-repeat 50% 300px; background-size:131px; 64px}*/
.eventEtc p {width:90%; margin:0 auto; padding:300px 0 0 0; font-size:180% !important; line-height:1.4; }

.eventEtc p span.not {display:block;}
.eventEtc p span.txt01 {-webkit-text-fill-color:#404040; -webkit-text-stroke-color:#404040; -webkit-text-stroke-width:1px}

/* 정보접근 권한관리 */
.txtAccess {width:100%; border-bottom:1px solid #bebebe; margin:20px 0 0 0; padding:0 0 20px 0}
.txtAccess p { width:90%; margin:0 auto; font-size:1.143em; line-height:1.429em}
.access_info_menu li{border-bottom:1px solid #bebebe; background:#ededed}
.access_info_menu li a{display:block; padding:45px 5%; color:#464646; font-size:16px; font-weight:bold; background:url(/tmap2/m/images/access_infor/bu_access_arr.png) no-repeat 95% 50%; background-size:9px 15px;}
.access_info{padding:13px 5%; }
.access_info h2{font-size:22px}
.access_info dl{padding:10px 0 0 0; color:#1a1a1a}
.access_info dl dt{padding:5px 0; sfont-size:15px; font-weight:bold}
.access_info dl dd{padding: 0 0 5px 8px; font-size:15px;}
.access_info dl dl.info{overflow:hidden; float:left; width:100%; padding:0; }
.access_info dl .info dt{float:right; width:80%; text-align:left; }
.access_info dl .info dd{margin:0;}
.access_info dl .info dd.img{float:left; width:18%;margin:0 2% 0 0; padding:0 !important; font-size:0;}
.access_info dl .info dd.img img{width:100%; max-width:100%}

/* 레이어 팝업 */
.layerPopup{border:2px solid #a4a4a4}
.layerPopup h2{padding:10px; font-size:17px; background:#efefef; font-weight:bold  }
.layerPopup .txt{padding:8px; font-size:12px; background:#e1e1e1; color:#1a1a1a }
.layerPopup button{width:30%; }
.layerPopup .nv_dot{background:#dadada}


/* 20130808 */
#panel {width:96%; margin:10px auto}
.boxRound {-moz-border-radius: 12px; border-radius: 12px; border:1px solid #b7b9bd; overflow:hidden; margin:0 0 10px 0}
.agrt .accordion-block dt {background:#ccc url(/tmap2/m/images/common/ico_open.png) no-repeat 96% 5px; -webkit-background-size:28px 29px;  padding:10px 50px 10px 10px; font-weight:bold; color:#000}
.accordion-block dt.open {background:#ccc url(/tmap2/m/images/common/ico_close.png) no-repeat 96% 5px; -webkit-background-size:28px 29px;  padding:10px 50px 10px 10px; font-weight:bold; color:#000}
.agrt .accordion-block dd {background:#f2f2f2; border-top:1px solid #fff; }
.agrt .checkArea {border-top:1px solid #cacaca}
.agrt .checkArea div {border-top:1px solid #fff;}
#panel .agrt .cn {padding:0}
#panel .agrt .cn h2 {font-size:13px; background:none; border:none; -webkit-box-shadow:none; box-shadow:none; margin:10px 0 0 0; color:#1a1a1a;  font-weight:bold}
#panel .agrt .cn h3 {font-size:13px; margin:10px 0 0 0; color:#1a1a1a;}
#panel .agrt .cn p {font-size:13px; color:#1a1a1a !important}
#panel .agrt .cn .dpb {display:block}
.dpb {display:block !important;}

.btn_prev_agree {display:inline-block; width:109px; height:23px; }
.btn_prev_agree img{width:100%; margin-top:-3px; display:inline-block; }

#panel .agrt .cn .btn_prev_agree {display:inline-block; width:109px; height:23px; }
#panel .agrt .cn .btn_prev_agree img{width:100%; margin-top:-3px; display:inline-block; }


/* 2013-08-28 */
/* form */
input.i_text_new {width:98%; padding:3px 1%; border:1px solid #7f7f7f; font-size:1.334em; background:#fff; vertical-align:middle}

/*20150310*/
.fw_b {font-weight:bold !important;}

/* 회원 비회원 구분 */
#memberTab {overflow:hidden}
#memberTab li {float:left; width:50%; }
#memberTab li a {color:#4f4f4f; width:100%; display:block; padding:1em 0; text-align:center; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;; font-weight:bold}
#memberTab li:nth-child(1) a {border-right:1px solid #c3c3c3; }
#memberTab li a.active {background:#4f4f4f; color:#fff; border-top:2px solid #707070}


.noMember {width:90%; margin-top:20px}
.noMember dt {margin-bottom:10px; text-align:center; font-size:18px; line-height:26px; font-weight:bold; }
.noMember dt span {display:inline-block; border-bottom:1px solid #454545}
.noMember dd a.btnNonMember {width:100%; text-align:center}

.redBtn {margin:1em auto 0 auto; display:block; color:#fff; font-size:14px; line-height:1.2; padding:0.8em 0 1em 0; font-weight:bold; border:1px solid #333;
background-image: linear-gradient(bottom, rgb(206,1,38) 6%, rgb(198,36,65) 40%, rgb(244,84,132) 100%);
background-image: -o-linear-gradient(bottom, rgb(206,1,38) 6%, rgb(198,36,65) 40%, rgb(244,84,132) 100%);
background-image: -moz-linear-gradient(bottom, rgb(206,1,38) 6%, rgb(198,36,65) 40%, rgb(244,84,132) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(206,1,38) 6%, rgb(198,36,65) 40%, rgb(244,84,132) 100%);
background-image: -ms-linear-gradient(bottom, rgb(206,1,38) 6%, rgb(198,36,65) 40%, rgb(244,84,132) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(206,1,38)),
	color-stop(0.4, rgb(198,36,65)),
	color-stop(1, rgb(244,84,132))
);
box-shadow: 1px 3px 4px #d8d8d8;
-webkit-box-shadow:1px 3px 4px #d8d8d8;
-moz-box-shadow:1px 3px 4px #d8d8d8;
}

.round3 {
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.lightGrayBtn {margin:0 auto 0 auto; display:inline-block; color:#4d4d4d; font-size:14px; line-height:1.2; padding:0.8em 0 1em 0; font-weight:bold; border:1px solid #909090;
background-image: linear-gradient(bottom, rgb(210,210,210) 30%, rgb(222,222,222) 44%, rgb(254,254,254) 83%);
background-image: -o-linear-gradient(bottom, rgb(210,210,210) 30%, rgb(222,222,222) 44%, rgb(254,254,254) 83%);
background-image: -moz-linear-gradient(bottom, rgb(210,210,210) 30%, rgb(222,222,222) 44%, rgb(254,254,254) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 30%, rgb(222,222,222) 44%, rgb(254,254,254) 83%);
background-image: -ms-linear-gradient(bottom, rgb(210,210,210) 30%, rgb(222,222,222) 44%, rgb(254,254,254) 83%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(210,210,210)),
	color-stop(0.44, rgb(222,222,222)),
	color-stop(0.83, rgb(254,254,254))
);
box-shadow: 1px 2px #c6c6c6;
-webkit-box-shadow:1px 2px #c6c6c6;
-moz-box-shadow:11px 2px #c6c6c6;
}

.addHyphen {overflow:hidden}
.addHyphen span.desc {float:left; display:inline-block}
.addHyphen span.text {float:left; width:90%; margin:0 0 0 5px; }