@charset 'utf-8';

a:hover {text-decoration:none}

input[type=text],
input[type=password] { text-indent:10px; height:29px; line-height: 29px;}
select { padding:5px 0 ;}

/* button style */
.BtnS1{background: #82349C;border-radius: 2px;color: #fff;text-align: center;padding: 4px 8px;height: 27px;line-height: 1em;}

/* Wrap */
.Wrap {width:100%;height:100%;}
.Wrap header {width:100%; border-bottom: 1px solid #dcdcdc;/* background:url("../images/common/bg_header.png") repeat-x left bottom; */} /* 2018-08-06 */
.Wrap header .TopNavWrapper {width:100%;height:35px;border-bottom:1px solid #dcdcdc}
.Wrap header .TopNavWrapper .TopNav { overflow:hiddenn; width:960px;margin:0 auto}
.Wrap header .TopNavWrapper .TopNav .LogOut { float:right;}
.Wrap header .TopNavWrapper .TopNav .LogOut.Hide { display:none;}
.Wrap header .TopNavWrapper .TopNav .LogOut a { display:block; height:35px; line-height:35px; font-size:13px; color:#1e1e1e; background:#dcdcdc; width:87px; text-align:center;}

.Wrap header .TopNavWrapper .TopNav ul li {float:left;background:url("../images/common/divider.gif") no-repeat;background-position:left 12px;padding:0 10px;}
.Wrap header .TopNavWrapper .TopNav ul li:first-child {background:none}
.Wrap header .TopNavWrapper .TopNav ul li a {font-size:12px; color:#1e1e1e;line-height:35px}

/* Gnb  */

.Wrap header .HeaderWrapper {overflow:hidden; position:relative;width:960px;height:80px;margin:0 auto;padding-bottom:19px; } /* 2018-08-06 */
.Wrap header .HeaderWrapper h1 {float:left; padding-top:21px;padding-left: 15px;} /* 2018-08-06 */
.Wrap header .HeaderWrapper .Gnb { overflow:visible; position:absolute; left:160px; margin-top:38px;  float:left; width:800px;} /* 2018-08-06 */
.Wrap header .HeaderWrapper .Gnb > ul { float:left;} /* 2018-08-06 */
.Wrap header .HeaderWrapper .Gnb > ul > li { margin-left:50px; float:left;} /* 2018-08-06 */
.Wrap header .HeaderWrapper .Gnb > ul > li > a { display:block; height:20px; overflow:hidden;}
.Wrap header .HeaderWrapper .Gnb > ul > li:first-child { margin-left:0px;}
.Wrap header .HeaderWrapper .Gnb > ul > li.On a img { margin-top:-20px}

.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu { position:absolute; right:0; top:64px; overflow:visible; }
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu > li { padding-left:27px; margin-left:27px; float:left; background:url("../images/common/divider2.gif") no-repeat left 2px;;}
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu > li:first-child { margin-left:0px; padding-left:0px; background:none;}
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu > li a {font-size:16px; color:#ebdcf0; text-align:center; line-height:20px; }
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu > li.Active a { font-weight:bold; color:#fff;}
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu { display:none;}
.Wrap header .HeaderWrapper .Gnb > ul > li > ul.SubMenu.Open {display:block;}

.Wrap header .HeaderWrapper ul.util_login {float: right;top:11px;position: absolute;right: 0;} /* 2018-08-06 */

/* Contents*/
.Container {position:relative;clear:both;width:960px;margin:0 auto;padding:0;}
.Container .PageTitle {position:relative;padding-top:45px;height:46px;border-bottom:1px solid #dcdcdc;margin-bottom:50px;}
.Container .PageTitle h2 {font-size:30px;color:#1e1e1e;float:left;font-weight:normal; line-height:30px;}
.Container .PageTitle .Location {float:right;position:relative;top:15px;}
.Container .PageTitle .Location a {color:#777;font-size:13px;}
.Container .PageTitle .Location a img {margin:0 3px;}

/*Footer*/
footer {position:relative;clear:both;width:100%;height:182px;border-top:1px solid #dcdcdc;margin-top:100px;} /* 2018-08-06 */
footer .Tier1 {width:960px;height:50px;margin:0 auto}
footer .Tier1  > ul {float:left;}
footer .Tier1  > p {float:right;line-height:50px;font-size:15.5px;font-weight:bold;color:#1e1e1e;}
footer .Tier1  > p > span {font-weight:bold;font-size:17px;color:#008b10}
footer .Tier1  > ul li {float:left;line-height:50px;margin-right:20px}
footer .FooterWrapper {width:100%;background:#fff;border-top:1px solid #dcdcdc;} /* 2018-08-06 */
footer .Tier2 {width:960px;height:130px;margin:0 auto} /* 2018-08-06 */
footer .Tier2 .LeftSection {float:left;margin-top:30px;} /* 2018-08-06 */
footer .Tier2 .LeftSection p {color: #a2a2a2;font-weight: 400;line-height: 1.5;} /* 2018-08-06 */
footer .Tier2 .LeftSection p a.f_private{color:#191919;font-size: 12px;font-weight: 700;} /* 2018-08-06 */
footer .Tier2 .LeftSection p a {font-size:11px;color:#a2a2a2;margin:0 7px;letter-spacing: -.75px;} /* 2018-08-06 */
footer .Tier2 .LeftSection p a:first-child {margin-left:0}
footer .Tier2 .LeftSection .Copyright {font-size:11px;color:#a2a2a2;margin:10px 0 0;line-height:18px;} /* 2018-08-06 */
footer .Tier2 .RightSection {overflow:hidden; float:right;margin-top:35px;} /* 2018-08-06 */
footer .Tier2 .RightSection > img {float:left}
footer .Tier2 .RightSection > ul {float:right;margin:10px 0 0 25px;}
footer .Tier2 .RightSection > ul > li {margin-bottom:1px;}
footer ul.f_sns {float: right;} /* 2018-08-06 */
footer ul.f_sns > li {margin-left: 8px;margin-right: 0;} /* 2018-08-06 */

/* 2018-08-14 */
footer.renewal{font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;}
footer.renewal:before{content:'';position: absolute;top:59px;left:0;width:100%;height: 1px;background-color: #e9e9e9;}
footer.renewal .inner {position: relative;margin:0 auto;width: 960px;padding-bottom:35px;}
footer.renewal .family_site {height:60px;position:relative;}
footer.renewal .family_site ul {height:59px;}
footer.renewal .family_site li {display:table-cell;vertical-align:middle;height:59px;padding-right:30px;}
footer.renewal .sns_list {position:absolute;top:14px;right:0px;}
footer.renewal .sns_list li {float:left;padding-left:8px;}
footer.renewal .footer_link {margin-top:35px;*zoom:1;}
footer.renewal .footer_link:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
footer.renewal .footer_link li {float:left;padding-left:20px;background:url('../images/common/bar_01.png') no-repeat 10px 1px;color:#888;font-size:12px;}
footer.renewal .footer_link li:first-child {padding-left:0;background:none;}
footer.renewal .footer_link a {font-family: 'Noto Sans KR';font-size: 12px;color:#888;font-weight: 400;letter-spacing: -.3px;}
footer.renewal .footer_link .link01 { font-size: 12px;color:#652c8d;font-weight:500;}
footer.renewal .footer_link .link02 {font-size: 12px;color:#000;}
footer.renewal address {font-family: 'Noto Sans KR';display:block;padding-top:10px;color:#888;font-size:12px;letter-spacing: -.3px;font-weight: 300;}
footer.renewal address .tel_num { font-family: 'Noto Sans KR';display:inline-block;padding-left:6px;color: #888;font-weight: 300;}
footer.renewal copyright {display:block;padding-top:8px;font-family: 'NanumSquare', 'Noto Sans KR';font-weight:400;color:#888;font-size:12px;}
footer.renewal .footer_customer {position:absolute;top:95px;right:0;text-align:right;letter-spacing: -.3px;}
footer.renewal .footer_customer h3 {font-family: 'Noto Sans KR';font-weight:500;padding-bottom:6px;font-size:12px;}
footer.renewal .footer_customer .tel_num {font-family: 'NanumSquare','Noto Sans KR' ;font-size:24px;font-weight:700;line-height:24px;}
footer.renewal .footer_customer p {font-family: 'Noto Sans KR';color:#888;padding-top:3px;font-size:12px;letter-spacing: -.3px;}
/* 2018-08-14 */

/* MemSelect */
.MemSelect {}
.MemSelect .Area1 {padding-bottom:65px; margin-bottom:30px; background:url("../images/common/bg_border-bottom.png") no-repeat bottom}
.MemSelect .Area1 h1 { padding:5px 0 25px 0;font-size:22px; font-weight:bold; color:#1e1e1e; height:25px; line-height:25px;}
.MemSelect .Area1 p.TitleTxt { padding-bottom:45px; font-size:14px; color:#323232; line-height:1.4em;}
.MemSelect .Area1 h2 { padding:0 0 40px 15px; font-size:18px; color:#1e1e1e; background:url("../images/common/bullet_purple.png") no-repeat 0 4px;}
.MemSelect .Area1 ul { overflow:hidden;}
.MemSelect .Area1 ul > li { padding-left:20px; overflow:hidden; float:left; height:81px; background:url("../images/common/boundary_gray.png") no-repeat top left; }
.MemSelect .Area1 ul > li:first-child {padding-left:0px; background:none;}
.MemSelect .Area1 ul > li .ImgArea { float:left}
.MemSelect .Area1 ul > li .TxtArea { padding:0 40px 0 20px; float:left;}/*0630fix*/
.MemSelect .Area1 ul > li .TxtArea p.Title { padding:20px 0 10px; font-weight:bold; color:#1e1e1e; font-size:21px;}
.MemSelect .Area1 ul > li .TxtArea p.Site { color:#777777; font-size:13px;}

.MemSelect .Area h1.Title { padding:16px 0 25px; font-size:18px; font-weight:normal; color:#1e1e1e; background:url("../images/common/headerbg.gif") no-repeat top left;}
.MemSelect .Area p.TitleTxt { font-size:14px; color:#323232; line-height:1.4em;}
.MemSelect .Area2 {}
.MemSelect .Area2 ul { margin:27px 0 40px; overflow:hidden; }
.MemSelect .Area2 ul li { margin-left:20px; float:left;width:470px; height:162px; background:url("../images/contents/bg_libox2.png") no-repeat;}
.MemSelect .Area2 ul li:first-child { margin-left:0px;}
.MemSelect .Area2 ul li .ContWrap { padding:22px 0 0 28px}
.MemSelect .Area2 ul li .ContWrap .TxtArea { position:relative; height: 120px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea1 { background:url("../images/contents/bg_liimg1.png") no-repeat 185px 13px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea2 { background:url("../images/contents/bg_liimg2.png") no-repeat 185px 13px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea3 { background:url("../images/contents/bg_liimg3.png") no-repeat 185px 13px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea4 { background:url("../images/contents/bg_liimg4.png") no-repeat 285px 13px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea5 { background:url("../images/contents/bg_liimg5.png") no-repeat 285px 13px;}
.MemSelect .Area2 ul li .ContWrap .TxtArea h1 { padding-bottom:12px; font-size:18px; font-weight:bold; color:#333333;}
.MemSelect .Area2 ul li .ContWrap .TxtArea p { font-size:14px; color:#727071; line-height:1.4em;}
.MemSelect .Area2 ul li .ContWrap .TxtArea a { display:block; position:absolute; top:84px; left:0;}

/* 160321 추가 */
.MemSelect .Area2 ul.c_type03 li .ContWrap { padding:22px 0 0 17px}
.MemSelect .Area2 ul.c_type03 li { margin-left:21px; float:left;width:306px; height:163px; background:url("../images/contents/bg_libox3.png") no-repeat;}
.MemSelect .Area2 ul.c_type03 li:first-child { margin-left:0px;}
/* //160321 추가 */

.MemSelect .Area2 ul li.NoBg { background:none;}
.MemSelect .Area2 ul li.NoBg .ContWrap { padding:0px;}
.MemSelect .Area2 ul li.NoBg .ContWrap .Divide { position:relative; width:315px; height:78px;}
.MemSelect .Area2 ul li.NoBg .ContWrap .Divide1 { margin-bottom:5px; background:url("../images/contents/bg_card1.png") no-repeat;}
.MemSelect .Area2 ul li.NoBg .ContWrap .Divide2 { background:url("../images/contents/bg_card1.png") no-repeat;}
.MemSelect .Area2 ul li.NoBg .ContWrap .Divide a { display:block; position:absolute; right:19px; top:20px;}
.MemSelect .Area2 ul li.NoBg .ContWrap .Divide h1 { font-size:18px; font-weight:bold; color:#333; position:absolute; top:29px; left:15px;}

.MemSelect .Area3 .Part { width:958px; height:171px; background:url("../images/contents/bg_partbox.png") no-repeat;}
.MemSelect .Area3 .Part .ContWrap { padding:23px 0 0 28px; overflow:hidden;}
.MemSelect .Area3 .Part .ContWrap .TxtArea { float:left; padding-bottom:55px; position:relative; width:284px;}
.MemSelect .Area3 .Part .ContWrap .TxtArea h1 { padding-bottom:12px; font-size:18px; font-weight:bold; color:#333333; line-height:22px;}
.MemSelect .Area3 .Part .ContWrap .TxtArea p { font-size:14px; color:#727071; line-height:1.4em;}
.MemSelect .Area3 .Part .ContWrap .TxtArea a { display:block; position:absolute; top:84px; left:0;}
.MemSelect .Area3 .Part .ContWrap ul { overflow:hidden; float:left;}
.MemSelect .Area3 .Part .ContWrap ul li { margin-left:18px; float:left}
.MemSelect .Area3 .Part .ContWrap ul li:first-child { margin-left:0px;}
.MemSelect .Area3 .Part .ContWrap ul li p { margin-top:10px; font-size:13px; font-weight:bold; color:#1e1e1e; text-align:center; line-height:1.4em;}
.MemSelect .Area3 .Part1 { margin:27px 0 6px;}

/* MemStep1 */
.MemStep .HeadArea {margin-top:50px;}
.MemStep .HeadArea h1 { padding:48px 0 22px; font-size:22px; color:#1e1e1e; line-height:22px;}
.MemStep .HeadArea h1 strong { font-size:22px; font-weight:bold; color:#1e1e1e}
.MemStep .HeadArea p { padding-bottom:38px; font-size:14px; color:#323232; line-height:1.4em;}
.MemStep h1.Title { float:left; padding:16px 0 20px; font-size:18px; font-weight:normal; color:#1e1e1e; background:url("../images/common/headerbg.gif") no-repeat top left;}

.MemStep1 .ContArea {}
.MemStep1 .ContArea .BoxWrap { width:958px; height:312px;border:1px solid #dcdcdc; background:#f4f4f4;}
.MemStep1 .ContArea .BoxWrap .Box { overflow:hidden; padding:40px;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart1 { padding-right:28px; float:left; height:233px;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart2 { padding-left:30px; float:left; height:233px; background:url("../images/common/divider_long.png") no-repeat top left;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart { width:408px; overflow:hidden;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart h1 { padding-bottom:28px; font-size:18px; color:#1e1e1e; line-height:20px;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart .ImgArea { float:left;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart .TxtArea { padding-left:22px; position:relative; float:left; height:166px;}
.MemStep1 .ContArea .BoxWrap .Box .BoxPart .TxtArea p { width:260px; font-size:14px; color:#323232; line-height:1.6em; letter-spacing:-1px;padding-right:0px;}/*0702fix*/
.MemStep1 .ContArea .BoxWrap .Box .BoxPart .TxtArea a { display:block; position:absolute; bottom:0px;}
.MemStep1 .ContArea .WarnWrap { padding-top:30px;}
.MemStep1 .ContArea .WarnWrap p { padding-bottom:12px;font-size:16px; font-weight:bold; color:#1e1e1e;}
.MemStep1 .ContArea .WarnWrap ul li { margin-bottom:5px; padding-left:10px; font-size:13px; color:#323232; line-height:1.4em;background:url("../images/common/bullet_black.png") no-repeat 0 5px;}

/* 2018-10-25 */
.MemStep1.new .ContHead h1 {line-height: 1;}
.MemStep1.new .ContHead h1.Title{padding-bottom: 10px;}
.MemStep1.new .ContArea + .ContArea {margin-top: 47px;}
.MemStep1.new .ContArea .WarnWrap {padding-top: 0;}
.MemStep1.new .ContArea .WarnWrap ul li {font-size: 14px; background: url(../images/common/bullet_black.png) no-repeat 0 9px;line-height: 22px;margin-bottom: 1px;}
.MemStep1.new .certifyWrap{}
.MemStep1.new .certifyWrap{overflow:hidden;margin-bottom:40px;padding:0 20px;}
.MemStep1.new .certifyWrap .cont{position:relative;float:left;width:440px;text-align:center;border: 1px solid #e1e1e1;box-sizing: border-box;padding: 76px 0;}
.MemStep1.new .certifyWrap .cont:first-child {margin-right: 40px;}
.MemStep1.new .certifyWrap .cont h3{color:#232323;font-size:18px;font-weight:bold;line-height: 1;}
.MemStep1.new .certifyWrap .cont p{padding:24px 0 45px;color:#323232;font-size:16px;line-height:24px; height: 141px; box-sizing: border-box;}
.MemStep1.new .certifyWrap .cont h3:before{overflow:hidden;display:block;content:"";background: url('../images/common/bymember.png')  no-repeat;margin:0 auto 10px;width:80px;height:73px}
.MemStep1.new .certifyWrap .cont.write h3:before{background-position:0;width:59px}
.MemStep1.new .certifyWrap .cont.write p em {font-size: 16px;position: relative;color: #9c9c9c;}
.MemStep1.new .certifyWrap .cont.write p em:before{content:'';display: block;font-size:16px;padding-bottom: 1px;background-color: #9c9c9c;position: absolute;bottom: -1px;left: 0;width: 100%;}
.MemStep1.new .certifyWrap .cont.confirm h3:before{background-position:-59px 0;width:49px}
.MemStep1.new .btnArea{text-align:center}
.MemStep1.new .btnArea .btn{display: inline-block;min-width: 253px; background: #652c8d; color: #fff; font-size:17px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor: pointer;padding: 17px 88px 18px;border-radius: 2px;line-height: 1;}
.MemStep1.new .btnArea:after{clear:both;content:"";clear:both;}
/* 2018-10-25 */

/* MemStep2 */

p.PartTitle { padding-bottom:20px; font-size:18px; color:#1e1e1e; padding-top:15px; background:url("../images/common/headerbg.gif") no-repeat top left; height:22px;}

.ContPart { margin-bottom:50px;}
.ContPart.PushTop { margin-top:30px;}
.ContPart p.PartTitle { padding-bottom:20px; font-size:18px; color:#1e1e1e; padding-top:15px; background:url("../images/common/headerbg.gif") no-repeat top left; height:22px;}
.ContPart p.PartTitle span { font-size:14px; color:#782b91; font-weight:bold;}
.ContPart .ScrollArea { width:958px; height:140px; border:1px solid #dadada; overflow-y:scroll;}
.ContPart .ScrollArea p.TxtArea {padding:20px;}
.ContPart .ScrollArea p.TxtArea { font-size:13px; color:#777777; line-height:1.4em;}
.ContPart .ScrollArea p.TxtArea span { padding-bottom:5px; font-size:13px; font-weight:bold; color:#777777;}
.ContPart .SelectArea { overflow:hidden; width:960px; height:43px; background:url("../images/contents/scroll_bottom.png") no-repeat;}
.ContPart .SelectArea p { position:relative; padding-left:20px; float:left; }
.ContPart .SelectArea p span { font-size:13px; color:#1e1e1e; height:43px; line-height:43px;}
.ContPart .SelectArea p input {position:relative; top:-2px; margin-right:5px;}
.BtnPart { margin:0 auto; width:203px; height:42px;}

.MemStep2 .ContArea {}
.MemStep2 .ContArea .ContPart { margin-bottom:50px;}
.MemStep2 .ContArea .ContPart p.PartTitle { padding-bottom:20px; font-size:18px; color:#1e1e1e; padding-top:15px; background:url("../images/common/headerbg.gif") no-repeat top left; height:22px;}
.MemStep2 .ContArea .ContPart p.PartTitle span { font-size:14px; color:#782b91; font-weight:bold;}
.MemStep2 .ContArea .ContPart .ScrollArea { width:958px; height:140px; border:1px solid #dadada; overflow-y:scroll;}
.MemStep2 .ContArea .ContPart .ScrollArea p.TxtArea {padding:20px;}
.MemStep2 .ContArea .ContPart .ScrollArea p.TxtArea { font-size:13px; color:#777777; line-height:1.4em;}
.MemStep2 .ContArea .ContPart .ScrollArea p.TxtArea span { padding-bottom:5px; font-size:13px; font-weight:bold; color:#777777;}
.MemStep2 .ContArea .ContPart .SelectArea { overflow:hidden; width:960px; height:43px; background:url("../images/contents/scroll_bottom.png") no-repeat;}
.MemStep2 .ContArea .ContPart .SelectArea p { position:relative; padding-left:20px; float:left; }
.MemStep2 .ContArea .ContPart .SelectArea p span { font-size:13px; color:#1e1e1e; height:43px; line-height:43px;}
.MemStep2 .ContArea .ContPart .SelectArea p input {position:relative; top:-2px; margin-right:5px;}
.MemStep2 .ContArea .BtnPart { margin:0 auto; width:203px; height:42px;}

.ScrollArea .TxtWrap { padding:20px;font-size:13px; color:#777777; line-height:1.4em;}
.ScrollArea .TxtWrap p {font-size:13px; color:#777777; line-height:1.4em;}
.ScrollArea .TxtWrap ol li  { font-size:13px color:#777; margin:5px 0;}
.ScrollArea .TxtWrap ul li  { font-size:13px color:#777;}
.ScrollArea .TxtWrap h3, .ScrollArea .TxtWrap h4 { font-size:14px; color:#777; padding : 10px 0 ;}
.ScrollArea .TxtWrap span { padding-bottom:5px; font-size:13px; font-weight:bold; color:#777777;}

/* MemStep3 */
.MemStep3 .HeadArea p { padding-bottom:15px;}
.MemStep3 .HeadArea ul { padding-bottom:50px;}
.MemStep3 .HeadArea ul li { padding-left:10px; margin-top:5px; font-size:13px; color:#323232; background:url("../images/common/bullet_black.png") no-repeat 0 4px;}
.MemStep3 .HeadArea ul li:first-child { margin-top:0px;}
.ContHead { overflow:hidden;}
.ContHead h1.Title { float:left; padding:16px 0 20px; font-size:18px; font-weight:normal; color:#1e1e1e; background:url("../images/common/headerbg.gif") no-repeat top left;}
.ContHead p.Note { float:right; padding-top:16px;}
.ContHead p.Note img { margin-right:10px;}

.MemStep3 .ContArea .ContPart table.TableType1 {}
table.TableType1 { border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e;}
table.TableType1 tr th { overflow:hidden; padding-left:20px; width:108px; height:50px; line-height:50px;  border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:left; font-size:13px; font-weight:bold; color:#1e1e1e; background:url("../images/contents/bg_table_th.png") repeat-x;}
table.TableType1 tr th img {float:right; margin:20px 10px 0 0;}
table.TableType1 tr td { width:790px; padding-left:40px; border-bottom:1px solid #dadada; height:50px; line-height:50px; font-size:13px; color:#1e1e1e;}
table.TableType1 tr.NoStyle2 th,
table.TableType1 tr.NoStyle2 td { border-bottom:0px;}
table.TableType1 tr.BigTr1 th { height:100px; background:url("../images/contents/bg_table_th2.png") no-repeat}
table.TableType1 tr.BigTr1 td { height:100px;}
table.TableType1 tr.BigTr1 td span { color:#777777; }

table.TableType1 tr td input { height:26px; line-height:26px; border:1px solid #b4b4b4;}
table.TableType1 tr td input.BgBox { border:none; height:28px; background:#f5f5f5;}
table.TableType1 tr td input.Size1 { width:148px;}
table.TableType1 tr td input.Size2 { width:68px;}
table.TableType1 tr td input.Size3 { width:298px;}
table.TableType1 tr td input.Size4 { width:118px;}
table.TableType1 tr td select { width:78px; height:28px; border:1px solid #b4b4b4; line-height:28px;}
table.TableType1 tr td input[type=radio],
table.TableType1 tr td input[type=checkbox] {border:0;}

table.TableType1 tr.BigTr2 th { height:202; background:url("../images/contents/bg_table_thbig.png") no-repeat;}
table.TableType1 tr th.Align { vertical-align:top}
table.TableType1 tr td .Box {padding:20px 0; overflow:hidden;}
table.TableType1 tr td .Box .BoxPart {overflow:hidden; float:left;}
table.TableType1 tr td .Box .BoxPart h1 { padding-bottom:15px;}
table.TableType1 tr td .Box .BoxPart2 { margin-left:25px; padding-left:30px; border-left:1px solid #dcdcdc;}
table.TableType1 tr td .Box .BoxPart .ImgArea { float:left;}
table.TableType1 tr td .Box .BoxPart .TxtArea { position:relative; padding-left:16px; float:left; height:134px; }
table.TableType1 tr td .Box .BoxPart .TxtArea p { font-size:13px; color:#323232; line-height:1.4em;}
table.TableType1 tr td .Box .BoxPart .TxtArea a { position:absolute; bottom:0;}
table.TableType1 tr td .CellOption { float: right;margin: 7px 5px 0 0;}
table.TableType1 tr td.CellEmpty { text-align: center;border-bottom: 0;}

.MemStep3 .ContArea .ContPart1 { padding-bottom:45px;}
.MemStep3 .ContArea .ContPart .WarnWrap { padding-top:30px;}
.MemStep3 .ContArea .ContPart .WarnWrap p { padding-bottom:12px;font-size:16px; font-weight:bold; color:#1e1e1e;}
.MemStep3 .ContArea .ContPart .WarnWrap ul li { margin-bottom:5px; padding-left:10px; font-size:13px; color:#323232; line-height:1.4em;background:url("../images/common/bullet_black.png") no-repeat 0 5px;}
.MemStep3 .ContArea .BtnPart { margin:50px auto; width:203px; height:42px;}
/*2017-04-11*/
.MemStep3 .Area3 ul { margin-top:27px; overflow:hidden; }
.MemStep3 .Area3 ul li {position:relative; margin-left:20px; margin-bottom:20px; float:left; width:306px; height:162px; background:url("../images/contents/20170424/bg_libox3.png") no-repeat; cursor:pointer;}
.MemStep3 .Area3 ul li label{display:block; cursor:pointer;}
.MemStep3 .Area3 ul li:nth-child(3n+1){ margin-left:0px;}
.MemStep3 .Area3 ul li .ContWrap { padding:30px 0 0 37px}
.MemStep3 .Area3 ul li .ContWrap .TxtArea {position:relative; height: 120px;}
.MemStep3 .Area3 ul li .ContWrap input[type="radio"]{position:absolute; top:30px; left:12px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea1 { background:url("../images/contents/20170424/bg_liimg1.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea2 { background:url("../images/contents/20170424/bg_liimg2.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea3 { background:url("../images/contents/20170424/bg_liimg3.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea4 { background:url("../images/contents/20170424/bg_liimg3.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea5 { background:url("../images/contents/20170424/bg_liimg4.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea6 { background:url("../images/contents/20170424/bg_liimg5.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea7 { background:url("../images/contents/20170424/bg_liimg6.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea8 { background:url("../images/contents/20170424/bg_liimg7.png") no-repeat 166px 5px;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea h1 { padding-bottom:12px; font-size:16px; line-height:1.3em; font-weight:bold; color:#333333;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea p { font-size:13px; color:#727071; line-height:1.4em;}
.MemStep3 .Area3 ul li .ContWrap .TxtArea a { display:block; position:absolute; top:84px; left:0;}

html.ie table.TableType1 tr th { width:122px;}
html.ie8 table.TableType1 tr th { width:122px;}

.CardStep3 .ContArea .ContPart1 { padding-bottom:0px;}
.EditTable { padding-top:50px;}
/* Promo */
.PromoHead { margin-bottom:40px; padding:50px 0 15px; overflow:hidden; border-bottom:1px solid #1e1e1e;}
.PromoHead h1.PromoTitle { float:left; font-size:30px; #1e1e1e; height:30px; line-height:30px;}
.PromoHead p.PromoDate { float:right; font-size:13px; font-weight:bold; color:#782e91;height:30px; line-height:42px;}
.PromoHead p.PromoDate2 {color:#777777}

.PromoCont { width:960px; }
.PromoCont p { font-size:18px; text-align:center; }
/* SignIn */
.SignIn { padding-top:50px;}
.TopArea { border-bottom:1px solid #dcdcdc; height:42px; vertical-align:bottom;}
.TopArea .HeaderTitle { float:left; font-size:30px; line-height:30px; height:42px; color:#1e1e1e; }
.MemberInfo.Type0 { padding-top:50px;}
.MemberInfo .Title { font-size:18px; color:#782d91; font-weight:bold; padding-bottom:30px;}
.MemberInfo .BoxArea { background:url('../images/common/diagonal_pattern.png') no-repeat left top; width:960px; height:260px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e;}
.MemberInfo .BoxArea.BgNone { background:none; border:0;}
.MemberInfo .BoxArea .Inner { padding:40px 93px 40px 70px;}
.MemberInfo .BoxArea .Inner > img { float:left; padding-top:12px;}
.MemberInfo .BoxArea .Inner .InfoArea { margin-left:217px;}
.MemberInfo .BoxArea .Inner .InfoArea label { font-size:15px; line-height:15px; color:#1e1e1e; font-weight:bold; display:inline-block; width:107px;}
.MemberInfo .BoxArea .Inner .InfoArea input { height:23px; line-height:29px;}
.MemberInfo .BoxArea .Inner .InfoArea select { height:30px; line-height: 30px; }
.MemberInfo .BoxArea .Inner .InfoArea p { padding-top:20px;}
.MemberInfo .BoxArea .Inner .InfoArea p.First { padding-top:0;}
.MemberInfo .BoxArea .Inner .InfoArea p.Last { padding-top:10px;}
.MemberInfo .BoxArea .Inner .InfoArea .Type { padding-left:20px;}
.MemberInfo .BoxArea .Inner .InfoArea .Month { margin-left:15px;}
.MemberInfo .BoxArea .Inner .InfoArea .Day { margin-left:15px;}


.MemberInfo .BoxArea.Small .Inner { padding-top:60px;}
.MemberInfo .BoxArea.Small .Inner > img { padding-top:0px;}
.MemberInfo .BoxArea.Small .Inner .InfoArea a { display:block; padding-top:30px; }

.SignIn .MemberInfo .BoxArea.Type0 { height:230px;}
.SignIn .MemberInfo .BoxArea.Type1 { height:310px;}
.SignIn .MemberInfo .BoxArea.Type0 .Inner { padding:27px 0 27px 70px;}
.SignIn .MemberInfo .BoxArea.Type0 .Inner > img { padding:12px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type0 { padding-top:48px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type1 { padding-top:15px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type0 label { width:152px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type1 label { width:170px;}

.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type1 .Text { display:block; font-size:17px; font-weight:bold; color:#1e1e1e; line-height:1.6;  letter-spacing:-0.5px;}
.SignIn .MemberInfo .Bottom { padding-top:40px;}
.SignIn .MemberInfo .Bottom .Inner { background:url('../images/ico/top_bar.png') no-repeat left top;}
.SignIn .MemberInfo .Bottom .Inner .Query { padding:15px 0 25px 0; font-size:18px; color:#1e1e1e;}
.SignIn .MemberInfo .Bottom ul li { background:url('../images/ico/ico_circle.png') no-repeat left center; padding-left:9px; margin-bottom:10px;}
.SignIn .MemberInfo .Bottom .Note { font-size:15px; font-weight:bold; color:#782b91; padding-top:15px;}

.SignIn .MemberInfo .HeaderTitle { background:url('../images/ico/top_bar.png') no-repeat left top;}
.SignIn .MemberInfo .HeaderTitle .Query { padding:15px 0 25px 0; font-size:18px; color:#1e1e1e;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea.Type1 .Text.Color { color:#782b91;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Info { font-size:15px; font-weight:bold; color:#1e1e1e;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Conform { padding-top:10px; }
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Conform.Pw { padding-top:30px; }
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Conform p { padding-top:8px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Conform .Left { float:left;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Conform .Right { padding:10px 0 0 416px;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Txt01 { font-size:24px; color:#782d91; padding-top:8px; line-height:1.5;}
.SignIn .MemberInfo .BoxArea .Inner .InfoArea .Txt02 { font-size:15px; color:#1e1e1e; padding-bottom:40px; line-height:1.5;}

.SignIn .MemberInfo .Desc { font-size:14px; color:#323232; line-height:1.5; padding-bottom:30px;}

/* PathIndicator */
.PathIndicator { float:right; color:#777777; font-size:13px; padding-top:10px;}
.PathIndicator .Text { background:url('../images/ico/ico_membership_arrow.png') no-repeat left 6px; height:7px; padding:2px 0 0 10px; margin-left:2px; vertical-align:middle; color:#777777;}

/* SignInTab */
.SignInTab { overflow:hidden; height:45px; margin:50px 0;}
.SignInTab li { float:left; width:238px; height:43px; line-height:43px; text-align:center; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}

.SignInTab li.Focus { background:url('../images/common/tab_hover_bx.png') no-repeat left top; width:241px; height:45px; margin-top:-1px;}
.SignInTab li.First { border-left:0;}
.SignInTab li.Last { /* border-right:0; */}
.SignInTab li a { display:block; color:#1e1e1e; font-size:14px; height:43px; line-height:43px;}

/* BtnArea */
.BtnArea { text-align:center; padding-top:40px;}
.BtnArea a.Push { margin-left:10px;}
.BtnArea.NoSpace { padding-top:0px;}

/* BoardList */
.BoardList.Type0 { border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; margin-bottom:7px;}
.BoardList.Type0 th { border-right:1px solid #dadada; padding:19px 21px; text-align:left; background:url('../images/common/diagonal_pattern.png') no-repeat left top;}
.BoardList.Type0 td { padding:19px 21px; }
.BoardList.Type0 .First { border-bottom:1px solid #dadada; }


/*Style1*/

.Point { color:#8c33ab; }
.Bar_title { padding-top:10px; background:url("../images/contents/bg_Bar_title.png") no-repeat left top; }
.Round_title { padding-left:12px; background:url("../images/contents/bg_round_title.png") no-repeat left center; }




/* 로그인 */
.Login {}
	.Login .Top { position:relative; width:100%; text-align:center; }
	.Login .Top .Text { display:block; font-size:16px; margin:0 auto; }
	.Login .Top .Text.T1 { font-size:36px; }
	.Login .Top .Text.T1 .Point { font-size:36px; line-height:36px; }
	.Login .Top .Text.T2 { font-size:24px; line-height:24px; margin:36px 0 26px 0; }
	.Login .Top .Text.T3 { font-size:16px; line-height:28px; margin-top:26px; }
	.Login .Top .Text.T3 .Point { font-size:16px; }
	.Login .Bottom { position:relative; width:960px; height:251px; margin-top:40px; background:url("../images/contents/login_bg_bottom.png") no-repeat; }
	.Login .Bottom .Inner { overflow:hidden; width:480px; margin:0 auto; padding-top:58px; }
	.Login .Bottom .Inner input[type="text"],
	.Login .Bottom .Inner input[type="password"] { display:block; width:348px; height:38px; border:1px solid #b4b4b4; margin-top:10px; font-size:18px; line-height:38px; }
	.Login .Bottom .Inner .Left { float:left; margin-top:-10px; }
	.Login .Bottom .Inner .Left .FindBtn { display:inline-block; margin-top:10px; }
	.Login .Bottom .Inner .Right { float:right;}
	.Login .Bottom .Btns { padding-top:10px; float:left;}

/* 로그인
.Login {}
	.Login .Top { position:relative; width:100%; text-align:center; }
	.Login .Top .Text { display:block; font-size:16px; margin:0 auto; }
	.Login .Top .Text.T1 { font-size:36px; }
	.Login .Top .Text.T1 .Point { font-size:36px; line-height:36px; }
	.Login .Top .Text.T2 { font-size:24px; line-height:24px; margin:36px 0 26px 0; }
	.Login .Top .Text.T3 { font-size:16px; line-height:28px; margin-top:26px; }
	.Login .Top .Text.T3 .Point { font-size:16px; }
	.Login .Bottom { position:relative; width:960px; height:251px; margin-top:40px; background:url("../images/contents/login_bg_bottom.png") no-repeat; }
	.Login .Bottom .Inner { overflow:hidden; width:480px; margin:0 auto; padding-top:58px; }
	.Login .Bottom .Inner input[type="text"] { display:block; width:348px; height:38px; border:1px solid #b4b4b4; margin-top:10px; font-size:18px; line-height:18px; }
	.Login .Bottom .Inner .Left { float:left; width:360px; margin-top:-10px; }
	.Login .Bottom .Inner .Left .FindBtn { display:inline-block; margin-top:10px; }
	.Login .Bottom .Inner .Right { float:left;}

*/
/* 미인증 계정 안내 */
.Login_certi .Top { position:relative; width:100%; text-align:center; }
	.Login_certi .Top .Text { display:block; font-size:16px; margin:0 auto; line-height:16px; }
	.Login_certi .Top .Text.T1 { font-size:42px; color:#782d91; line-height:42px; }
	.Login_certi .Top .Text.T1 .Point { font-size:42px; }
	.Login_certi .Top .Text.T2 { margin:40px 0 20px 0; font-size:24px; line-height:35px; }
	.Login_certi .Top .Text.T2 .Point { color:#782d91; font-size:24px; }
	.Login_certi .Top .Text.T3 { margin-bottom:47px; font-size:16px; line-height:28px; }
	.Login_certi .Top .Text.T3 .Point { color:#782d91; font-size:16px; }
	.Login_certi .Bottom { padding:45px 0 0 45px; position:relative; width:958px; height:312px; border:1px solid #dcdcdc; background-color:#f4f4f4; }
	.Login_certi .Bottom .Inner { overflow:hidden; height:235px; }
	.Login_certi .Bottom .HowTo.Left { border-right:1px solid #dcdcdc; padding-right:30px; margin-right:30px; }
	.Login_certi .Bottom .HowTo { overflow:hidden; float:left; }
	.Login_certi .Bottom .HowTo .Div .Span { display:block; height:129px; padding-left:147px; font-size:14px; line-height:24px; }
	.Login_certi .Bottom .HowTo.Left .Div .Span { background:url("../images/contents/bg_certi_bottom_left.png") no-repeat; }
	.Login_certi .Bottom .HowTo.Right .Div .Span { background:url("../images/contents/bg_certi_bottom_right.png") no-repeat; }
	.Login_certi .Bottom .HowTo .Title { display:block; font-size:18px; line-height:18px; margin-bottom:23px; }
	.Login_certi .Bottom .HowTo .Div .Anchor { display:block; margin-left:147px; }
	.Login_certi .DoNextTime { display:block; width:144px; margin:0 auto; margin-top:39px; }


/* 인증완료 */
.Certi_ok {}
	.Certi_ok .Div { height:180px; padding-left:225px; background:url("../images/contents/bg_Certi_ok.png") no-repeat; }
	.Certi_ok .Div .Text .Point { font-size:28px; line-height:36px; }
	.Certi_ok .Div .Text .bold { font-weight:bold; font-size:28px; line-height:36px; color:#8c33ab; }
	.Certi_ok .Div .Text { font-size:15px; line-height:36px; }
	.Certi_ok .Div .GoBack { display:block; margin-top:10px; }


/* 비밀번호변경안내 */
.Pw_modify {}
	.Pw_modify .Div1 {}
	.Pw_modify .Div1 .Text,
	.Pw_modify .Div1 .Text .Point { font-size:18px; line-height:30px; }
	.Pw_modify .Div1 .Text .Point { font-weight:bold; }
	.Pw_modify .Div2 { width:960px; height:231px; margin-top:35px; background:url("../images/contents/bg_Pw_modify_div2.png") no-repeat; }
	.Pw_modify .Div2 .Fieldset { padding-left:285px; padding-top:48px; }
	.Pw_modify .Div2 .Fieldset label { display:block; float:left; width:118px; font-size:15px; line-height:30px; font-weight:bold; }
	.Pw_modify .Div2 .Fieldset .Item input[type="text"] { width:148px; height:28px; border:1px solid #b4b4b4; line-height:28px; }
	/*0605�섏젙*/
	.Pw_modify .Div2 .Fieldset .Item input[type="password"] { width:148px; height:28px; border:1px solid #b4b4b4; line-height:28px; }
	/*//0605�섏젙*/
	.Pw_modify .Div2 .Fieldset .Item { overflow:hidden; margin-bottom:20px;}
	.Pw_modify .Div2 .Fieldset .Item.P2 .Mess { font-size:13px; color:#777777; }
	.Pw_modify .Div2 .Fieldset .Item .Mess { padding-left:5px; }
	.Pw_modify .Ref { margin-top:25px; }
	.Pw_modify .Ref li { padding-left:10px; background:url("../images/contents/bg_Pw_modifylist.png") no-repeat left center; font-size:14px; line-height:22px; }
	.Pw_modify .Div4 { width:100%; margin-top:35px; text-align:center; }


/* SMS수신동의 */
.SmsAgree {}
	.SmsAgree .Div1 { padding-left:286px; background:url("../images/contents/bg_SmsAgree.png") no-repeat left top; }
	.SmsAgree .Div1 .Text .T1 { font-size:18px; line-height:31px; }
	.SmsAgree .Div1 .Text,
	.SmsAgree .Div1 .Text .Point { font-size:16px; line-height:25px; }
	.SmsAgree .Div2 { /* margin-top:50px; margin-left:286px; */ text-align: center; } /* 2018-02-01 수정 */
	/* 2018-02-01 추가 */
	.SmsAgree .Div1 {height: 200px;}
	.SmsAgree .Div1 + .ContPart.ContPart5 {margin-bottom:25px ;}
	.SmsAgree .Div1 + .ContPart.ContPart5 .ScrollArea {height: 180px;}
	.SmsAgree .Div1 + .ContPart.ContPart5 .SelectArea {background: url('none');box-sizing:border-box;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
	.SmsAgree .Div1 + .ContPart.ContPart5 .SelectArea1 {box-sizing:border-box;}
	.SmsAgree .Div1 + .ContPart.ContPart5 .SelectArea1 th {padding-left: 20px;padding-right: 20px;}
	/* 2018-02-01 추가 */


/* 휴대폰인증:팝업
.PopPhone { height:auto; }
	.PopPhone .Inner { width:540px; margin:0 auto; }
	.PopPhone .Div { position:relative; margin:0 auto; }
	.PopPhone .Div1 { width:540px; height:120px; background:url("../images/contents/bg_popPhone.png") no-repeat; }
	.PopPhone .Div1 .Text { display:block; padding:35px 0 0 156px; font-size:16px; line-height:22px; }
	.PopPhone .Div2 { margin:40px 0 60px 0; text-align:center; }
	.PopPhone .Div2 .Fieldset { display:block; overflow:hidden; height:50px; margin-bottom:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
	.PopPhone .Div2 .Label { display:block; float:left; width:158px; height:100%; border-right:1px solid #dadada; background:url("../images/contents/bg_phone_div2.png") no-repeat; font-size:13px; font-weight:bold; text-indent:20px; line-height:50px; }
	.PopPhone .Div2 .El { float:left; margin:11px 0 0 20px; }
	.PopPhone .Div2 .El select,
	.PopPhone .Div2 .El input[type="text"]{ width:78px; height:28px; border:1px solid #b4b4b4; }
	.PopPhone .Div2 .Btn_retrans { display:block; width:135px; margin:0 auto; margin-bottom:8px; }
	.PopPhone .Div2 .Ref { display:block; font-size:13px; color:#777777; line-height:13px; }
	.PopPhone .Div3 { width:540px; }
	.PopPhone .Div3 .Bar_title { font-size:18px; line-height:18px; }
	.PopPhone .Div3 .Input_number { overflow:hidden; width:100%; height:146px; margin:15px 0 19px 0; text-align:center; background:url("../images/contents/bg_phone_div3.png") no-repeat; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
	.PopPhone .Div3 .Fieldset { display:block; margin-top:30px; }
	.PopPhone .Div3 .Fieldset .Label { display:inline-block; font-size:15px; line-height:15px; width:94px; font-weight:bold; }
	.PopPhone .Div3 .Fieldset input[type="text"]{ width:148px; height:28px; border:1px solid #b4b4b4; margin-right:12px; }
	.PopPhone .Div3 .Fieldset .Text_time { font-size:13px; }
	.PopPhone .Div3 .Fieldset .Btn_Thenumber { display:inline-block; margin-top:15px; }
	.PopPhone .Div4 { width:540px; padding-bottom:50px; }
	.PopPhone .Div4 strong { display:block; margin-bottom:6px; font-weight:bold; font-size:16px; line-height:16px; }
	.PopPhone .Div4 ul li { padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px center; font-size:13px; color:#323232; line-height:22px; }
*/


/* 휴대폰인증:팝업 */
.PopPhone { height:auto; }
	.PopPhone .Inner { width:540px; margin:0 auto; }
	.PopPhone .Div { position:relative; margin:0 auto; }
	.PopPhone .Div1 { width:540px; height:120px; background:url("../images/contents/bg_popPhone.png") no-repeat; }
	.PopPhone .Div1 .Text { display:block; padding:35px 0 0 156px; font-size:16px; line-height:22px; }
	.PopPhone .Div2 { margin:40px 0 60px 0; text-align:center; }
	.PopPhone .Div2 .Fieldset { display:block; overflow:hidden; height:50px; margin-bottom:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
	.PopPhone .Div2 .Label { display:block; float:left; width:158px; height:100%; border-right:1px solid #dadada; background:url("../images/contents/bg_phone_div2.png") no-repeat; font-size:13px; font-weight:bold; text-indent:20px; line-height:50px; }
	.PopPhone .Div2 .El { float:left; margin:11px 0 0 20px; }
	.PopPhone .Div2 .El select,
	.PopPhone .Div2 .El input[type="text"]{ width:78px; height:28px; line-height:28px; border:1px solid #b4b4b4; }
	.PopPhone .Div2 .Btn_retrans { display:block; width:135px; margin:0 auto; margin-bottom:8px; }
	.PopPhone .Div2 .Ref { display:block; font-size:13px; color:#777777; line-height:13px; }
	.PopPhone .Div3 { width:540px; }
	.PopPhone .Div3 .Bar_title { font-size:18px; line-height:18px; }
	.PopPhone .Div3 .Input_number { overflow:hidden; width:100%; height:146px; margin:15px 0 19px 0; text-align:center; background:url("../images/contents/bg_phone_div3.png") no-repeat; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
	.PopPhone .Div3 .Fieldset { display:block; margin-top:30px; }
	.PopPhone .Div3 .Fieldset .Label { display:inline-block; font-size:15px; line-height:15px; width:94px; font-weight:bold; }
	.PopPhone .Div3 .Fieldset input[type="text"]{ width:148px; height:28px; border:1px solid #b4b4b4; margin-right:12px; }
	.PopPhone .Div3 .Fieldset .Text_time { font-size:13px; }
	.PopPhone .Div3 .Fieldset .Btn_Thenumber { display:inline-block; margin-top:15px; }
	.PopPhone .Div4 { width:540px; padding-bottom:50px; }
	.PopPhone .Div4 strong { display:block; margin-bottom:6px; font-weight:bold; font-size:16px; line-height:16px; }
	.PopPhone .Div4 ul li { padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px center; font-size:13px; color:#323232; line-height:22px; }



/* 회원가입:STEP4:공통 */
.JoinStep { padding-top:50px; }
	.JoinStep .Div1 {}
	.JoinStep .Div1 .Title { display:block; font-size:22px; line-height:22px; margin:45px 0 22px 0; }
	.JoinStep .Div1 .Title .bold { font-weight:bold; font-size:22px; line-height:22px; }
	.JoinStep .Div1 .Cont { display:block; margin-bottom:50px; font-size:14px; color:#323232; line-height:22px; }
	.JoinStep .Div2 {}
	.JoinStep .Div2 .Bar_title { font-size:18px; line-height:28px; }
	.JoinStep .Div2 .Tab { overflow:hidden; margin:15px 0 48px 0; }
	.JoinStep .Div2 .Tab ul { margin-left:-6px; }
	.JoinStep .Div2 .Tab ul li { float:left; margin-left:6px; }


/* 회원가입:STEP4:카드정보입력-기본카드 */
.JoinStep.cardInfo {}
	.JoinStep.cardInfo .Div3 .Round_title { font-size:18px; line-height:18px; margin-bottom:20px; }
	.JoinStep.cardInfo .Div3 .Div3Cont { width:960px; height:211px; background:url("../images/contents/bg_Div3Cont.png") no-repeat; }
	.JoinStep.cardInfo .Div3 .Div3Cont.hana {margin-top: 20px; background:url("../images/contents/bg_Div3ContHana.png") no-repeat;}
	.JoinStep.cardInfo .Div3 .Div3Cont.shinhan {margin-top: 20px; background:url("../images/contents/bg_Div3ContShinhan.png") no-repeat;}
	.JoinStep.cardInfo .Div3 .Div3Cont.tmoney {margin-top: 20px; background:url("../images/contents/bg_Div3ContTmoney.png") no-repeat;} /* 2016-08-31 */
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset { display:block; margin-left:270px; padding-top:50px; }
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset .Label { display:inline-block; width:159px; height:30px; font-size:15px; font-weight:bold; line-height:30px; }
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset input { width:28px; height:28px; border:1px solid #b4b4b4; }
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset .Item { height:30px; margin-bottom:10px; }
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset .It1 input[type="text"] { width:88px; }
	.JoinStep.cardInfo .Div3 .Div3Cont .Fieldset .It3 .Mess { font-size:13px; padding-left:15px; font-weight:bold; }
	.JoinStep.cardInfo .Div4 { width:100%; text-align:center; margin-top:40px; }


/* �뚯썝媛�엯:STEP4:移대뱶�뺣낫�낅젰-紐⑤컮�� */
.JoinStep.mobileCard {}
	.JoinStep.mobileCard .Div3 .Round_title { font-size:18px; line-height:18px; margin-bottom:20px; }
	.JoinStep.mobileCard .Div3 .Div3Cont { width:960px; height:362px; background:url("../images/contents/bg_ste4mobileDiv3Cont.png") no-repeat; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset { display:block; margin-left:270px; padding-top:50px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .Label { display:inline-block; width:199px; height:30px; font-size:15px; font-weight:bold; line-height:30px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset input { width:28px; height:28px; border:1px solid #b4b4b4; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .Top { font-size:18px; color:#782b91; line-height:18px; margin-bottom:35px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .Item { padding-left:50px; height:30px; margin-bottom:10px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .It1 span { font-size:15px; font-weight:bold; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .It1 input[type="text"] { width:88px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Fieldset .It3 .Mess { font-size:13px; padding-left:15px; font-weight:bold; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Ref { padding-left:269px; margin-top:33px; }
	.JoinStep.mobileCard .Div3 .Div3Cont .Ref li { padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px center; font-size:13px; color:#323232; line-height:22px; }
	.JoinStep.mobileCard .Div4 { width:100%; text-align:center; margin-top:40px; }


/* 회원가입완료 공통 */
.JoinTableWrap {}
	.JoinTableWrap { margin-top:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; overflow:hidden; }
	.JoinTableWrap .JoinTable { width:100%; margin-top:-1px; margin-left:-1px;  }
	.JoinTableWrap .JoinTable tbody tr th,
	.JoinTableWrap .JoinTable tbody tr td { font-size:13px; line-height:13px; padding:15px 0; text-align:left; padding-left:20px; border-left:1px solid #dadada; border-top:1px solid #dadada; }
	.JoinTableWrap .JoinTable tbody tr th { width:200px; background:url("../images/contents/bg_jointable_th.png") repeat-x; font-weight:bold; }


/* 회원가입:STEP5 - 가입완료 */
.JoinOk {}
	.JoinOk .Div3 { margin-top:40px; }
	.JoinOk .Div3 .Bar_title { font-size:18px; line-height:28px; }
	.JoinOk .Div4 { width:960px; height:175px; margin-top:40px; margin-bottom:40px; background:url("../images/contents/bg_joinokDiv4.jpg") no-repeat; }
	.JoinOk .Div4 .T1 { display:block; font-size:18px; line-height:18px; padding-top:40px; margin-left:247px; }
	.JoinOk .Div4 .T2 { display:block; margin-top:5px; font-size:12px; line-height:20px; margin-left:247px; }
	.JoinOk .Div4 .Btn_joinok_mobile { display:block; width:42px; margin:0 auto; margin-top:7px; margin-left:247px; }
	.JoinOk .Div5 { width:100%; text-align:center; }


/* 회원가입:STEP5 - 가입완료:프로모션 */
.promotion { margin-top:-40px; }
	.promotion .PointGuide { margin-bottom:40px; }
	.promotion .PointGuide .top { text-align:center; font-size:34px; line-height:45px; }
	.promotion .PointGuide .top .Point { color:#782d91; font-size:34px; line-height:45px; font-weight:bold; }
	.promotion .PointGuide .Bottom { display:block; width:100%; margin-top:25px; text-align:center; font-size:16px; line-height:28px; }
	.promotion .Div3 { margin-top:40px; }
	.promotion .Div3 .Bar_title { font-size:18px; line-height:28px; }
	.promotion .Div4 { width:960px; height:175px; margin-top:40px; margin-bottom:40px; background:url("../images/contents/bg_joinokDiv4.jpg") no-repeat; }
	.promotion .Div4 .T1 { display:block; font-size:18px; line-height:18px; padding-top:40px; margin-left:247px; }
	.promotion .Div4 .T2 { display:block; margin-top:5px; font-size:12px; line-height:20px; margin-left:247px; }
	.promotion .Div4 .Btn_joinok_mobile { display:block; width:42px; margin:0 auto; margin-top:7px; margin-left:247px; }
	.promotion .Div5 { width:100%; text-align:center; }


/* 카드정보확인 */
.affiliate {}
	.affiliate .Bar_title { font-size:18px; line-height:28px; margin-bottom:13px; }
	.affiliate .Div2 .Div2Cont { width:960px; height:196px; padding-top:65px; background:url("../images/contents/bg_affiliate_div2.png") no-repeat; }
	.affiliate .Div2 .Div2Cont .Item { margin-left:270px; }
	.affiliate .Div2 .Div2Cont .Item .Cardname { display:inline-block; width:220px; margin-bottom:20px; font-size:16px; font-weight:bold; line-height:16px; }
	.affiliate .Div2 .Div2Cont .Item .Cardnumber { display:inline-block; font-size:16px; }
	.affiliate .Div3 .Div3Cont { width:960px; height:196px; background:url("../images/contents/bg_affiliate_div3.png") no-repeat; }
	.affiliate .Div3 .Div3Cont .Fieldset { display:block; margin-left:270px; padding-top:50px; }
	.affiliate .Div3 .Div3Cont .Fieldset .Label { display:inline-block; width:199px; height:30px; font-size:15px; font-weight:bold; line-height:30px; }
	.affiliate .Div3 .Div3Cont .Fieldset input { width:28px; height:28px; border:1px solid #b4b4b4; }
	.affiliate .Div3 .Div3Cont .Fieldset .Top { font-size:18px; color:#782b91; line-height:18px; margin-bottom:35px; }
	.affiliate .Div3 .Div3Cont .Fieldset .Item { height:30px; margin-bottom:10px; }
	.affiliate .Div3 .Div3Cont .Fieldset .It1 span { font-size:15px; font-weight:bold; }
	.affiliate .Div3 .Div3Cont .Fieldset .It1 input[type="text"] { width:88px; }
	.affiliate .Div3 .Div3Cont .Fieldset .It3 .Mess { font-size:13px; padding-left:15px; font-weight:bold; }
	.affiliate .Div3 .Div3Cont .Ref { padding-left:269px; margin-top:33px; }
	.affiliate .Div3 .Div3Cont .Ref li { padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px center; font-size:13px; color:#323232; line-height:22px; }
	.affiliate .Div4 { width:100%; text-align:center; margin-top:40px; }


/* 회원탈퇴 */
.secession {}
	.secession .Bar_title { padding-top:15px; font-size:18px; line-height:18px; }
	.secession .CheckList { width:auto; padding:0 28px; margin-top:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; background-color:#f5f5f5;  }
	.secession .CheckList ul {  }
	.secession .CheckList ul li { padding:26px 0; border-top:1px solid #dcdcdc; }
	.secession .CheckList ul li .Strong { display:block; margin-bottom:15px; font-size:14px; font-weight:bold; line-height:14px; }
	.secession .CheckList ul li .Text { display:block; font-size:13px; color:#535353; line-height:22px; margin-bottom:13px; }
	.secession .CheckList ul li .Btn_secession { display:block; margin-top:17px; }
	.secession .List { display:block; padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px center; font-size:13px; color:#323232; line-height:13px; }
	.secession .Star { display:block; margin-top:15px; line-height:22px; }
	.secession .Agree { width:100%; text-align:center; margin-top:40px; margin-bottom:19px; }
	.secession .Agree label { display:inline-block; font-size:18px; line-height:18px; }
	.secession .Agree .Btn_secession03 { display:block; margin-top:20px; }


/* 고객만족도조사:안내 - STEP1 */
.Survey.Step1 {}
	.Survey.Step1 .GuideTitle { margin-bottom:50px; text-align:center; }
	.Survey.Step1 .GuideTitle .T1 { display:block; font-size:36px; line-height:50px; color:#782d91; margin-bottom:35px; }
	.Survey.Step1 .GuideTitle .T1 .Point { font-size:36px; line-height:50px; color:#782d91; font-weight:bold; }
	.Survey.Step1 .GuideTitle .T2 { display:block; font-size:16px; line-height:28px; /* 140916_modify */margin-bottom:15px;}
	.Survey.Step1 .GuideTitle .T3 { width:960px; height:264px; margin-top:27px; background:url("../images/contents/bg_Surveystp1_02.jpg") no-repeat; text-align:left; }
	.Survey.Step1 .GuideTitle .T3.NoEvent { width:960px; height:264px; margin-top:27px; background:url("../images/contents/bg_Surveystp1_02.jpg") no-repeat; text-align:left; }
	.Survey.Step1 .GuideTitle .T3.NoEvent .TxtArea { padding:40px;}
	.Survey.Step1 .GuideTitle .T3.NoEvent .TxtArea .Txt1 { color:#782d91; font-size:24px; font-weight:bold; margin-bottom:19px;}
	.Survey.Step1 .GuideTitle .T3.NoEvent .TxtArea .Txt2 { font-size:14px; color:#323232;}
	.Survey.Step1 .GuideTitle .T3 ul { padding:54px 0 0 133px; }
	.Survey.Step1 .GuideTitle .T3 ul li { overflow:hidden; }
	.Survey.Step1 .GuideTitle .T3 ul li strong,
	.Survey.Step1 .GuideTitle .T3 ul li span { float:left; font-size:14px; line-height:26px; }
	.Survey.Step1 .GuideTitle .T3 ul li strong { width:90px; font-weight:bold; }
	.Survey.Step1 .ServiceBoard { width:100%; }
	.Survey.Step1 .ServiceBoard .Select { overflow:hidden; text-align:right; }
	.Survey.Step1 .ServiceBoard .Select .PullLeft { display:block; float:left;}
	.Survey.Step1 .ServiceBoard .Select .PullLeft select { margin-left:5px;}
	.Survey.Step1 .ServiceBoard .Select .Label { padding:0 15px; }
	.Survey.Step1 .ServiceBoard .Select > a {display:block; margin-left:5px; float:right;}
	.Survey.Step1 .Table { display:table; }
	.Survey.Step1 .ServiceBoard .T2 { display:block; margin:15px 0 25px 0; }
	.Survey.Step1 .ServiceBoard label { display:inline-block; }
	.Survey.Step1 .ServiceBoard select{ width:118px; height:28px; border:1px solid #b4b4b4; }
	.Survey.Step1 .ServiceBoard input[type="text"] { width:118px; height:26px; border:1px solid #b4b4b4; }
	.Survey.Step1 .ServiceBoard .Table { width:100%;}
	.Survey.Step1 .ServiceBoard .Table .TH2 { width:50%; }
	.Survey.Step1 .ServiceBoard .Table .TD2 { text-align:left; padding-left:20px; }
	.Survey.Step1 .Else { display:block; font-size:12px; line-height:12px; margin-top:14px; }
	.Survey.Step1 .Else.Center { text-align:center;}


/* 고객만족도조사:설문 - STEP2 */
.Survey.Step2 {}
	.Survey.Step2 .DivWrap { width:958px; border:1px solid #dcdcdc; border-bottom:none; }
	.Survey.Step2 .Top { width:100%; text-align:center; padding-top:56px; }
	.Survey.Step2 .Top .T1 { display:block; font-size:30px; line-height:30px; }
	.Survey.Step2 .Top .T1 .Point { font-size:30px; line-height:30px; color:#782d91; font-weight:bold; }
	.Survey.Step2 .Top .T2 { display:block; margin:35px 0; font-size:14px; line-height:22px; }
	.Survey.Step2 .Middle { padding:0 33px; padding-bottom:11px; background:#f4f4f4; border-top:1px dashed #cdcdcd; }
	.Survey.Step2 .Middle .QList {}
	.Survey.Step2 .Middle .QList li:first-child { border-top:none; }
	.Survey.Step2 .Middle .QList li { padding:27px 0; border-top:1px solid #dcdcdc; }
	.Survey.Step2 .Middle .QList li .Subj { font-size:16px; line-height:16px; color:#782d91; font-weight:bold; }
	.Survey.Step2 .Middle .QList .Fieldset { display:block; width:100%; margin-top:20px; background:url("../images/contents/bg_surveyStep2_fieldset.png") no-repeat left top; }
	.Survey.Step2 .Middle .QList .Fieldset .Item { float:left; width:14%; text-align:center; margin-top:-6px; }
	.Survey.Step2 .Middle .QList .Fieldset.Field3 .Item { width:20%; }
	.Survey.Step2 .Middle .QList .Fieldset .Label { display:block; cursor:pointer; }
	.Survey.Step2 .Middle .QList .Fieldset .Label .Number { font-size:15px; font-weight:bold; line-height:25px; }
	.Survey.Step2 .Middle .QList .Fieldset .Label .Appr { display:block; /* 141212FRI_modify */ margin-top:8px; font-size:13px; }
	.Survey.Step2 .Middle .Textarea { width:100%; height:208px; margin:20px 0 40px 0; border:1px solid #b4b4b4; }
	.Survey.Step2 .Bg_middle { height:11px; margin:0; padding:0; line-height:0; font-size:0; }
	.Survey.Step2 .Bg_middle > img { display:block; margin:0; padding:0; line-height:0; font-size:0 !important; }
	.Survey.Step2 .Bottom { margin-top:30px; text-align:right; }


/* 고객만족도조사:완료 - STEP3 */
.Survey.Step3 {}
	.Survey.Step3 .Div1 { height:175px; background:url("../images/contents/bg_surveyStep3.png") no-repeat 60px top; padding-left:286px; }
	.Survey.Step3 .Div1 .Str { display:block; font-size:26px; line-height:36px; }
	.Survey.Step3 .Div1 .Text { display:block; margin:10px 0 20px 0; font-size:16px; line-height:24px; }


/* 가입완료:완료 - STEP3 */
.under14th {}
	.under14th .Bar_title { font-size:18px; line-height:28px; }
	.under14th .Div2,
	.under14th .Div3,
	.under14th .Div4 { margin-bottom:40px; }
	.under14th .Div5 { overflow:hidden; margin-bottom:40px; }
	.under14th .TableWrap { overflow:hidden; margin-top:19px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; }
	.under14th .TableWrap .Table { width:100%; margin-top:-1px; margin-left:-1px; }
	.under14th .TableWrap .Table tr th { width:20%; background:url("../images/contents/bg_Table_th.png") repeat-x left top; }
	.under14th .TableWrap .Table tr th ,
	.under14th .TableWrap .Table tr td { padding-top:15px; padding-left:20px; padding-bottom:15px; border-left:1px solid #dadada; border-top:1px solid #dadada; text-align:left; vertical-align:top; font-size:13px; font-weight:bold; }
	.under14th .Div2 .TableWrap .Table tr td { padding-top:10px; }
	.under14th .TableWrap .Table .Data .Str { display:inline-block; width:109px; line-height:30px; }
	.under14th .TableWrap .Table .Data .Txt { font-weight:normal; }
	.under14th .Div4 .Div4Cont ul { margin-top:12px; }
	.under14th .Div4 .Div4Cont ul li { padding-left:11px; background:url("../images/contents/bg_popDot.png") no-repeat 2px 9px; font-size:13px; color:#323232; line-height:22px; }
	.under14th .Div4 .Div4Cont ul li .Point { font-size:15px; font-weight:bold; }
	.under14th .Div5 .Div5Cont { margin-top:17px; }
	.under14th .Div5 .Div5Cont ul {}
	.under14th .Div5 .Div5Cont ul li { float:left; }
	.under14th .Div5 .Div5Cont ul li .Description { display:none; }
	.under14th .Div5 .Div5Cont ul .List01 { width:342px; height:192px; background:url("../images/contents/bg_under14th_list01.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List02 { width:310px; height:192px; background:url("../images/contents/bg_under14th_list02.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List03 { width:308px; height:192px; background:url("../images/contents/bg_under14th_list03.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List04 { width:342px; height:212px; background:url("../images/contents/bg_under14th_list04.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List05 { width:310px; height:212px; background:url("../images/contents/bg_under14th_list05.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List06 { width:308px; height:212px; background:url("../images/contents/bg_under14th_list06.png") no-repeat left top; }
	.under14th .Div5 .Div5Cont ul .List01 .Btns { padding:136px 0 0 31px; }


/* ServiceBoard */
.ServiceBoard h1 { background:url("../images/common/headerbg.gif") no-repeat ;font-size:18px; color:#1e1e1e; line-height:40px;}
.ServiceBoard table {display:block; margin-top:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4}
.ServiceBoard table tr {border-top:1px solid #dcdcdc}
/* .ServiceBoard table tr:first-child {border-top:none; background:url("../images/contents/bg_table.png") no-repeat;} 141218THU_modify */
.ServiceBoard table thead tr {border-top:none; background:url("../images/contents/bg_table.png") no-repeat 0 0;} /* 141218THU_modify */
.ServiceBoard table tr th {padding:0 27px; text-align:center; line-height:42px}
.ServiceBoard table tr .TableHeader {;background:url("../images/contents/divider.png") no-repeat; background-position:0 7px}
.ServiceBoard table tr td {text-align:center;}
.ServiceBoard table tr .Titler { width:477px; padding-left:20px; text-align:left}
.ServiceBoard table tr .New {background:url("../images/ico/ico_new.png") no-repeat;background-position: 325px 13px}
.ServiceBoard table tr .Off {background:url("../images/ico/ico_off.png") no-repeat center;}
.ServiceBoard table tr .On {background:url("../images/ico/ico_on.png") no-repeat center;}
.ServiceBoard .BotSection { margin-top:20px; padding-bottom:75px;}
.ServiceBoard .BotSection .Numbering {float:left; overflow:hidden}
.ServiceBoard .BotSection .Numbering > a {display:block; float:left; margin-right:4px;}
.ServiceBoard .BotSection .Numbering .Number { width:30px; height:30px; background:#fff;border:1px solid #dcdcdc; line-height:30px; text-align:center;}
.ServiceBoard .BotSection > a {display:block; float:right}
.ServiceBoard .BotSection .Numbering .Current {border:1px solid #777777; background:#777777; color:#fff}


/*PopUp*/
.PopUpWrapper {width:100%;height:100%; /* background:#ccc 140616_�댁슫二�_�섏젙 */}
.PopUp { margin: 100px auto; width:600px; height:441px;background:#fff;}
.PopUp h1 { position:relative; width:600px; height:70px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUp h1 > img { position: absolute; left:30px; top:22px;}
.PopUp h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUp .PWrap {width:540px; height:120px; margin:50px auto 40px; background:url("../images/contents/bg_popup.png") no-repeat;}
.PopUp .PWrap p { margin-left:40px ;text-align:center;line-height:120px; font-size:16px; color:#323232;}
.PopUp table {position:relative; left:30px; width:540px; height:50px; border-bottom:1px solid #1e1e1e;margin-bottom:20px;}
.PopUp table tr th { width:157px; height:50px; line-height:50px;  font-weight:bold;  border-top:1px solid #1e1e1e; font-size:13px; color:#1e1e1e; background:url("../images/contents/bg_popupth.png") no-repeat;}
.PopUp table tr td { width:382px; height:50px; line-height:50px;  border-top:1px solid #1e1e1e; border-left:1px solid #dadada;}
.PopUp table tr input { width:248px; height:28px; margin-left:20px; line-height:28px;}
.PopUp nav { float:right; margin-right:30px; }

/*PopUpMap */
.PopUpMap { /* margin: 100px auto; 140616_�댁슫二�_�섏젙 */ width:700px; background:#fff;}
.PopUpMap h1 { position:relative; width:700px; height:70px; margin-bottom:40px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUpMap h1 > img { position: absolute; left:30px; top:22px;}
.PopUpMap h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUpMap > img {margin-left:30px;}
.PopUpMap h2 { margin:30px 0 15px 30px; font-size:16px; color:#1e1e1e; font-weight:bold}
.PopUpMap .Info ul li {position:relative; width:400px;height:20px; }
.PopUpMap .Info ul li p { margin-left:30px; padding-left:10px; background:url("../images/contents/liststyle1.png") no-repeat 0 5px; line-height:20px}
.PopUpMap .Info ul li span {display:block; position:absolute;top:2px;left:120px; background:url("../images/contents/divider.png") no-repeat 0 0px;padding-left:10px}


/*PopUp
.PopUpWrapper {width:100%;height:100%;background:#ccc}
.PopUp { margin: 100px auto; width:600px; height:441px;background:#fff;}
.PopUp h1 { position:relative; width:600px; height:70px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUp h1 > img { position: absolute; left:30px; top:22px;}
.PopUp h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUp .PWrap {width:540px; height:120px; margin:50px auto 40px; background:url("../images/contents/bg_popup.png") no-repeat;}
.PopUp .PWrap p { margin-left:40px ;text-align:center;line-height:120px; font-size:16px; color:#323232;}
.PopUp table {position:relative; left:30px; width:540px; height:50px; border-bottom:1px solid #1e1e1e;margin-bottom:20px;}
.PopUp table tr th { width:157px; height:50px; line-height:50px;  font-weight:bold;  border-top:1px solid #1e1e1e; font-size:13px; color:#1e1e1e; background:url("../images/contents/bg_popupth.png") no-repeat;}
.PopUp table tr td { width:382px; height:50px; line-height:50px;  border-top:1px solid #1e1e1e; border-left:1px solid #dadada;}
.PopUp table tr input { width:248px; height:28px; margin-left:20px; line-height:28px;}
.PopUp nav { float:right; margin-right:30px; }
*/
/*PopUpMap
.PopUpMap { margin: 100px auto; width:700px; background:#fff;}
.PopUpMap h1 { position:relative; width:700px; height:70px; margin-bottom:40px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUpMap h1 > img { position: absolute; left:30px; top:22px;}
.PopUpMap h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUpMap > img {margin-left:30px;}
.PopUpMap h2 { margin:30px 0 15px 30px; font-size:16px; color:#1e1e1e; font-weight:bold}
.PopUpMap .Info ul li {position:relative; width:400px;height:20px; }
.PopUpMap .Info ul li p { margin-left:30px; padding-left:10px; background:url("../images/contents/liststyle1.png") no-repeat 0 5px; line-height:20px}
.PopUpMap .Info ul li span {display:block; position:absolute;top:2px;left:120px; background:url("../images/contents/divider.png") no-repeat 0 0px;padding-left:10px}
 */

/*Old*/
/*PersonalInfo*/
.Section1 {}
.Section1 span {font-size:16px;color:#8c32aa;line-height:25px;margin-bottom:20px;}
.Section1 p {font-size:13px; color:#777;line-height:20px;}
.Section2 {width:960px;height:260px;border-bottom:1px solid #dcdcdc}
.Section2 h3 {width:100%;font-size:18px;padding:15px 0 17px 0;color:#1e1e1e;background:url("../images/headerbg.gif") no-repeat;margin-top:20px;border-bottom:1px solid #dcdcdc}
.Section2 ol {float:left;margin:20px 0 0 20px;}
.Section2 .olRight {margin-left:70px;}
.Section2 ol li {font-size:14px; color:#323232;line-height:25px;list-style:circle;}
.Section2 .olWrap {width:100%;height:207px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin-top:2px}
.Section3 {clear:both;margin-bottom:270px}
.Section3 .date {padding-top:30px;}


/*PersonalInfo2 */

.PersonalInfo .Section1 span,
.PersonalInfo2 .Section1 span {font-size:16px;color:#1e1e1e !important;line-height:25px;margin-bottom:20px;}

.Table1 { width:100%; margin:10px 0 0; text-align:center;}
.Table1 th,
.Table1 td { padding:10px; border-top:1px solid #aaa; border-top:1px solid #aaa; border-left:1px solid #aaa;}
.Table1 tr th:first-child,
.Table1 tr td:first-child { border-left:0 none;}
.Table1 tr td.rowBorder {border-left: 1px solid #aaa;} /*rowspan 사용시 ie에서 border-left가 없어지는 문제 대응 */
.Table1 thead th { background-color:#eee; font-weight:bold;font-size:13px;color:#777}
.Table1 tbody td { text-align:left; line-height:1.6; border-bottom:1px solid #aaa;font-size:13px;color:#777}
.PersonalInfo2 .Section3 .BigPara  { padding-bottom:20px; border-bottom:1px solid #dcdcdc}
.PersonalInfo2 .Section3 .BigPara h3 { padding:40px 0 10px 0; font-size:16px;font-weight:bold;color:#1e1e1e;}
.PersonalInfo2 .Section3 .BigPara .SmallPara h4 {padding:20px 0 10px 0; font-size:14px;font-weight:bold;color:#1e1e1e;}
.PersonalInfo2 .Section3 .BigPara .SmallPara p {font-size:13px;color:#777;line-height:20px;}
.PersonalInfo2 .Section3 .BigPara .SmallPara .num_indent li{padding-left:15px;text-indent:-15px;font-size:13px;color:#777;line-height:20px;}/* DMG-17935 2017-12-28 */
.PersonalInfo2 .Section3 .BigPara .SmallPara p.indent{padding-left:15px;text-indent:-15px;font-size:13px;color:#777;line-height:20px;}/* DMG-17935 2017-12-28 */
.PersonalInfo2 .Section3 .BigPara11 { border:none}

.PersonalInfo .Section3 > strong,
.PersonalInfo .Section3 > h4 { display:block; padding:20px 0 10px 0; font-size:16px; font-weight:bold;color:#1e1e1e;}
.PersonalInfo .Section3 > .Table1 { margin:20px 0;}
.PersonalInfo .Section3 > p,
.PersonalInfo .Section3 {font-size:13px;color:#777;line-height:1.6;}


/* Terms */
.TermsUse .Section2 {width:960px;height:300px;border-bottom:1px solid #dcdcdc}
.TermsUse .Section2 .olWrap {width:100%;height:247px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin-top:2px}
.TermsUse .Section3 h4 { display:block; padding:20px 0 10px 0; font-size:16px; font-weight:bold;color:#1e1e1e;}
.TermsUse .Section3 p { font-size:13px;color:#777;line-height:1.6;}

/* Dispute */
.Dispute table {width:100%; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.Dispute table thead th {line-height:40px;font-size:13px;font-weight:bold;color:#1e1e1e;background:#f5f5f5;border-left:1px solid #dcdcdc}
.Dispute table thead th:first-child {border-left:none}
.Dispute table tbody th,
.Dispute table tbody td {line-height:20px;border:1px solid #dcdcdc;border-right:none;font-size:13px;color:#1e1e1e;padding:10px;}
.Dispute table tbody th {border-left:none; vertical-align:middle;}
.Dispute table .CenterAlign {text-align:center}
.Dispute table .vAlignMiddle { vertical-align:middle;}
.Dispute p {font-size:14px;font-weight:bold;color:#323232;margin-top:15px;margin-bottom:400px}


/* 0521 �섏젙 */
/* Customer */
.Customer h3 {font-size:22px;color:#1e1e1e;margin-left:5px;line-height:30px;margin-bottom:10px}
.Customer > p {background:url("../images/contents/liststyle1.png") no-repeat;background-position:0 8px;padding-left:10px;font-size:14px;color:#323232;line-height:20px;}
.Customer form > p {background:url("../images/contents/liststyle1.png") no-repeat;background-position:0 8px;padding-left:10px;font-size:14px;color:#323232;line-height:20px;}
.Customer .Section1 {margin-top:40px;}
.Customer .Section h4 {font-size:18px;color:#1e1e1e;background:url("../images/common/headerbg.gif") no-repeat;line-height:50px;margin-bottom:10px}

/* issues/846 s */
.Customer .Section1 .Box {width:960px;height:425px;background:url("../images/contents/boxbg.jpg") no-repeat;margin-top: 40px;} /* issues/927 */
.Customer .Section1 .Box .LeftBox {float:left;}
.Customer .Section1 .Box .SubBox {margin-top:50px;text-align: center; width: 326px;}
.Customer .Section1 .Box .SubBox h5 {font-size:18px;color:#1e1e1e;margin:0 0 28px 0; height:25px; line-height:25px;}
.Customer .Section1 .Box .LeftBox p {height:auto;padding-top:152px;background:url("../images/contents/boximg1.png") no-repeat 50% 0;font-size:14px;color:#323232;line-height: 24px;}
.Customer .Section1 .Box .LeftBox p span {display:block;font-size:14px;color:#323232;font-weight:bold;margin:0;}
.Customer .Section1 .Box .LeftBox p .Number {display:block;color:#782d91;font-size:20px;margin:5px 0;}
.Customer .Section1 .Box .RightBox {float:left;border-left:1px solid #dcdcdc;}
.Customer .Section1 .Box .RightBox p {height:auto;padding-top:152px;background:url("../images/contents/boximg2.png") no-repeat 50% 0;font-size:14px;color:#323232;line-height: 24px;}
.Customer .Section1 .Box .RightBox a {display:block;margin-top:10px}
.Customer .Section1 .Box .centerBox a {display:block;margin-top:10px}
.Customer .Section1 .Box .centerBox {float:left;border-left:1px solid #dcdcdc;width:289px;}
.Customer .Section1 .Box .centerBox p {height:auto;padding-top:152px;background:url("../images/contents/boximg3.jpg") no-repeat 50% 0;font-size:14px;color:#323232;line-height: 24px;}
.Customer .Section1 .Box .centerBox a {display:block;margin-top:10px}
/* issues/846 e */
.Customer .Section2 {position:relative;margin-top:60px;border:none;height:auto} /* issues/927*/
.Customer .Section2 .HeadArea { overflow:hidden;}
.Customer .Section2 .HeadArea .TxtWrap { display:left; float:left;}
.Customer .Section2 .HeadArea .TxtWrap p {font-size:14px;color:#323232;line-height:20px;background:url("../images/contents/liststyle1.png") no-repeat;background-position:0 9px;padding-left:10px}
.Customer .Section2 .HeadArea .TxtWrap p span {color:#782d91}
.Customer .Section2 .HeadArea a { display:block; float:right;}
.Customer .Section2 > .Last {padding-bottom:30px}
.Customer .Section2 > a {position:absolute;display:block;right:0;}
.Customer .Section2 .Module {position:relative;clear:both;width:100%;height:178px;border-bottom:1px solid #dcdcdc}
.Customer .Section2 .Module.first{margin-top:30px;border-top:1px solid #dcdcdc;} /* issues/927 */
.Customer .Section2 .Module .ModLeft,.Customer .Section2 .Module .ModRight {float:left}
.Customer .Section2 .Module .ModRight {position:absolute;left:550px}
.Customer .Section2 .Module .ModLeft {margin-top:30px;padding-left:120px;margin-left:20px;}
.Customer .Section2 .Module .ModLeft h5 {font-size:20px;color:#782b91;font-weight:bold;margin-bottom:10px; height:25px; line-height:25px;}
.Customer .Section2 .Module .ModLeft p {font-size:13px;color:#323232;line-height:20px;margin-bottom:20px}
.Customer .Section2 .Module .ModRight {margin:30px 0 0 80px;}
.Customer .Section2 .Module .ModRight > span {font-size:13px;color:#1e1e1e}
.Customer .Section2 .Module .ModRight p {font-size:13px;color:#777;margin-top:10px;line-height:20px}
/* .Customer .Section2 .Module1 {margin-top:30px;border-top:1px solid #dcdcdc} */ /* issues/927 삭제 */
.Customer .Section2 .Module1 .ModLeft {background:url("../images/contents/modimg1.png") no-repeat;}
.Customer .Section2 .Module2 .ModLeft {background:url("../images/contents/modimg2.png") no-repeat;}
.Customer .Section2 .Module3 .ModLeft {background:url("../images/contents/modimg3.png") no-repeat;}
.Customer .Section2 .Module4 .ModLeft {background:url("../images/contents/modimg4.png") no-repeat;}
.Customer .Section2 .Module5 .ModLeft {background:url("../images/contents/modimg5.png") no-repeat;}
.Customer .Section2 .Module6 .ModLeft {background:url("../images/contents/modimg6.png") no-repeat;}
.Customer .Section2 .Module7 .ModLeft {background:url("../images/contents/modimg7.png") no-repeat;} /* issues/927 */
.Customer .Section2 .Module8 .ModLeft {background:url("../images/contents/modimg8.png") no-repeat;} /* issues/927 */
.Customer .Section2 .Module9 .ModLeft {background:url("../images/contents/modimg9.png") no-repeat;} /* issues/927 */
.Customer .Section2 .Module10 .ModLeft {background:url("../images/contents/modimg10.png") no-repeat;} /* issues/927 */
.Customer .Section2 .Module11 .ModLeft {background:url("../images/contents/modimg11.png") no-repeat;} /* issues/927 */
/* //0521 �섏젙 */
.Customer .Section2 .info_txt {margin-top:10px; font-size:14px; font-weight:bold;} /* issues/1700 */
.Customer .btn_cu_move {display:block; margin-top:15px;} /* 2022-04-15 */

/*Confirm*/
.PageTitle h2 > img { padding:0 5px;}
.PageTitle .ConfirmSpan { font-size:20px; color:#782d91;}
.Confirm h1 { font-size:18px; color:#1e1e1e; background:url("../images/common/headerbg.gif") no-repeat; line-height:40px;}
.Confirm .TopSection { margin:40px 0 65px 70px; padding-left:226px; height:175px; background:url("../images/contents/confirm_img.png") no-repeat;}
.Confirm .TopSection h2 { margin-bottom:10px; font-size:26px; color:#1e1e1e;}
.Confirm .TopSection p { margin-bottom:25px; font-size:16px; color:#1e1e1e; line-height:25px;}
.Confirm table { margin-bottom:180px;}
.Confirm table tbody { width:960px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e;}
.Confirm table tr th { padding-left:20px; width:129px; height:50px; line-height:50px; text-align:left; background:url("../images/contents/tablebg.png") no-repeat;border-top:1px solid #dadada; border-right:1px solid #dadada}
.Confirm table tr:first-child th,.Confirm table tr:first-child td {border-top:none}
.Confirm table tr td { padding-left:18px; width:810px; border-top:1px solid #dadada;}

/*LogIn*/
label { display:none; }
.LogIn .TopArea { overflow:hidden; margin-bottom:20px;}
.LogIn .TopArea h1 { float:left; background:url("../images/common/headerbg.gif") no-repeat ;font-size:18px; color:#1e1e1e; line-height:40px;}
.LogIn .TopArea > p { position:relative; top:12px; float:right;}
.LogIn .LogInWrap { position:relative; overflow:hidden; width:960px; height:230px; margin-bottom:480px; background:url("../images/contents/loginbg.png") no-repeat;}
.LogIn .LogInWrap .LogInArea {position:relative; left:300px; top:70px}
.LogIn .LogInWrap .LogInArea p { position:relative; font-size:18px; color:#1e1e1e; line-height:38px;}
.LogIn .LogInWrap .LogInArea p input { position:absolute; left:100px; width:408px; height:38px; border:1px solid #b4b4b4}
.LogIn .LogInWrap .LogInArea .Pass {position:relative; top:10px}
.LogIn .LogInWrap .LogInArea a {display:block;position:absolute;left:520px; top:0}

/* 0521 �섏젙*/
/* ServiceBoard */
.ServiceBoard h1 { background:url("../images/common/headerbg.gif") no-repeat ;font-size:18px; color:#1e1e1e; line-height:40px;}
.ServiceBoard table { margin-top:20px; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4; width:100%;}
/* .ServiceBoard table tr:first-child {border-top:none; background:url("../images/contents/bg_table.png") no-repeat;} 141218THU_modify */
.ServiceBoard table thead tr {border-top:none; background:url("../images/contents/bg_table.png") no-repeat 0 0;} /* 141218THU_modify */
.ServiceBoard table tr th { text-align:center; line-height:42px;border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4;}
.ServiceBoard table tr td { line-height:42px;}
.ServiceBoard table tr .TableHeader {;background:url("../images/contents/divider.png") no-repeat; background-position:0 7px}
.ServiceBoard table tr td {text-align:center;border-top:1px solid #dcdcdc}
.ServiceBoard table tr .Titler { width:477px; padding-left:20px; text-align:left}
.ServiceBoard table tr .New {background:url("../images/ico/ico_new.png") no-repeat;background-position: 325px 13px}
.ServiceBoard table tr .Off {background:url("../images/ico/ico_off.png") no-repeat center;}
.ServiceBoard table tr .On {background:url("../images/ico/ico_on.png") no-repeat center;}
.ServiceBoard .BotSection { margin-top:20px; padding-bottom:75px;}
.ServiceBoard .BotSection .Numbering {float:left; overflow:hidden}
.ServiceBoard .BotSection .Numbering > a {display:block; float:left; margin-right:4px;}
.ServiceBoard .BotSection .Numbering .Number { width:30px; height:30px; background:#fff;border:1px solid #dcdcdc; line-height:30px; text-align:center;}
.ServiceBoard .BotSection > a {display:block; float:right}
.ServiceBoard .BotSection .Numbering .Current {border:1px solid #777777; background:#777777; color:#fff}
/* //0521 �섏젙*/


/* Detail */

.Detail .Section h1 { margin-bottom:15px; font-size:18px; color:#1e1e1e; line-height:40px; background:url("../images/common/headerbg.gif") no-repeat;}
.Detail .Section h2 { position:relative; width:940px;height:64px; padding-left:20px; line-height:64px; font-size:16px; font-weight:bold; color:#1e1e1e; border-top:1px solid #1e1e1e;border-bottom:1px solid #b4b4b4; background:url("../images/contents/h2_bg.png") no-repeat;}
.Detail .Section h2 span { display:block; position:absolute; right:20px; top:17px; font-size:13px; font-weight:normal; color:#1e1e1e;}
.Detail .Section p { padding:30px 15px; font-size:13px; color:#1e1e1e; line-height:20px; border-bottom:1px solid #b4b4b4}
.Detail .Section2 {margin-top:60px;}
.Detail .Section2 h2 span {top:25px}
.Detail .Section2 .BgWrap > p { padding-left:80px; background:url("../images/ico/ico_answer.png") no-repeat 20px 32px; }
.Detail .Section2 .BgWrap { background:#f5f5f5}

.Detail .Section3 {margin:20px 0;}
.Detail .Section3 h2 span {top:25px}
.Detail .Section3 .BgWrap > p { padding-left:80px; background:url("../images/ico/ico_answer.png") no-repeat 20px 32px; }
.Detail .Section3 .BgWrap { background:#f5f5f5}
.Detail .BotSection {margin-bottom:120px; overflow:hidden;}
.Detail .BotSection .BotRight {float:right}


/* 0521 �섏젙*/
/* FAQ */
.FAQ .Banner { width:960px; height:110px; margin-bottom:50px; background:url("../images/contents/bg_banner.png") no-repeat;}
.FAQ .Banner h1 { margin:0 0 10px 216px; padding-top:26px; font-size:18px; color:#1e1e1e;}
.FAQ .Banner p {  margin:0 0 0 216px; font-size:13px; color:#323232; line-height:18px}
.FAQ .TopSection h1 { overflow:hidden; margin-bottom:18px; font-size:18px; color:#1e1e1e; line-height:40px; background:url("../images/common/headerbg.gif") no-repeat;}
.FAQ .TopSection h1 a { position:relative; top:20px; float:right;}
.FAQ .TopSection table { padding-bottom:60px; border-top:1px solid #dcdcdc;}
.FAQ .TopSection table th { padding-left:20px; width:124px; line-height:44px; text-align:left; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:13px; font-weight:bold; color:#1e1e1e}
.FAQ .TopSection table th:first-child {border-left:none}
.FAQ .TopSection table td { position:relative; width:350px; padding:0 50px 12px 0; line-height:1.5; border-bottom:1px solid #dcdcdc; font-size:13px; color:#1e1e1e}
.FAQ .TopSection table td img { display:block; position:absolute; right:20px; top:19px}
.FAQ .MidSection { position:relative; margin-top:60px;height:43px;}
.FAQ .MidSection > ul > li { float:left; width:96px; height:43px;} /* 2016-03-30 멤버십 FAQ 페이지 수정 width:87px; */
.FAQ .MidSection > ul > li > a { display:block; width:96px; height:43px; text-align:center;border:1px solid #dcdcdc; border-right:none; line-height:43px; font-size:14px; color:#1e1e1e	} /* 2016-03-30 멤버십 FAQ 페이지 수정 width:87px; */
.FAQ .MidSection > ul > li:first-child > a{ border-left:none;}
.FAQ .MidSection > ul > li > ul { display:none; position:absolute; left:0 ; width:960px; height:40px; background:#f5f5f5; border-bottom:1px solid #dcdcdc; text-align:center;}
.FAQ .MidSection > ul > li.Open > ul { display:block;}
.FAQ .MidSection > ul > li.Open > a { background-color:#eee;}
.FAQ .MidSection > ul > li > ul > li { display:inline-block;}
.FAQ .MidSection > ul > li > ul > li.Current > a{color:#782d91}
.FAQ .MidSection > ul > li > ul > li > a { display:block; padding:0 10px 0 15px; line-height:43px; font-size:14px; color:#1e1e1e; background:url("../images/contents/divider_faq.png") no-repeat 0 16px}
.FAQ .MidSection > ul > li > ul > li:first-child > a { background:none}
.FAQ .SearchWrap { padding:80px 0 20px; overflow:hidden;}
.FAQ .SearchWrap .Search { float:right; overflow:hidden;}
.FAQ .SearchWrap .Search .SBox { position:relative; float:left}
.FAQ .SearchWrap .Search .SBox input { width:178px; height:26px; line-height:26px; border:1px solid #b4b4b4}
.FAQ .SearchWrap .Search .SBox a { position:absolute; right:1px; top:1px;}
html.ie7 .FAQ .SearchWrap .Search .SBox a {position:absolute; right:1px; top:2px;}
.FAQ .SearchWrap .Search > a {display:block; float:left; margin-left:5px;}
.FAQ .BotSection { width:100%;}
.FAQ .BotSection table {border-bottom:1px solid #dcdcdc;}
.FAQ .BotSection table tr {}
.FAQ .BotSection table tr th { height:43px; line-height:43px; font-size:13px; color:#1e1e1e}
.FAQ .BotSection table tr .Number {  height:43px; width:70px; border-top:1px solid #dcdcdc;}
.FAQ .BotSection table tr .Category {  height:43px; width:120px; border-top:1px solid #dcdcdc;}
.FAQ .BotSection table tr td {  height:43px; width:770px; line-height:43px; border-top:1px solid #dcdcdc; font-size:13px; color:#1e1e1e; background:url("../images/ico/ico_q_off.png") no-repeat 20px 15px;}
.FAQ .BotSection table tr td a {padding:0 50px 0 20px; margin-left:20px;}
.FAQ .BotSection table tr td a.New { background:url("../images/ico/ico_new.png") no-repeat right; }
.FAQ .BotSection table tr td .ClickMenu { display:none; background:#f5f5f5}
.FAQ .BotSection table tr td .ClickMenu p { font-size:13px; color:#6e6e6el; line-height:20px; padding:26px 0 26px 40px; background:url("../images/ico/ico_a.png") no-repeat 18px 32px; }
.FAQ .BotSection table tr .TopCell {border-top:1px solid #b4b4b4}
.FAQ .BotSection .Numbering {float:left;  margin-top:20px; padding-bottom:75px;}
.FAQ .BotSection .Numbering > a {display:block; float:left; margin-right:4px;}
.FAQ .BotSection .Numbering .Number { width:30px; height:30px; background:#fff;border:1px solid #dcdcdc; line-height:30px; text-align:center;}
.FAQ .BotSection > a {display:block; float:right}
.FAQ .BotSection .Numbering .Current {border:1px solid #777777; background:#777777; color:#fff}
/* //0521 �섏젙*/


/* Form */
.CustomerForm h1 { margin-bottom:18px; font-size:18px; color:#1e1e1e; line-height:40px; background:url("../images/common/headerbg.gif") no-repeat; }
.CustomerForm .ScrollWrapper {width:958px;height:148px;border:1px solid #dadada;overflow-y:scroll}
.CustomerForm .ScrollWrapper.typ01 {width:958px; border:1px solid #dadada; height:auto; overflow-y: auto;} /* 2020-11-30 */
.CustomerForm .ScrollWrapper .TxtWrap {padding:20px 30px;}
.CustomerForm .ScrollWrapper p { font-size:13px; color:#777777;padding:12px; overflow:hidden}
.CustomerForm .ScrollWrapper p span { font-size:13px; color:#777777; font-weight:bold;}
/* issues/1 추가 */
.CustomerForm .ScrollWrapper p span.Under1 {position:relative;}
.CustomerForm .ScrollWrapper p span.Under1::before {content:""; position:absolute; bottom:0; display:block; width:100%; height:1px; background-color:#777777;}
/* customer-git issues/1 추가 */
.CustomerForm .ScrollWrapper .point {font-weight:bold;}
.CustomerForm .ScrollWrapper .TxtWrap span .point {font-size:16px;color:#8c32aa;}
.CustomerForm .ScrollWrapper .TxtWrap span.Color1 .point {font-size:13px; color:#222;}

.CustomerForm ul {width:958px; height:42px;border:1px solid #dadada;border-top:none; border-radius: 0 0 10px 10px}
html.ie7 .CustomerForm .ScrollWrapper,
html.ie8 .CustomerForm .ScrollWrapper {border-bottom:none;}
html.ie7 .CustomerForm ul,
html.ie8 .CustomerForm ul {width:960px; height:43px; border:none; background:url("../images/common/border-bg.png") no-repeat;}
.CustomerForm ul li {float:left; padding-left:20px; height:42px; line-height:42px; font-size:13px; color:#1e1e1e;}
.CustomerForm ul li input {position:relative; top:-2px; line-height:42px}



.CustomerForm .Section2 table { width:100%; border-top:1px solid #1e1e1e;}
.CustomerForm .Section2 table th { position:relative; width:99px;height:50px;background:url("../images/contents/bg_th.png") no-repeat ;border-bottom:1px solid #dadada; border-right:1px solid #dadada;line-height:50px;text-align:left;padding-left:20px}
.CustomerForm .Section2 table th > img { position:absolute;right:10px;top:20px}
.CustomerForm .Section2 table th.BigCell { background:url("../images/contents/bg_th.png") repeat-y}
.CustomerForm .Section2 table td { padding-left:20px; width:820px; border-bottom:1px solid #dadada;}
.CustomerForm .Section2 table td:first-child {border-top:1px solid #1e1e1e;}
.CustomerForm .Section2 table td input { height:24px; line-height:24px; padding:none;margin:none}
.CustomerForm .Section2 {padding-top:50px; height:400px; border-bottom:none;}
.CustomerForm .Section2 table .BigCell { padding-bottom:5px; }
.CustomerForm .Section2 table .BigCell span { display:block; margin-top:10px;}
.CustomerForm .Section2 table td span { font-size:13px; color:#777777}
.CustomerForm .Section2 table td .Strong {color:#1e1e1e}
.CustomerForm .Section2 table td select { width:120px; height:30px; line-height:30px;}
.CustomerForm .Section2 table td #Name { width:250px; border:2px solid #1e1e1e}
.CustomerForm .Section2 table td #Phone02, .CustomerForm .Section2 table td #Phone03 {width:70px}
.CustomerForm .Section2 .info_txt {margin-top:10px; font-size:14px; font-weight:bold;} /* issues/1700 */

.CustomerForm .Section3 { margin-bottom:0;}
.CustomerForm .Section3 .MainTable { width:100%; border-top:1px solid #1e1e1e;}
.CustomerForm .Section3 .MainTable  tr td { padding:10px 0;}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th {padding-left:20px; height:40px; line-height:40px; padding-top:0; padding-bottom:0;}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr td {padding-left:20px; height:40px; line-height:40px; padding-top:0; padding-bottom:0;}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr td > select { position:relative; top:1px; width:151px; }
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .ScrollWrap { width:770px; overflow-y:scroll; height:205px; margin:0 0 20px;}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .THead { width:770px;font-size:13px; font-weight:normal}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .SmallTable.TBody { width:750px; font-size:13px; color:#777777;font-weight:normal }
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .SmallTable tr th { height:40px; line-height:40px; background:#f5f5f5; border-top:1px solid #dadada; border-bottom:1px solid #dadada ; }
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .SmallTable tbody th {background:none; text-align:left;font-size:13px; color:#000;font-weight:normal}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .SmallTable tbody th:first-child { border-top:none;}


.CustomerForm .Section3 .MainTable  tr td .Table2 tr th .SmallTable tr td { height:40px; border-bottom:1px solid #dadada ;text-align:center; line-height:40px;}
.CustomerForm .Section3 .MainTable  tr td .Table2 tr .SmallTableHeader { text-align:left; padding-left:25px;}
.CustomerForm .Section3 .MainTable  p.Left { margin:10px 0 0; font-size:13px; color:#777777;}
.CustomerForm .Section3 .MainTable  .DateText { margin-left:20px;}

.CustomerForm .Section3 table  tr .MainTh { width:99px;background:url("../images/contents/bg_th.png") repeat-y ;border-bottom:1px solid #dadada; border-right:1px solid #dadada;line-height:50px;text-align:left;padding-left:20px}
.CustomerForm .Section3 table th { overflow:hidden;}
.CustomerForm .Section3 table th > img { display:block; float:right; padding-top:20px; padding-right:10px;}
html.ie7 .CustomerForm .Section3 table th { position:relative}
html.ie7 .CustomerForm .Section3 table th > img { position:absolute; top:0; right:0;}
.CustomerForm .Section3 table  tr .MainTd { padding-left:20px;border-bottom:1px solid #dadada;}
.CustomerForm .Section3 table  tr .MainTd2 { border-top:1px solid #dadada}
.CustomerForm .Section3 table  tr .MainTd p {border:none; padding-left:20px}
.CustomerForm .Section3 table td input { height:26px;padding:0; line-height:24px; margin-right:5px; vertical-align:middle;}
.CustomerForm .Section3 table td a { display:inline-block; vertical-align:middle;}
.CustomerForm .Section3 table td select { width:120px; height:30px; line-height: 30px; vertical-align:middle; margin-top:-1px;}
.CustomerForm .Section3 .Left { padding-left:0 !important;}
#ShopName { width:574px;}

/*Common*/
.CustomerForm .Section4 table { width:100%; border-top:1px solid #1e1e1e}
.CustomerForm .Section4 table th { width:99px;height:50px;background:url("../images/contents/bg_th.png") no-repeat ;border-bottom:1px solid #dadada; border-right:1px solid #dadada;line-height:50px;text-align:left;padding-left:20px}
.CustomerForm .Section4 table th > img { display:block; float:right; padding-top:20px; padding-right:10px;}
html.ie7 .CustomerForm .Section4 table th { position:relative}
html.ie7 .CustomerForm .Section4 table th > img { position:absolute; top:0; right:0;}
.CustomerForm .Section4 table th.BigCell { background:url("../images/contents/bg_th.png") repeat-y}
.CustomerForm .Section4 table th:first-child {border-top:1px solid #1e1e1e}
.CustomerForm .Section4 table td { padding-left:20px; width:820px; border-bottom:1px solid #dadada;}

.CustomerForm .Section4 table td input { height:24px; line-height:24px; padding:none;margin:none}
.CustomerForm .Section4 {padding-top:50px; border-bottom:none;}
.CustomerForm .Section4 table .BigCell { padding-bottom:10px; }
.CustomerForm .Section4 table .BigCell span { display:block; margin-top:10px;}
.CustomerForm .Section4 table td span { font-size:13px; color:#777777}
.CustomerForm .Section4 table td .Strong {color:#1e1e1e}
.CustomerForm .Section4 table td select { width:120px; height:30px; line-height: 30px;}
.CustomerForm .Section4 table td #Name { width:250px; border:2px solid #1e1e1e}
.CustomerForm .Section4 table td #Phone02, .CustomerForm .Section2 table td #Phone03 {width:70px}
/*Common*/
.CustomerForm .Section4 table { position:relative;}
.CustomerForm .Section4 table td.BigCell { height:150px;}
.CustomerForm .Section4 table td textarea {display:block; width:820px; height:130px;resize:none}

 /* 2021-07-14  s*/
.CustomerForm .Section4 table td .TextArea{display:block;width:820px;height:130px;resize:none;-webkit-appearance:none;-webkit-transition:none;color:#777777;}
.CustomerForm .Section4 table td .TextArea::placeholder{color:#000;padding:5px}
.CustomerForm .Section4 table td .TextArea::placeholder{color:#000;opacity:1;padding:5px}
.CustomerForm .Section4 table td .TextArea::-webkit-input-placeholder{color:#000;padding:5px}
.CustomerForm .Section4 table td .TextArea::-ms-input-placeholder{color:#000;padding:5px}
.CustomerForm .Section4 table td .TextArea::-mos-input-placeholder{color:#000;padding:5px}
/* 2021-07-14  e*/

html.ie7 .CustomerForm .Section4 table td textarea { margin-top:5px;}
.CustomerForm .Section4 table #Title { width:820px;}
.CustomerForm .Section4 table #AttFile { width:561px;border:1px solid #dadada;}
.CustomerForm .Section4 table .BigCell2 { height:135px;}
.CustomerForm .Section4 table th.BigCell2 { background:url("../images/contents/bg_th.png") repeat-y}
.CustomerForm .Section4 table .BigCell2 p { margin-top:13px; line-height:20px}
.CustomerForm .Section4 table .BigCell2 .FileBottom {margin-top:5px}
.CustomerForm .Section4 table .BigCell2 .FileBottom > a, .CustomerForm .Section4 table .BigCell2 .FileTop > a {padding-left:5px}
.CustomerForm .BotSection { overflow:hidden; padding:20px 0 50px;}
.CustomerForm .BotSection .BotRight {float:right}
.CustomerForm .BotSection > a { display:block; float:left}

html.ie7 .CustomerForm .Section4 table th { border-top:none;}
.CustomerForm .Section table td input {text-indent:0;}

html.ie7 .CustomerForm .Section4 table th.BigCell { vertical-align:top;}
.CustomerForm .Section table th.Border { border-bottom:1px solid #1e1e1e;}
.CustomerForm .Section table td.Border { border-bottom:1px solid #1e1e1e;}


.PopUpWrapper {width:100%;height:100%; /* background:#ccc 140616_�댁슫二�_�섏젙 */}
.PopUp { margin: 100px auto; width:600px; height:441px;background:#fff;}
.PopUp h1 { position:relative; width:600px; height:70px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUp h1 > img { position: absolute; left:30px; top:22px;}
.PopUp h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUp .PWrap {width:540px; height:120px; margin:50px auto 40px; background:url("../images/contents/bg_popup.png") no-repeat;}
.PopUp .PWrap p { margin-left:40px ;text-align:center;line-height:120px; font-size:16px; color:#323232;}
.PopUp table {position:relative; left:30px; width:540px; height:50px; border-bottom:1px solid #1e1e1e;margin-bottom:20px;}
.PopUp table tr th { width:157px; height:50px; line-height:50px;  font-weight:bold;  border-top:1px solid #1e1e1e; font-size:13px; color:#1e1e1e; background:url("../images/contents/bg_popupth.png") no-repeat;}
.PopUp table tr td { width:382px; height:50px; line-height:50px;  border-top:1px solid #1e1e1e; border-left:1px solid #dadada;}
.PopUp table tr input { width:248px; height:28px; margin-left:20px; line-height:28px;}
.PopUp nav { float:right; margin-right:30px; }

/*PopUpMap */

.PopUpMap { /* margin: 100px auto; 140616_�댁슫二�_�섏젙 */ width:700px; height:688px; background:#fff;}
.PopUpMap h1 { position:relative; width:700px; height:70px; margin-bottom:40px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUpMap h1 > img { position: absolute; left:30px; top:22px;}
.PopUpMap h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUpMap > img {margin-left:30px;}
.PopUpMap h2 { margin:30px 0 15px 30px; font-size:16px; color:#1e1e1e; font-weight:bold}
.PopUpMap .Info ul li {position:relative; width:400px;height:20px; }
.PopUpMap .Info ul li p { margin-left:30px; padding-left:10px; background:url("../images/contents/liststyle1.png") no-repeat 0 5px; line-height:20px}
.PopUpMap .Info ul li span {display:block; position:absolute;top:2px;left:120px; background:url("../images/contents/divider.png") no-repeat 0 0px;padding-left:10px}

/*PopUp
.PopUpWrapper {width:100%;height:100%;background:#ccc}
.PopUp { margin: 100px auto; width:600px; height:441px;background:#fff;}
.PopUp h1 { position:relative; width:600px; height:70px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUp h1 > img { position: absolute; left:30px; top:22px;}
.PopUp h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUp .PWrap {width:540px; height:120px; margin:50px auto 40px; background:url("../images/contents/bg_popup.png") no-repeat;}
.PopUp .PWrap p { margin-left:40px ;text-align:center;line-height:120px; font-size:16px; color:#323232;}
.PopUp table {position:relative; left:30px; width:540px; height:50px; border-bottom:1px solid #1e1e1e;margin-bottom:20px;}
.PopUp table tr th { width:157px; height:50px; line-height:50px;  font-weight:bold;  border-top:1px solid #1e1e1e; font-size:13px; color:#1e1e1e; background:url("../images/contents/bg_popupth.png") no-repeat;}
.PopUp table tr td { width:382px; height:50px; line-height:50px;  border-top:1px solid #1e1e1e; border-left:1px solid #dadada;}
.PopUp table tr input { width:248px; height:28px; margin-left:20px; line-height:28px;}
.PopUp nav { float:right; margin-right:30px; }

/*PopUpMap

.PopUpMap { margin: 100px auto; width:700px; height:688px;background:#fff;}
.PopUpMap h1 { position:relative; width:700px; height:70px; margin-bottom:40px; font-size:24px; color:#000000; text-align:center; line-height:70px; border-top:4px solid #8c32aa;background:#f5f5f5}
.PopUpMap h1 > img { position: absolute; left:30px; top:22px;}
.PopUpMap h1 > a { display:block; position:absolute; right:30px; top:22px;}
.PopUpMap > img {margin-left:30px;}
.PopUpMap h2 { margin:30px 0 15px 30px; font-size:16px; color:#1e1e1e; font-weight:bold}
.PopUpMap .Info ul li {position:relative; width:400px;height:20px; }
.PopUpMap .Info ul li p { margin-left:30px; padding-left:10px; background:url("../images/contents/liststyle1.png") no-repeat 0 5px; line-height:20px}
.PopUpMap .Info ul li span {display:block; position:absolute;top:2px;left:120px; background:url("../images/contents/divider.png") no-repeat 0 0px;padding-left:10px}
 */
.PopPhone { height:860px;}

/*paging*/
.Paging {padding:20px 0 0;}
.Paging a {display:inline-block; border:1px solid #dcdcdc; width:30px; height:20px; padding:10px 0 0; font-size:11px; text-align:center; vertical-align:top }
.Paging a.Current {background:#777; border:1px solid #777; color:#fff;}
.Paging a:hover {text-decoration:none;background:#777; border:1px solid #777; color:#fff;}
.Paging a.Image {border:0; padding:0;  height:30px;}

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


.NoPad { padding:0px; margin:0px;}
.BarTitle { margin-top:25px;  padding-bottom:20px; font-size:18px; color:#1e1e1e; padding-top:15px; background:url("../images/common/headerbg.gif") no-repeat top left; height:22px;}
.BarTitle.PushTop { margin-top:35px;}
.DotTitle { padding-left:8px; margin-bottom:40px; font-size:18px; color:#1e1e1e; line-height:22px; background:url("../images/ico/purple_dot.png") no-repeat 0 7px;}
.DotTitle.NoSpace { margin-bottom:0px;}
.StepHead { padding:33px 0 22px; font-size:22px; color:#1e1e1e; height:22px; line-height:22px;}
.StepHead strong { font-size:22px; font-weight:bold; }

.SelectBar {position:absolute;right:0;top:-3px; width:335px; height:30px;}
.SelectBar select {width:108px; height:30px; line-height:30px; border:1px solid #b4b4b4;}
.SelectBar input { width:160px; height:28px; line-height:28px; border:1px solid #b4b4b4; padding:0px;}
.SelectBar a { display:block; float:right; width:55px; height:30px;}

.BtnArea.PullTop { padding-top:0px;}

ul.ListedTxt { margin-bottom:38px;}
ul.ListedTxt li { padding-left:10px; font-size:13px; height:20px; line-height:20px;  background:url("../images/ico/ico_circle.png") no-repeat 0 7px;}

.TextBox { padding-left:285px; padding-top:20px; margin-bottom:40px; height:196px; width:675px; background:url("../images/contents/bg_textbox.png") no-repeat 60px 20px;}
.TextBox.Img2 { background:url("../images/contents/bg_phone.png") no-repeat 60px 20px;}
.TextBox.Img3 { background:url("../images/contents/bg_textbox2.png") no-repeat 60px 20px;}
.TextBox.Img4 { background:url("../images/contents/bg_textbox3.png") no-repeat 60px 20px;}
	.TxtArea {}
	.TxtArea h1.BoxTitle { margin-top:25px; margin-bottom:15px; font-size:24px; color:#782d91; font-weight:bold; line-height:1.4em; }
	.TxtArea h1.BoxTitle2 { margin-bottom:15px; font-size:20px; font-weight:normal; color:#782d91; line-height:1.4em;}
	.BoxTitle.PushTop { padding-top:20px;}
	.TxtArea p { font-size:15px; color:#1e1e1e; padding-right:45px; line-height:1.4em;}
	.TxtArea p span { font-size:15px; color:#782b91;}
	.BtnWrap { margin-top:30px;}
	.BtnWrap a { margin-right:5px;}
	/* a.Btn {display:block; padding-top:30px;} 1400627_�섏젙_�댁슫二� */
	a.Btn {display:block; padding-top:30px; height:42px; width:145px;}
	p.Note { margin-top:10px;font-size:12px; color:#807e7e; }
	p.Note.Style2 { margin-top:35px; font-size:13px; color:#323232; }
.TextBox.Bigger { height:220px; background:url("../images/contents/bg_textbox2.png") no-repeat 60px 40px;}


ul.SiteList { padding-bottom:67px; margin-bottom:50px; overflow:hidden; background:url("../images/contents/bg_border.png") no-repeat bottom left;}
	ul.SiteList li {width:190px; height:139px; border-left:1px solid #dcdcdc; float:left;}
	ul.SiteList li:first-child { border-left:0 none;}
	ul.SiteList li p.ListWrap { text-align:center;}
	ul.SiteList li p.ListWrap img { margin-bottom:15px;}
	ul.SiteList li .ListTitle { padding-bottom:8px;height:20px; line-height:20px; text-align:center; font-size:21px; color:#1e1e1e; font-weight:bold;}
	ul.SiteList li  { text-align:center;}

	.SiteList.Type2 { padding-bottom:0px; height:206px; background:url("../images/contents/bg_confirm.png") no-repeat}
	.SiteList.Type2 li {padding-top:30px; height:176px;}
	.SiteList.Type2.x4 li { width:239px;}

	.SiteList.ItemCenter { text-align: center;}
	.SiteList.ItemCenter li { display: inline-block;float: none; width:236px;}
	.SiteList.ItemCenter li.Fl_l{float:left}
	.Pt3{padding-top:3px;}

.DualTable { overflow:hidden; width:960px; height:321px; background:url("../images/contents/bg_dualtable.png") no-repeat; margin-bottom:10px; /* 140905_�댁쁺 */}
	.LTable { float:left; width:420px; height:261px;margin:30px;position:relative;}
	.RTable { float:left;width:420px; height:261px;margin:30px;}
	.TableType1.Margin {margin-top:20px;}
	.TableType1.Small th { height:42px; line-height:42px; text-align:Center; border-right:none;}
	.TableType1.Small td {height:42px; line-height:42px; text-align:Center;}
	.TableType1.Small td.Gray { background:#f7f7f7; }
	.TableType1.Small td.Gray a { vertical-align:middle;}
	.TableType1.Small tr.Big td{ height:84px; line-height:84px;}
	.ScrollWrap { width:420px; height:175px; overflow-y:scroll;}

	.TableType1.Small td a.BtnSelect { margin:0 auto; display:block; width:75px; height:27px; line-height:27px; text-align:center; font-size:13px; color:#fff; background:url("../images/btn/btn_bg.png") no-repeat; }

.Confirmation { display:none; width:960px; height:206px; background:url("../images/contents/bg_confirm.png") no-repeat;}
.Confirmation.Active { display:block;}
.Confirmation h1 {/* height:30px; 140905_�댁쁺 */ line-height:30px;font-size:24px; font-weight:bold; color:#782d91; text-align:center; padding:55px 0 0 0;}
.Confirmation p { font-size:15px; color:#1e1e1e; text-align:center; margin-top:15px;}
.Confirmation .BtnArea {padding-top:20px;}

.TxtBoxWrap { padding:20px; border:1px solid #dadada;}
.TxtBoxWrap .Txt { font-size:13px; color:#1e1e1e; }
.TxtBoxWrap ul li { font-size:13px; color:#1e1e1e; padding-top:7px;}

.CheckWrap { margin-top:20px; overflow:hidden;}
.CheckWrap .Check { float:right; font-size:13px; color:#1e1e1e;}

/* 130801_�댁쁺_誘몄씤利앷퀎�� */
.not_user {overflow:hidden; margin-bottom:40px;}
.not_user h1 span {font-size:18px;}
.not_user .ContHead span {color:#782d91;}
.not_user > p {font-size:14px; line-height:1.5em; margin-bottom:40px;}
.not_user > p > span {color:#782d91;}
.not_user .join {background-color:#f4f4f4; overflow:hidden; border:1px solid #dcdcdc; padding:40px;}
.not_user .join .ipin {float:left;}
.not_user .join .ipin h2 {font-size:18px; margin-bottom:30px;}
.not_user .join .ipin .inpin_join {background:url('../images/contents/modify_img01.png') no-repeat 0 0; overflow:hidden; padding-left:145px;}
.not_user .join .ipin .inpin_join p {font-size:14px; line-height:1.5em; margin-bottom:40px;}
.not_user .join .mobile {float:left; border-left:1px solid #dcdcdc; margin-left:30px; padding-left:30px;}
.not_user .join .mobile h2 {font-size:18px; margin-bottom:30px;}
.not_user .join .mobile .mobile_join {background:url('../images/contents/modify_img02.png') no-repeat 0 0; overflow:hidden; padding-left:145px;}
.not_user .join .mobile .mobile_join p {font-size:14px; line-height:1.5em; margin-bottom:19px;}

/* 140813_�댁쁺_CU援먰넻移대뱶 */
.traffic_wrap {overflow:hidden;}
.traffic_wrap .card_info {overflow:hidden; margin-bottom:60px;}
.traffic_wrap .card_info .Bar_title {margin-bottom:25px;}
.card_info .diagonal_bg {background:url('../images/contents/bg_diagonal.gif') repeat 0 0; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; padding:58px 75px;}
.card_info .traffic_card {overflow:hidden;}
.card_info .traffic_card .indent_area {background:url('../images/contents/traffic_img01.png') no-repeat 0 0; overflow:hidden; margin:0 auto; width:810px;}
.card_info .traffic_card .indent_area dl {display:block; overflow:hidden; margin-left:195px; padding-top:10px; width:615px;}
.card_info .traffic_card .indent_area dl:first-child {padding-top:0;}
.card_info .traffic_card .indent_area dl dt {display:inline-block; float:left; font-size:15px; font-weight:bold; line-height:1.5em; padding-top:5px; width:150px;}
.card_info .traffic_card .indent_area dl dd {display:inline-block; float:left; width:465px;}
.card_info .traffic_card .indent_area dl dd .input_area {overflow:hidden;}
.card_info .traffic_card .indent_area dl dd .input_area input[type=text],
.card_info .traffic_card .indent_area dl dd .input_area input[type=password] {background-color:#fff; border:1px solid #b4b4b4; font-size:15px; line-height:28px; text-align:center; text-indent:0; height:28px;}
.card_info .traffic_card .indent_area dl dd .card input[type=text] {width:88px;}
.card_info .traffic_card .indent_area dl dd .card span {color:#777;}
.card_info .traffic_card .indent_area dl dd .password input[type=password] {display:block; float:left; margin-left:5px; font-size:15px; text-align:center; width:28px;}
.card_info .traffic_card .indent_area dl dd .password input[type=password]:first-child {margin-left:0;}
.card_info .traffic_card .indent_area .password_confirm {overflow:hidden;}
.card_info .traffic_card .indent_area .password_confirm .password,
.card_info .traffic_card .indent_area .password_confirm .confirm {float:left;}
.card_info .traffic_card .indent_area .password_confirm .confirm {margin-left:20px; padding-top:7px;}

.youth_info {overflow:hidden;}
.youth_info .Bar_title {margin-bottom:25px;}
/* .youth_info p {margin-bottom:30px;} */
.youth_info .info {line-height:1.5em; margin-bottom:25px;}
.youth_info ul {overflow:hidden; margin-bottom:30px;}
.youth_info ul li {color:#8c33ab; line-height:1.5em;}
.youth_info ul li:first-child {margin-bottom:5px;}
.youth_info ul li span {display:inline-block; float:left; margin-right:10px; height:35px;}
.youth_info .diagonal_bg {background:url('../images/contents/bg_diagonal.gif') repeat 0 0; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; padding:20px 75px;}
.youth_info .info_class {overflow:hidden;}
.youth_info .info_class .indent_area {background:url('../images/contents/traffic_img01.png') no-repeat 0 0; overflow:hidden; margin:0 auto; min-height:61px; padding-top:30px; width:810px;}
.youth_info .info_class .indent_area dl {display:block; overflow:hidden; margin-left:195px; width:615px;}
.youth_info .info_class .indent_area dl dt {display:inline-block; float:left; font-size:15px; font-weight:bold; line-height:1.5em; padding-top:5px; width:150px;}
.youth_info .info_class .indent_area dl dd {display:inline-block; float:left; width:465px;}
.youth_info .info_class .indent_area dl dd .input_area {overflow:hidden;}
.youth_info .info_class .indent_area dl dd .input_area select {background-color:#fff; display:inline-block; float:left; border:1px solid #b4b4b4; font-size:13px; margin-left:5px; padding:5px; height:30px; width:103px;}
.youth_info .info_class .indent_area dl dd .input_area select:first-child {margin-left:0;}
.youth_info .info_class .indent_area dl dd .input_area span {display:inline-block; float:left; line-height:30px; margin-right:5px; margin-left:5px;}

.traffic {overflow:hidden; padding-top:40px;}
.traffic .Div3Cont {margin-bottom:30px;}
.traffic ul {overflow:hidden;}
.traffic ul li {background:url('../images/common/bullet_black.png') no-repeat 0 7px; display:block; overflow:hidden; font-size:14px; line-height:1.5em; padding-left:8px;}

/* 140829_operation_customer_list */
.customer_list {overflow:hidden;}
.customer_list h1 {background:url('../images/common/headerbg.gif') no-repeat 0 0; font-size:18px; line-height:1.5em; margin-bottom:20px; padding-top:10px;}
.customer_list .board_list {background:url('../images/contents/bg_table.png') repeat-x 0 0; overflow:hidden; margin-bottom:20px;}
.customer_list .board_list table {table-layout:fixed; width:100%;}
.customer_list .board_list table thead tr th {background:url('../images/contents/divider.png') no-repeat 0 9px; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4; font-size:14px; font-weight:bold; line-height:22px; text-align:center; vertical-align:middle; padding-top:9px; padding-bottom:10px; height:22px;}
.customer_list .board_list table thead tr th:first-child {background:none;}
.customer_list .board_list table tbody tr.last_tr td {border-bottom:1px solid #b4b4b4;}
.customer_list .board_list table tbody tr td {border-bottom:1px solid #dcdcdc; line-height:22px; text-align:center; padding-top:8px; padding-bottom:8px; height:22px;}
.customer_list .board_list table tbody tr td.title {text-align:left; padding-left:8px;}
.customer_list .board_list table tbody tr td.title a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:515px;}
.customer_list .board_list table tbody tr td.title > span {display:inline-block; padding-left:5px;}
.customer_list .BotSection {overflow:hidden;}
.customer_list .BotSection .Paging {float:left; padding-top:0;}
.customer_list .BotSection > a {display:block; float:right;}

/* 140829_operation_customer_question */
.customer_question {overflow:hidden; margin-bottom:60px; width:960px;}
.customer_question h3 {background:url('../images/common/headerbg.gif') no-repeat 0 0; font-size:18px; line-height:1.5em; margin-bottom:20px; padding-top:10px;}
.customer_question table {width:100%;}
.customer_question table thead tr th {background:url('../images/common/bg_diagonal.gif') repeat 0 0; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4; font-weight:bold; line-height:16px; vertical-align:middle; padding-top:25px; padding-bottom:25px; height:16px;}
.customer_question table thead tr th:first-child {font-size:16px; text-align:left; padding-left:20px;}
.customer_question table tbody tr td {border-bottom:1px solid #b4b4b4; line-height:2em; vertical-align:middle; padding:20px;}

/* 140829_operation_customer_answer */
.customer_answer {overflow:hidden; width:960px;}
.customer_answer .repaet_answer {margin-bottom:20px;}
.customer_answer h3 {background:url('../images/common/headerbg.gif') no-repeat 0 0; font-size:18px; line-height:1.5em; margin-bottom:20px; padding-top:10px;}
.customer_answer table {table-layout:fixed; width:100%;}
.customer_answer table thead tr th {background:url('../images/common/bg_diagonal.gif') repeat 0 0; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4; font-weight:bold; line-height:16px; vertical-align:middle; padding-top:25px; padding-bottom:25px; height:16px;}
.customer_answer table thead tr th:first-child {font-size:16px; text-align:left; padding-left:20px;}
.customer_answer table tbody tr td {background:url('../images/ico/ico_answer.png') no-repeat 22px 29px; background-color:#f5f5f5; border-bottom:1px solid #b4b4b4; vertical-align:middle; padding:20px 20px 20px 80px;}
.customer_answer table tbody tr td .answer_txt {overflow:hidden; line-height:2em; min-height:60px; width:860px;}

/* 140915_modify */
.point_de2f00 {color:#de2f00 !important;}

/* survey_bnr */
.survey_bnr {overflow:hidden;}

/* 140918_modify */
.youth_info .point_de2f00 {margin-bottom:10px;}
.youth_info .point_de2f00 strong {color:#de2f00; font-size:17px; font-weight:bold;}

/* 141104TUE_modify */
.relative .SiteList .Fl_l {width:319px;}
.relative .MemberInfo .BoxArea.Small .Inner {padding-top:40px;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea dl {overflow:hidden; margin-bottom:20px;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea dl dt,
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea dl dd {display:block; float:left;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea dl dt {color:#1e1e1e; font-size:15px; font-weight:bold; line-height:30px; width:107px;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea dl dd select {border:1px solid #b4b4b4;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea p {margin-bottom:20px; padding-top:0;}
.relative .MemberInfo .BoxArea.Small .Inner .InfoArea a {padding-top:0;}
.relative .Inner .SiteList.Type2.x3 li {width:319px;}

/* 141106THU_modify */
.unify {overflow:hidden;}
.unify .comment {overflow:hidden; margin-bottom:40px;}
.unify .comment p {font-size:16px; line-height:1.5em; text-align:center;}
.unify .comment p span {font-size:16px; color:#782d91;}
.unify .comment p:first-child {font-size:36px; line-height:1.2em; margin-bottom:40px;}
.unify .comment p:first-child span {color:#782d91; font-size:42px;}
.unify .comment.finish p:first-child {color:#782d91; font-size:32px; line-height:1.1em; margin-bottom:15px;}
.unify .comment.finish p {font-size:16px;}
.unify .comment.finish p span {color:#782d91; font-size:16px;}

.unify .info {overflow:hidden; margin-bottom:40px;}
.unify .info h3 {font-size:18px; line-height:1.5em; margin-bottom:10px;}
.unify .info .table_style {overflow:hidden;}
.unify .info .table_style table {border-bottom:1px solid #1e1e1e; table-layout:fixed; width:100%;}
.unify .info .table_style table tbody tr th,
.unify .info .table_style table tbody tr td {border-top:1px solid #dcdcdc; text-align:left; padding-top:20px; padding-bottom:20px; padding-left:20px;}
.unify .info .table_style table tbody tr:first-child th,
.unify .info .table_style table tbody tr:first-child td {border-top:1px solid #1e1e1e;}
.unify .info .table_style table tbody tr th {background:url('../images/common/bg_unify.jpg') repeat 0 0; font-weight:bold;}
.unify .info .table_style table tbody tr td {border-left:1px solid #dcdcdc;}

.unify .choose {overflow:hidden; margin-bottom:40px;}
.unify .choose h3 {font-size:18px; line-height:1.5em; margin-bottom:10px;}
.unify .choose > p {margin-bottom:10px;}
.unify .choose > p.txt_777 {color:#777; font-size:12px;}
.unify .choose .diagonal_box {background:url('../images/common/bg_unify.jpg') repeat 0 0; overflow:hidden; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; padding-top:25px; padding-bottom:25px; height:175px;}
.unify .choose .diagonal_box .choose_area {background:url('../images/contents/unify_img01.png') no-repeat 60px 0; overflow:hidden; padding-left:290px; height:175px;}
.unify .choose .diagonal_box .choose_area ul {overflow:hidden; padding-top:60px;}
.unify .choose .diagonal_box .choose_area ul li {display:block; overflow:hidden; padding-top:20px;}
.unify .choose .diagonal_box .choose_area ul li:first-child {padding-top:0;}
.unify .choose .diagonal_box .choose_area ul li label {display:inline;}

.unify .use_password {overflow:hidden; margin-bottom:20px;}
.unify .use_password h3 {font-size:18px; line-height:1.5em; margin-bottom:10px;}
.unify .use_password > p {margin-bottom:10px;}
.unify .use_password .diagonal_box {background:url('../images/common/bg_unify.jpg') repeat 0 0; overflow:hidden; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; padding-top:25px; padding-bottom:25px; height:175px;}
.unify .use_password .diagonal_box .password_area {background:url('../images/contents/unify_img02.png') no-repeat 60px 0; overflow:hidden; padding-left:290px; height:175px;}
.unify .use_password .diagonal_box .password_area dl {display:block; overflow:hidden;}
.unify .use_password .diagonal_box .password_area dl:first-child {margin-bottom:20px; padding-top:46px;}
.unify .use_password .diagonal_box .password_area dl dt,
.unify .use_password .diagonal_box .password_area dl dd {display:inline-block; float:left; height:35px;}
.unify .use_password .diagonal_box .password_area dl dt {font-size:15px; font-weight:bold; line-height:35px; width:170px;}
.unify .use_password .diagonal_box .password_area dl dd {margin-left:15px;}
.unify .use_password .diagonal_box .password_area dl dd input[type=password] {text-align:center; text-indent:0; width:125px;}

.unify .btn_center {overflow:hidden; text-align:center;}

/* 141114FRI_modify */
.use_card {overflow:hidden; margin-bottom:30px;}
.use_card h3 {font-size:18px; line-height:1.1em; margin-bottom:25px;}
.use_card > p {margin-bottom:20px;}
.use_card table {border-bottom:1px solid #1e1e1e; width:100%;}
.use_card table thead tr th {background-color:#f5f5f5; border-top:1px solid #1e1e1e; border-bottom:1px solid #b4b4b4; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.use_card table tbody tr th {font-weight:bold; vertical-align:middle; padding-top:10px; padding-bottom:10px;}
.use_card table tbody tr.border_top th,
.use_card table tbody tr.border_top td {border-top:1px solid #b4b4b4;}
.use_card table tbody tr td {text-align:center; padding-top:10px; padding-bottom:10px;}
.use_card table tbody tr td label {display:inline;}

/* 2016-08-31 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .a {display:block;}
.pop-layer {display:none; position:absolute; top:50%; left:50%; width:600px; height:auto; background-color:#fff;}
.pop_layer {position:absolute; top:50%; left:50%; width:600px; height:410px; background:#fff; border:1px solid #8c32aa; z-index:999;}
.pop_layer .pbtn_close {display:inline-block; width:29px; height:29px; position:absolute; top:23px; right:25px;}
.pop_layer .t_logo{position:absolute; top:15px; left:25px;}
.pop_layer .pop-conts .tit{padding:28px 30px; background:#f5f5f5; font-size:24px; text-align:center;}
.pop_layer .pop-conts .cont{margin:30px; padding:30px 0; background:#f5f5f5; border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.pop_layer .pop-conts .cont ul{overflow:hidden;}
.pop_layer .pop-conts .cont ul li{float:left; width:50%; padding:0 30px; height:220px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pop_layer .pop-conts .cont ul li.left{position:relative;}
.pop_layer .pop-conts .cont ul li.left:after{position:absolute; content:''; width:1px; height:100%; right:0; top:6px; background:url('../images/contents/traffic_bg.png') repeat-y;}
.pop_layer .pop-conts .cont p{font-size:18px; padding-left:20px; position:relative; line-height:20px; margin-bottom:20px;}
.pop_layer .pop-conts .cont p:before{position:absolute; content:''; width:7px; height:7px; left:0; top:6px; background:#8c33ab; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pop_layer .pop-conts .cont ul li a{margin-top:15px; float:right;}

/* 2017-04-11_landing */
.MemStep .landing {position:relative; width:100%; height:376px; margin-top:50px; padding-bottom:20px; text-align:center; background:url('../images/contents/20170424/bg_landing.jpg') no-repeat;}
.MemStep .landing h1{font-size:32px; color:#8c32aa; padding:95px 0 20px; line-height:1.1em; font-weight:bold;}
.MemStep .landing p{font-size:18px; line-height:1.5em; margin-bottom:30px;}
.MemStep .landing p strong{font-size:18px; line-height:1.5em; font-weight:bold;}

/* 2017-10-27 약관수정 */
.ContPart .SelectArea1 { overflow:hidden; /* height:90px; */ border:1px solid #d9d9d9;}
.ContPart.ContPart5 .SelectArea1 {width:960px; border-top:none;}
.ContPart .SelectArea1 p { position:relative; padding-left:20px; float:left; }
.ContPart .SelectArea1 p span { font-size:13px; color:#1e1e1e; height:43px; line-height:43px;}
.ContPart .SelectArea1 p input {position:relative; top:-2px; margin-right:5px;}
.ContPart .SelectArea1 table {width:100%;}
.ContPart .SelectArea1 th {text-align:center; vertical-align:middle; border-right:1px solid #d9d9d9; line-height:1; background:url("../images/contents/bg_table_th.png") repeat; line-height:1.4;}
.ContPart .SelectArea1 td {vertical-align:middle; line-height:1;}
.ContPart .receive_agree > th {line-height:2; vertical-align:middle; background:url("../images/contents/bg_table_th.png") repeat;}
.ContPart .receive_agree > td {padding-left:0;}
.ContPart .receive_agree .SelectArea1 {border:none;}
.ContPart .receive_agree .SelectArea1 th {padding:0 20px; border:none; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:none; font-weight:normal; }
.ContPart .receive_agree .SelectArea1 td {padding:0; border:none; border-bottom:1px solid #d9d9d9;}
.ContPart .receive_agree .SelectArea1_notice {padding:10px;}

/* 휴면회원 */
.diapause_member{position: relative;}
.diapause_member > img{position: absolute;left:60px;}
.diapause_member .cont_box{padding:0 0 0 285px;color:#782d91;font-size:24px;line-height:35px;letter-spacing:-1px;}
.diapause_member .cont_box > strong{color:#782d91;font-size:28px;font-weight: bold;}
.diapause_member .cont_box > p{padding:20px 0 30px;color: #1e1e1e;font-size: 15px;}

.MemStep2 .ContArea .ContPart .ScrollArea .Section1,
.MemStep2 .ContArea .ContPart .ScrollArea .Section2,
.MemStep2 .ContArea .ContPart .ScrollArea .Section3{width:auto;}
.MemStep2 .ContArea .ContPart .ScrollArea .Section2 .olWrap{border: none;}
.MemStep2 .ContArea .ContPart .ScrollArea .Section3{margin-bottom: 0;}

.errorWrap{}
.errorWrap .errorTop{border-bottom:4px solid #8c32aa;height:90px;overflow:hidden;}
.errorWrap .errorTop .logo{width:960px;margin:25px auto 0;}
.errorWrap .errorCon{text-align:center;padding: 160px 0 0 0;width:960px;margin:0 auto;position:relative;}
.errorWrap .errorCon .photo{margin-bottom:20px;}
.errorWrap .errorCon .errorTxt_01{font-size:22px;line-height:30px;}
.errorWrap .errorCon .errorTxt_02{font-size:16px;line-height:30px;}
.errorWrap .errorCon .btnBig{margin-top:20px;}

/* 2021-07-14 */
/* 버튼 */
.btn_center{text-align: center;}
.btn_web_gray {display:inline-block;height:45px;font-size:16px;color:#000000;background:#cccccc;text-align:center;cursor:pointer;width:140px;}
.btn_web_purple {display:inline-block;height:45px;font-size:16px;color:#ffffff;background:#652c8d;text-align:center;cursor:pointer;width:140px;}
.btn_web_stay {display:inline-block;line-height:45px;font-size:16px;color:#ffffff;background:#cccccc;text-align:center;cursor:default;width:140px;}

/* 레이어 마스크 */
.layer_mask {position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:300;}

/* 레이어 팝업 */
.layer_m_popup {position:fixed;top:50%;left:50%;margin-left:-300px;width:600px;background:#ffffff;z-index:500;}
.layer_m_popup h2 {background:#652c8d;padding-top:30px;height:50px;font-size:20px;color:#ffffff;text-align:center;line-height: 1;}
.layer_m_popup .close {display:block;position:absolute;top:32px;right:30px;width:17px;height:17px;font-size:0;background:url('../images/common/ico_close_01.png') no-repeat;cursor:pointer;}
.layer_m_popup .pop_contents {overflow-y:auto;max-height:590px;}
.layer_m_popup .pop_box {padding:30px 0 0;}
.layer_m_popup .info_text01 {line-height:24px;font-size:14px;color:#1e1e1e;letter-spacing:-0.5px;text-align: center;}
.layer_m_popup .btn_web_purple.w_100{width: 100%;display: block;}
.layer_m_popup .agree_area{text-align: center;padding:20px 0;}
.layer_m_popup .agree_area ul{display: flex;align-items: center;justify-content: center;}
.layer_m_popup .agree_area ul li + li {margin-left: 15px;}
.layer_m_popup .agree_area ul li input[type="radio"] {margin:0 5px 0 0;}

/* 리스트확인 팝업 */ /* issues/1 추가 */
.full_popup {/* display:none; */ background-color:#ffffff; overflow:hidden; box-sizing:border-box; opacity:0; position:fixed; right:0; left:0; top:100%; margin:0 auto; height:100%; max-width:540px; width:100%; z-index:100;}
.full_popup {transition:top 0.4s ease-in-out, opacity 0.2s 0.2s;}
.full_popup.on {opacity:1; top:0; z-index:999;}
.full_popup header {border-bottom:1px solid #DBE1DC; background-color: #fff; transition: all .3s;}
.full_popup .head {overflow:hidden; box-sizing:border-box; position:relative; padding:18px 16px 17px 24px; height:56px; z-index:5;}
.full_popup .head .closed {position:absolute; right:16px; top:50%; margin-top:-16px; height:32px; width:32px; background:url("/images/popup/btn_close.gif") center/60% no-repeat;}
.full_popup .contents {box-sizing:border-box; overflow-x:hidden; overflow-y:auto; height:100%; max-height:calc(100vh - 136px);}
.full_popup .pop_sub {padding-bottom:150px;}
.full_popup h1 {font-size:16px; font-weight:400; line-height:1.375em; letter-spacing:-0.4px;}

.full_popup .common_terms {padding:0 16px 40px;}
.full_popup .Table1 {margin-top:11px; table-layout:fixed; width:100%; overflow:hidden;}
.full_popup .Table1 thead th,
.full_popup .Table1 tbody td {border:1px solid #dce1e5; font-family:'Noto Sans KR'; font-weight:400; box-sizing:border-box; font-size:12px; text-align:left; padding:11px 8px;}
.full_popup .Table1 thead th {background-color:#f2f5f7; border-bottom:none; text-align:center;}


/* 통합 로그인 */
.Login .PageTitle h2 span {color:#888; font-size:14px;}

.LoginCont {margin:60px auto 244px;}
.LoginCont .LoginForm {margin:0 auto; width:498px;}
.LoginCont .LoginForm .TitleWrap .tit {font-size:30px; font-weight:bold; text-align:center;}

.LoginSet {width:498px;}
.LoginSet .TxtInput:not(:first-child) {margin-top:32px;}
.LoginSet .TxtInput .FormTit {padding-bottom:8px; color:#666666; font-size:13px; font-weight:bold;}
.LoginSet .TxtInput .InputSet .FormTxt {display:block; border-bottom:1px solid #EEE;}
.LoginSet .TxtInput .InputSet .FormTxt input {display:flex; box-sizing:border-box; padding:11px 40px 11px 8px; width:100%; height:43px; border:none; color:#222; font-size:18px; letter-spacing:-0.36px; text-indent:0;}
.LoginSet .TxtInput .InputSet .FormTxt input::placeholder {color:#eee;}
.LoginSet .TxtInput .InputSet .Msg {display:none; position:relative; margin:7px 0 0 0; line-height:18px; box-sizing:border-box;}/* 입력값 유효문구 */
.LoginSet .TxtInput .InputSet .Msg .IconSprite24 {display:block; background:url('../images/contents/icon_24_wrn.svg') no-repeat 0 0 / contain; width:24px; height:24px;}
.LoginSet .TxtInput .InputSet .Msg p {font-size:12px; font-weight:400; line-height:140%; letter-spacing:-0.48px;}
.LoginSet .TxtInput.Wrn .InputSet .Msg {display:flex; align-items:flex-start;}
.LoginSet .TxtInput[class*="pass"] .Msg,
.LoginSet .TxtInput[class*="Wrn"] .Msg {display:block;}
.LoginSet .TxtInput[class*="pass"] .Msg p {color:#37d243;}
.LoginSet .TxtInput[class*="Wrn"] .Msg p {color:#ff003c;}

.LoginCont .BtnWrap {display:flex; margin-top:40px;}
.LoginCont .BtnWrap .ButtonLogin {display:flex; align-items:center; justify-content:center; flex:1; width:100%; height:60px; border-radius:100px; background:linear-gradient(90deg, #7040FF 0%, #D588FF 100%); color:#fff; font-size:20px; font-weight:bold; line-height:110%; letter-spacing:-0.3px;}

.LoginCont .QrArea {}
.LoginCont .QrArea .QrDesc {margin:60px 0 0; color:#222; font-size:14px; line-height:140%; text-align:center;}
.LoginCont .QrArea .QrDesc strong {font-weight:bold;}
.LoginCont .QrArea .ButtonBrandLink {display:flex; align-items:center; justify-content:center; box-sizing:border-box; margin:20px auto 0; padding:12px 0; width:185px; border-radius:22px; border:1px solid #DDD; background:#FFF; color:#444; font-size:14px; font-weight:600;}
.LoginCont .QrList {display:flex; justify-content:space-between; gap:0 30px;}
.LoginCont .QrList .QrItem {}
.LoginCont .QrList .QrItem .QrCode {width:140px;}
.LoginCont .QrList .QrItem .QrTitle {margin-top:8px; color:#222; font-size:16px; font-weight:normal; line-height:130%; letter-spacing:-0.32px; text-align:center;}

.LoginCont .EasyLogin ul {display:flex; align-items:center; justify-content:center; gap:0 20px; margin:32px 0 40px;}
.LoginCont .EasyLogin ul li {overflow:hidden; width:48px; height:48px;}
.LoginCont .EasyLogin ul li .icon {display:block; width:48px; height:48px; border-radius:24px; background:no-repeat center/contain;}
.LoginCont .EasyLogin ul li.naver .icon {background-image: url('../images/ico/ico_login_naver.svg');}
.LoginCont .EasyLogin ul li.kakao .icon {background-image: url('../images/ico/ico_login_kakao.svg');}
.LoginCont .EasyLogin ul li.apple .icon {background-image: url('../images/ico/ico_login_apple.svg');}