@charset "utf-8"; body{font-family:'Noto Sans KR',sans-serif; margin:0 auto;} pre{font-family:'Noto Sans KR',sans-serif;} *{box-sizing:border-box; outline:none;} /* =============================================================================== */ #wrap{display:block; position:relative; min-width:320px; max-width:720px; min-height:720px; margin:0 auto;} .InnerContainer{display:block; position:relative;} .ContentsSection{display:block; position:relative;} /* =============================================================================== */ /* 홈페이지바로가기버튼추가(20200415) */ .FooterLink{display:block; position:relative; text-align:center; margin:0.6em 1em 1em 1em; } .FooterLink a{display:block; color:#f0597d; font-size:16pt; font-weight:bold; line-height:3em; text-decoration:none; outline:none; border:1px solid #f0597d; border-radius:5px; background-color:#fff;} .FooterLink a span{} /* 안내문구 */ .Tax_InfoText{display:block; text-align:left;} .Tax_InfoText p{color:#939293; font-size:8pt; line-height:1.6em;} .EventForm_v6 .Tax_InfoText p{line-height:1em;} /* =============================================================================== */ /* 하단사업자영역(30190821) */ .FooterArea{content:""; clear:both; display:block; position:relative; color:#fff; text-align:center; margin:auto; background-color:#333333; padding:1.5em;} .FooterArea img{display:inline-block; width:35%;} .FooterArea p{display:block; font-size:10pt; line-height:1.4em; letter-spacing:-1px; word-break:keep-all; margin:1em auto;} .FooterArea p strong{display:block; color:#f0597d;} .FooterArea address{display:block; font-size:8pt;} .FooterArea address + span{display:block; font-weight:100;} /* =============================================================================== */ /* 레이어팝업판넬기본구성(202106) : 바로예약(e예약함께하기) */ .LayerPopPanelBg{position:fixed; top:0px; right:0px; bottom:0px; left:0px; text-align:center; background-color:rgba(0,0,0, 0.8); padding:2%; z-index:9999; display:none;} /* 위치,배경,여백,설정 */ .LayerPopPanel{display:block; position:relative; font-size:11pt; text-align:left; background-color:#fff; margin:auto; } .LayerPopPanelHead{display:block; position:relative; border-bottom:1px solid #dadada; padding:15px; } .LayerPopPanelHead .Title{display:block; position:relative;} .LayerPopPanelHead .Title p{display:block; position:relative; font-weight:bold; text-align:center; } .LayerPopPanelHead .Btn_Close{display:inline-table; position:absolute; right:0%; top:0%; line-height:1.4em; cursor:pointer;} .LayerPopPanelHead .Btn_Close > *{display:table-cell; vertical-align:middle; line-height:1em;} .LayerPopPanelHead .Btn_Close strong{font-weight:normal;} .LayerPopPanelHead .Btn_Close span{font-size:22pt; } /* × 특문일때 */ .LayerPopPanelHead .Btn_Close b{display:block; position:relative; width:1em; height:1em; text-align:center; margin-left:0.3em; cursor:pointer; overflow:hidden;} /* 스타일일때 */ .LayerPopPanelHead .Btn_Close b:after{content: ''; display:block; position:absolute; top:-0.45em; left:-0.5em; width:2em; height:0px; border-bottom:1px solid #272727; transform:translateY(14px) rotate(45deg);} .LayerPopPanelHead .Btn_Close b:before{content: ''; display:block; position:absolute; top:-0.45em; right:-0.5em; width:2em; height:0px; border-bottom:1px solid #272727; transform:translateY(14px) rotate(-45deg);} .LayerPopPanelBody{display:block; position:relative; max-height:31em; padding:10px; overflow-y:scroll;} .LayerPopPanelFooter{display:block; position:relative; padding:10px 15px;} /* 버튼영역*/ .LayerPopPanelFooter .List{display:table; width:100%; table-layout:fixed;} .LayerPopPanelFooter .List li{display:table-cell; vertical-align:middle;} .LayerPopPanelFooter .EnterBtn{display:block; position:relative; color:#fff; font-size:12pt; letter-spacing:1px; line-height:1em; font-weight:bold; text-align:center; border:1px solid #f0597d; border-radius:3px; background-color:#f0597d; padding:0.8em 0px; cursor:pointer;} .LayerPopPanelFooter .EnterBtn p{} .LayerPopPanelFooter .EnterBtn:hover p{transform:scale(0.94); -webkit-transition:scale(0.94);} .LayerPopPanelFooter .EnterBtn.EnterBtnBorder{} .LayerPopPanelFooter .EnterBtnBorder{color:#f0597d; background-color:#fff;} .LayerPopPanelBottom{display:block; position:relative; font-size:10pt; text-align:center; background-color:#f8f8f8; padding:15px;} /* 브랜드영역 */ .LayerPopPanelBottom p{} @media all and (min-width:720px) { .LayerPopPanel{width:800px;} } /* =============================================================================== */ /* =============================================================================== */ /* =============================================================================== */ /* ----------------------------------------------------------------------------------------- */ #container .event { padding: 15px; } /* background: url('/image/common/bg-pattern.png'); */ #container .event .title {border: none; margin: 0;} #container .event .title h2 {padding: 0; margin: 0; border: none;} #container .event .title h2 img {width: 100%} #container .event .event-tbl { width: 100%; table-layout: fixed; font-size: 12px; margin: 0 auto; background-color: #fff; padding: 12px 6px} #container .event .event-tbl tfoot td { text-align: center; } /* =============================================================================== */ /* v1(201801106) */ #container .event.v1{background:none; padding:0px;} #container .event.v1 .event-tbl{padding:0px; border:3px solid #f4517c;} #container .event.v1 .event-tbl th{padding:3% 4% 0% 4%;} #container .event.v1 .event-tbl td{padding:3% 4%;} #container .event.v1 .event-tbl td input{border-radius:4px;} #container .event.v1 .event-tbl td select{border-radius:4px;} #container .event.v1 tr#sEvent1{} #container .event.v1 tr#sEvent1 td{padding-top:0px; padding-bottom:0px;} #container .event.v1 tr#sEvent1 th{} #container .event.v1 .selected{} /* 이벤트 선택항목 */ .Label_Text{display:table; white-space:normal !important; word-break:break-all; cursor:pointer;} .Label_Text input{position:relative; top:3px; margin-right:5px;} .Label_Text span{ line-height:1.5em;} .Label_Text input:checked + span{font-weight:bold;} /* 타이틀 */ .FormTitle{font-size:12pt; text-align:center; margin:auto; font-family:'Noto Sans KR',sans-serif; box-sizing:border-box; background-color:#f4517c; background:url('/image/form/bg001.jpg') repeat top center; background-size:100%; padding:2.5% 1.5% 1.5% 1.5%;} .FormTitle h2{color:#fff; text-shadow:1px 2px 5px #ec3c63} .FormTitle h2 b{color:#fffeb6;} /* 지점 */ .Label_Branch{display:inline-block; width:30%;} /* 신청버튼 */ .EventEnterBtn{color:#ffffff; font-size:16pt; text-align:center; border-radius:7px; padding:18px; cursor:pointer; background:#ef4c85; background: -moz-linear-gradient(top, #ef4c85 0%, #f03876 100%); background: -webkit-linear-gradient(top, #ef4c85 0%,#f03876 100%); background: linear-gradient(to bottom, #ef4c85 0%,#f03876 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4c85', endColorstr='#f03876',GradientType=0 );} /* 동영상삽입*/ .Movie_Iframe{position:relative; width:100%; margin:0; padding:0; padding-bottom:56.25%;} .Movie_Iframe iframe{position:absolute; left:0; width:100%; height:100%; margin:0; padding:0;} /* 신청자목록 */ .v1 .RqnList{table-layout: fixed; width:100%; color:#ffffff; background-color:#555490;overflow:hidden} .v1 .RqnList th{font-size:11pt;} .v1 .RqnList td{padding:3% 2%;} .v1 .RqnList .benefit .cont{float:none; display:block; width:100%;} .v1 .RqnList .benefit .cont ul{} .v1 .RqnList .benefit .cont ul li{width:100%; padding:1px 0; color:#fff; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .v1 .RqnList .benefit .cont ul li span, .v1 .RqnList .benefit .cont ul li strong{height:1em; font-size:12px; padding-right:1px;} .v1 .RqnList .benefit .cont ul li span{display:inline-block;} .v1 .RqnList .benefit .cont ul li strong{display:inline-block; width:40%; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px;} .v1 .RqnList .benefit .cont .bx-viewport{background-color:#555490} @media all and (min-width:720px) { .v1 .RqnList .benefit .cont ul li{font-size:21px;letter-spacing:-1px} } /* =============================================================================== */ /* v2 : 롤링썸네일배너(20181122) */ .v2{content:""; clear:both; display:block;} /* 상단롤링이미지삽입 */ .v2 .GoodsInfoBox_Thum{content:""; clear:both; display:block; position:relative; width:100%; vertical-align:top;} .v2 .GoodsInfoBox_Thum *{box-sizing:border-box;} /* 큰이미지 */ .v2 .GoodsInfoBox_Thum .Big_List{display:block; position:relative; width:100%; height:auto; overflow:hidden; background-color:#fafafa; padding-bottom:94.5%;} .v2 .GoodsInfoBox_Thum .Big_List li{width:inherit; height:inherit; position:absolute; left:50%; margin-left:-50%; text-align:center; z-index:0; } .v2 .GoodsInfoBox_Thum .Big_List li img{width:90%;} .v2 .GoodsInfoBox_Thum .Big_List li.Action{z-index:1;} /* 작은이미지 */ .v2 .GoodsInfoBox_Thum .Small_List{content:"";clear:both; display:block; width:100%;} .v2 .GoodsInfoBox_Thum .Small_List li{float:left; width:25%; text-align:center; cursor:pointer; border:3px solid #fff; } .v2 .GoodsInfoBox_Thum .Small_List li a{} .v2 .GoodsInfoBox_Thum .Small_List li img{width:100%;} .v2 .GoodsInfoBox_Thum .Small_List li.Action{border:3px solid #b40437;} .v2 .GoodsInfoBox_Thum .Small_List.Number2 li{width:50%;} .v2 .GoodsInfoBox_Thum .Small_List.Number3 li{width:33%;} .v2 .GoodsInfoBox_Thum:after{content:""; clear:both; display:block; } /* =============================================================================== */ /* v3 : 이벤트신청폼(20181211) */ #container .event.EventForm_v3{content:""; clear:both; display:block; margin:0px; padding:0px; background:none;} .v3{content:""; clear:both; display:block;} .EventForm_v3{content:""; clear:both; display:block; position:relative; color:#393939; } .EventForm_v3 *{font-family:'Noto Sans KR',sans-serif; box-sizing:border-box; outline:none;} .EventForm_v3 fieldset{background-color:#f7f7f7; padding: 3% 2%;} .EventForm_v3 fieldset > .Title{display:block; font-size:16pt; font-weight:bold; text-align:center; margin-bottom:2%} .EventForm_v3 .EventFormBox{content:""; clear:both; display:block; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb; padding-bottom:2%;} .EventForm_v3 .EventFormBox .Title{display:block; padding:6% 3% 1% 3%;} .EventForm_v3 .EventFormBox .Title p{ font-size:10pt; font-weight: bold; text-align: left; border-left:4px solid #f0597d; line-height:10pt; padding-left:5px;} /* 이벤트목록 */ .EventForm_v3 .Event_Label_List{content:""; clear:both; display:block;} .EventForm_v3 .Event_Label_List ul{} .EventForm_v3 .Event_Label_List ul li{border-bottom:1px dashed #f1f1f1; padding:2.5% 3%;} .EventForm_v3 .Event_Label_List ul li:hover{background-color:#f7f7f7;} /* 기본라벨 */ .EventForm_v3 .Event_Label_List label{display:table; width:100%; position:relative; table-layout:fixed; text-align:left; margin:0px; padding:0px; background:none; border:none; border-radius:0px; box-shadow:none; padding:0px; margin:0%; padding:0.6%; cursor:pointer;} .EventForm_v3 .Event_Label_List label i{display:none;} .EventForm_v3 .Event_Label_List label *{box-sizing:border-box;} /* 이벤트항목 */ .EventForm_v3 .Event_Label_List label small{display:table-cell; table-layout:fixed; position:relative; width:100%;} .EventForm_v3 .Event_Label_List label small input{display:none;} .EventForm_v3 .Event_Label_List label small em{display:table-cell; position:relative; width:21px; font-style:normal; font-weight:normal; padding-right:3px;} .EventForm_v3 .Event_Label_List label small em b{display:block; position:relative; width:18px; height:18px; font-style:normal; vertical-align:middle; border:1px solid #dadada; border-radius:4px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .EventForm_v3 .Event_Label_List label small em span{display:block; position:absolute; left:32%; top:11%; width:5px; height:10px; border-bottom:2px solid #000; border-right:2px solid #000; transform: rotate( 45deg ); -webkit-transform : rotate( 45deg ); -moz-transform : rotate( 45deg ); -ms-transform :rotate( 45deg ); -o-transform : rotate( 45deg ); display:none;} .EventForm_v3 .Event_Label_List label small pre{display:table-cell; height:auto; color:#333333; font-size:10pt; line-height:1.4em; letter-spacing:-1px; font-weight:normal; vertical-align:top; white-space:normal; word-break:break-all; white-space:pre-line; margin:0px; padding:0px; padding-left:2px;} .EventForm_v3 .Event_Label_List label small pre mark{display:block; width:100%; color:#b1578a; font-size:8pt; line-height:9pt; font-weight:normal; text-align:left; letter-spacing:-1px; background:none; margin-top:0.5%;} .EventForm_v3 .Event_Label_List label small input:checked ~ em{} .EventForm_v3 .Event_Label_List label small input:checked ~ em span{display:block;} .EventForm_v3 .Event_Label_List label small input:checked ~ pre{color:#000000;} /* 이벤트가격 */ .EventForm_v3 .Event_Label_List label big{display:table-cell; width:30%; table-layout:fixed; font-size:9pt; line-height:12pt; letter-spacing:0px; text-align:right; vertical-align:bottom; white-space:nowrap; margin:0px; padding:0px;} .EventForm_v3 .Event_Label_List label big strike{display:inline-block; width:47%; color:#9a9a9a; text-align:right;} .EventForm_v3 .Event_Label_List label big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .EventForm_v3 .Event_Label_List label big em{display:inline-block; width:50%; color:#393939; text-align:right; font-style:normal; font-weight:normal; font-weight:bold; word-break:keep-all;} .EventForm_v3 .Event_Label_List label big em b{font-size:13pt; font-family:'Roboto',sans-serif;} .EventForm_v3 .Event_Label_List label:after{content:""; clear:both; display:block;} .EventForm_v3:after{content:""; clear:both; display:block;} /* for IE8 */ @media \0screen { .EventForm_v3 .Event_Label_List label small input{display:inline-block; position:relative; top:6px;} .EventForm_v3 .Event_Label_List label small em{display:none;} } /* 선택된이벤트 */ .EventForm_v3 #sEvent1, .EventForm_v3 #sEvent2{} .EventForm_v3 #sEvent1 .selected, .EventForm_v3 #sEvent2 .selected{padding:1% 3%;} .EventForm_v3 #sEvent1 .selected span, .EventForm_v3 #sEvent2 .selected span{float:left; position:relative; width:49%; border:1px solid #f7f7f7; border-radius:3px; margin:1% 1% 0% 0%; padding:1% 1%; cursor:pointer;} .EventForm_v3 #sEvent1 .selected span #eventIdx_txt, .EventForm_v3 #sEvent2 .selected span #eventIdx_txt{display:inline-block; width:40%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px; background-color:red; } .EventForm_v3 #sEvent1 .selected span a, .EventForm_v3 #sEvent2 .selected span a{display:inline-block; position:absolute; right:3%; color:#f0597d; background-color:#ffffff;} /* 지점선택 */ .EventForm_v3 .Event_Label_Branch{content:""; clear:both; display:block;} .EventForm_v3 .Event_Label_Branch .SelectBranch{padding:3%;} .EventForm_v3 .Event_Label_Branch .SelectBranch label{display:block; position:relative; float:left; width:33.3%; line-height:11pt; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:2%;} .EventForm_v3 .Event_Label_Branch .SelectBranch label input{display:none;} .EventForm_v3 .Event_Label_Branch .SelectBranch label em{display:table-cell; vertical-align:middle;} .EventForm_v3 .Event_Label_Branch .SelectBranch label em b{display:inline-block; position:relative; width:15px; height:15px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset; margin-right:2px; } .EventForm_v3 .Event_Label_Branch .SelectBranch label em b span{position:absolute; top:3px; left:25%; width:7px; height:7px; font-weight:normal; border-radius:50%; background-color:#000000; display:none;} .EventForm_v3 .Event_Label_Branch .SelectBranch label strong{display:table-cell; color:#333333; font-size:10pt; font-weight:normal; letter-spacing:-2px; vertical-align:bottom; margin:0px; padding:0px; padding-top:2px;} .EventForm_v3 .Event_Label_Branch .SelectBranch label input:checked ~ em{} .EventForm_v3 .Event_Label_Branch .SelectBranch label input:checked ~ em span{display:block;} .EventForm_v3 .Event_Label_Branch .SelectBranch label input:checked ~ b{color:#000000;} .EventForm_v3 .Event_Label_Branch .SelectBranch label:hover em{} /* 하단정보 */ .EventForm_v3 .Event_Label_Personal{content:""; clear:both; display:block; margin-top:2%; margin:3%;} /* 인풋 개인정보 */ .EventForm_v3 .PersonalInput{content:""; clear:both; display:block;} .EventForm_v3 .PersonalInput ul{} .EventForm_v3 .PersonalInput ul li{display:table; position:relative; width:100%; margin-bottom:2%;} /* float:left; text-align:left; width:50%; padding-right:10px; padding:6px 4px; */ .EventForm_v3 .PersonalInput .Title{display:table-cell; width:25%; margin:0px; padding:0px; } .EventForm_v3 .PersonalInput .InputBox{display:table-cell;} .EventForm_v3 .PersonalInput input, .EventForm_v3 .PersonalInput select{display:inline-block; height:2.3em; width:32%; font-size:10pt; line-height:1em; border:none; background:none; outline:none; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb inset; padding:0% 4%;} /* 신청버튼 */ .EventForm_v3_EnterBtn{content:""; clear:both; display:block; position:relative; width:100%;} /* padding:2% 0%; */ .EventForm_v3_EnterBtn p{display:block; width:100%; color:#ffffff; font-size:14pt; font-weight:bold; letter-spacing:1px; text-align:center; background-color:#f0597d; border:none; border-radius:5px; cursor:pointer; box-shadow:1px 1px 3px 0px #959595; padding:4% 2%; cursor:pointer;} .EventForm_v3_EnterBtn:hover button{background-color:#e8447e;} /* 동의 */ .EventForm_v3_CheckBox{content:""; clear:both; display:block; text-align:left; padding:1% 0%;} .EventForm_v3_CheckBox label{display:inline-block; position:relative; color:#939293; font-size:8pt; letter-spacing:-1px; line-height:10px; margin:0px; padding:0px;} .EventForm_v3_CheckBox label input{position:relative; top:4px; margin:0px; padding:0px; margin-right:3px;} .EventForm_v3_CheckBox label span{} .EventForm_v3_CheckBox a{display:inline-block; color:#939293; font-size:8pt;} .EventForm_v3_CheckBox a:hover{ outline:none;} /* 개인정보취급방침 overflow-y:scroll; */ #sss1,#sss2{display:none;} .PrivacyText{width:100%; height:100px; color:#939293; font-size:8pt; white-space:pre-line; border:1px solid #ccc; border-radius:5px; overflow:auto; margin-top:2%; padding:2%; background-color:#ffffff; box-sizing:border-box; overflow:auto;} /* ----------------------------------------------------------------------------------------- */ /* 신청자목록 (숨김20200819 > 노출20201211) /common/commonPage/commonEventFormJS7 */ .RqnListArea{ display:block; position:relative;} /* display:none; 숨김 */ /* 리스트 */ .RqnList{table-layout:fixed; width:100%; overflow:hidden} .RqnList th{font-size:11pt;} .RqnList td{padding:3% 2%;} .RqnList .benefit .cont{float:none; display:block; width:100%;} .RqnList ul{display:block; } .RqnList li{display:table; table-layout:fixed; width:100%; padding:1px 0; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .RqnList li > *{display:table-cell; text-align:left; height:1.2em; font-size:8.35pt; letter-spacing:-1px;} .RqnList li b{width:17%;} .RqnList li strong{width:44%; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px;} .RqnList li em{text-align:center;} .RqnList li span{text-align:center;} .RqnList .benefit .cont .bx-viewport{background:none;} table.RqnList{color:#ffffff; background-color:#555490;} /* 테이블일때 */ div.RqnList{} /* 테이블이아닐때 */ div.RqnList li b{text-align:center;} div.RqnList li strong{width:50%;} /* 누적신청자수 */ .AccrueNum{display:block; font-size:9pt; line-height:1em; padding:10px 5px; text-align:center;} .AccrueNum span{color:#c3c3c3; font-size:7pt; letter-spacing:-1px;} .AccrueNum span b{font-family:'Roboto',sans-serif;} /* 신청자목록2 (간격과줄수늘림) for.v13 */ .RqnList2Area{ display:block; position:relative;} .RqnList2Area .List{display:block; position:relative;} .RqnList2Area .List li{display:table; position:relative; table-layout:fixed; width:100% !important; padding:1px 0; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.7em 0em; } .RqnList2Area .List li > *{display:table-cell; text-align:left; height:1.2em; font-size:8.35pt; letter-spacing:-1px;} .RqnList2Area .List li b{width:17%; text-align:center;} .RqnList2Area .List li strong{width:44%; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px;} .RqnList2Area .List li em{text-align:center;} .RqnList2Area .List li span{text-align:center;} /* 신청자목록4 (한칸씩보이기) for.v13 */ .RqnList3Area{display:block; position:fixed; left:0%; bottom:1%; width:100%; padding:1em; z-index:999;} .RqnList3Area .bx-wrapper{} .RqnList3Area .bx-wrapper .bx-viewport{background:none;} .RqnList3Area .List{display:block; position:relative;} .RqnList3Area .List li{display:block; position:relative; table-layout:fixed; width:100% !important; letter-spacing:-0.5px; color:#fff; background-color:rgba(0,0,0, 0.8); border-radius:3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.7em 0em;} .RqnList3Area .List li p{display:block; position:relative; font-size:13pt; text-align:center;} .RqnList3Area .List li p strong{color:#fff79a;} .RqnList3Area{animation:RqnList3AreaAni ease-in-out alternate; animation-duration:2s; animation-iteration-count:infinite; } @keyframes RqnList3AreaAni{ 0%{opacity:0%;} 100%{opacity:100%;} } /* =============================================================================== */ /* v4 : 동영상삽입(20181227) */ .v4{} .v4 *{font-family:'Noto Sans KR',sans-serif; box-sizing:border-box; outline:none;} /* 오른쪽 이벤트 & 왼쪽 동영상 */ .Goods_MovieInsert{content:""; clear:both; display:block;} .Goods_MovieInsert ul{} .Goods_MovieInsert ul li{display:block; position:relative;} .Goods_MovieInsert img{} .Goods_MovieInsert .Movie_IframArea{position:absolute; right:5%; bottom:8%; width:44%;} /* 위에 이벤트 & 아래 동영상 */ .Goods_MovieInsert ul.Big{} .Goods_MovieInsert ul.Big li{display:block; position:relative;} .Goods_MovieInsert ul.Big img{} .Goods_MovieInsert ul.Big .Movie_IframArea{position:absolute; left:50%; margin-left:-47%; bottom:0%; width:94%;} /* =============================================================================== */ /* v5 : v3 + 정가/가격 따로표기 + 썸네일변경(20190222) 단일이벤트용(강제입력) */ .v5{} /* 체크된상태로만들기 */ .v5 .EventForm_v3 .Event_Label_List label{} .v5 .EventForm_v3 .Event_Label_List label small{width:70%;} .v5 .EventForm_v3 .Event_Label_List label small em{width:18px;} .v5 .EventForm_v3 .Event_Label_List label small em b{width:15px; height:15px;} .v5 .EventForm_v3 .Event_Label_List .OnlyOne label small em b{background-color:#f7f7f7;} .v5 .EventForm_v3 .Event_Label_List .OnlyOne label small em b span{display:block; top:5%;} .v5 .EventForm_v3 .Event_Label_List label small pre{font-size:10pt; line-height:1.2em;} .v5 .EventForm_v3 .Event_Label_List label big{width:30%;} /* 폼여백조정 */ .v5 .Event_Label_List .Title{padding-top:5% !important;} .v5 .Event_Label_Branch .Title{padding-top:2% !important; padding-bottom:0% !important;} /* 이벤트내용채우기(단독일때) .v5 .Event_Label_List li.OnlyOne label small pre mark:after{content:'기미 뿌리까지 근본적으로 파괴하다!';} .v5 .Event_Label_List li.OnlyOne label big strike b:after{content:'11';} .v5 .Event_Label_List li.OnlyOne label big em b:after{content:'5.9';} */ /* 이벤트내용채우기(여러개일때) .v5 .Event_Label_List li.Many:nth-child(1) label small pre mark:after{content:'기미 뿌리까지 근본적으로 파괴하다!';} .v5 .Event_Label_List li.Many:nth-child(1) label big strike b:after{content:'11';} .v5 .Event_Label_List li.Many:nth-child(1) label big em b:after{content:'5.9';} .v5 .Event_Label_List li.Many:nth-child(2) label small pre mark:after{content:'여드름을 뿌리뽑는 BEST 여드름 패키지';} .v5 .Event_Label_List li.Many:nth-child(2) label big strike b:after{content:'11.4';} .v5 .Event_Label_List li.Many:nth-child(2) label big em b:after{content:'5.9';} .v5 .Event_Label_List li.Many:nth-child(3) label small pre mark:after{content:'근육 축소 보톡스와 얼굴 소멸 주사의 만남';} .v5 .Event_Label_List li.Many:nth-child(3) label big strike b:after{content:'17';} .v5 .Event_Label_List li.Many:nth-child(3) label big em b:after{content:'9';} .v5 .Event_Label_List li.Many:nth-child(4) label small pre mark:after{content:'셀룰라이트만 골라서 파괴하는 BEST 비만 프로그램';} .v5 .Event_Label_List li.Many:nth-child(4) label big strike b:after{content:'30';} .v5 .Event_Label_List li.Many:nth-child(4) label big em b:after{content:'17';} */ /* =============================================================================== */ /* v6 : 설문조사형(20190821) 단독이벤트 */ .v6{} /* 설문영역 */ .GoodsInfoBox_Survey{content:""; clear:both; display:block; position:relative; padding:4%; margin-top:2%; } .SurveyArea{display:block; position:relative; text-align:center; margin:auto; border:5px solid #dddddd;} .SurveyArea .Clip{display:inline-block; position:absolute; top:-4%; left:50%; margin-left:-15%; width:30%; z-index:100;} .SurveyArea dl{display:block; position:relative;} .SurveyArea dt{display:block;} .SurveyArea dt img{display:inline-block; width:100%;} .SurveyArea dd{display:block; background-color:#f4f4f4; padding:1.5em;} /* 설문 */ .SurveyArea fieldset{display:block; margin-top:6%;} .SurveyArea dd fieldset:first-child{margin-top:0%;} .SurveyArea fieldset legend{display:table; table-layout:fixed; width:100%; margin-bottom:2%;} .SurveyArea fieldset legend em{display:table-cell; width:9%; vertical-align:middle; text-align:left;} .SurveyArea fieldset legend em b{display:inline-block; width:2em; height:2em; color:#fff; font-size:9pt; line-height:2em; letter-spacing:-1px; font-weight:bold; text-align:center; font-family:'Roboto',sans-serif; border-radius:50%; background-color:#f0597d; overflow:hidden; } .SurveyArea fieldset legend strong{display:table-cell; vertical-align:middle; font-size:12pt; letter-spacing:-1px; font-weight:bold; text-align:left;} .SurveyArea fieldset ul{display:table; table-layout:fixed; width:100%;} .SurveyArea fieldset li{display:table-cell;} /* 체크박스 */ .SurveyArea label{display:table; table-layout:fixed; position:relative; width:100%; text-align:left;} .SurveyArea label input{display:none;} .SurveyArea label em{display:table-cell; position:relative; width:1.9em; font-style:normal; font-weight:normal;} .SurveyArea label em b{display:block; position:relative; width:1.6em; height:1.6em; font-style:normal; vertical-align:middle; border:1px solid #888888; background-color:#ffffff; box-shadow:1px 2px 5px 0px #cacaca inset;} .SurveyArea label em span{display:block; position:absolute; left:8%; top:11%; color:#888888; font-size:11pt; display:none;} .SurveyArea label pre{display:table-cell; color:#5e5555; font-size:9pt; font-weight:bold; letter-spacing:-1px; vertical-align:middle; text-align:left; padding:0px 3px;} .SurveyArea label p{display:table-cell; color:#5e5555; font-size:9pt; font-weight:bold; letter-spacing:-1px; vertical-align:middle; text-align:left; padding:0px 3px;} .SurveyArea label input:checked ~ em{} .SurveyArea label input:checked ~ em span{display:block;} .SurveyArea label input:checked ~ pre{} .v8 .SurveyArea label em b:after{content: ''; display:block; position:absolute; top:-2px; left:5px; width:6px; height:13px; border-bottom:3px solid #272727; border-right:3px solid #272727; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .v8 .SurveyArea label input:checked ~ em b:after{display:block;} .v9 .SurveyArea label em b:after{content: ''; display:block; position:absolute; top:-2px; left:5px; width:6px; height:13px; border-bottom:3px solid #272727; border-right:3px solid #272727; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .v9 .SurveyArea label input:checked ~ em b:after{display:block;} /* 단독이벤트 일때 체크된상태로만들기 */ .v6 .EventForm_v3 .Event_Label_List .OnlyOne label small em b{} .v6 .EventForm_v3 .Event_Label_List .OnlyOne label small em b span{display:block;} .v7 .EventForm_v3 .Event_Label_List .OnlyOne label small em b{} .v7 .EventForm_v3 .Event_Label_List .OnlyOne label small em b span{display:block;} /* ----------------------------------------------------------------------------------------- */ /* 이벤트신청폼 */ .v6 .EventForm_v3{} .v6 .EventForm_v3 fieldset{background:none; padding:0%;} .v6 .EventForm_v3 fieldset > .Title{display:none;} .v6 .EventForm_v3 .EventFormBox{box-shadow:none; margin:0%; padding:0%;} .v6 .EventForm_v3 .EventFormBox .Title{margin:0%; padding:0%;} .v6 .EventForm_v3 .EventFormBox .Title p{border-left: 4px solid #1a0303;} .v6 .EventForm_v3 .EventFormBox .Event_Label_List{background-color:#f4f4f4; padding:4%;} .v6 .EventForm_v3 .EventFormBox .Event_Label_List .Title{display:none;} .v6 .EventForm_v3 .Event_Label_List ul li{margin:0%; padding:0%;} .v6 .EventForm_v3 .Event_Label_Branch{display:table; table-layout:fixed; width:92%; margin:0%; padding:0%; margin:0% 4%;} .v6 .EventForm_v3 .Event_Label_Branch .Title{display: table-cell; width: 25%; vertical-align:top;} .v6 .EventForm_v3 .Event_Label_Branch .SelectBranch{display:table-cell; vertical-align:top; margin:0%; padding:0%;} .v6 .EventForm_v3 .Event_Label_Personal{margin:0%; padding:0%; margin:2% 4%;} .v6 .EventForm_v3_EnterBtn p{background-color:#1a0303;} .v6 .EventForm_v3 #sEvent1 .selected, .v6 .EventForm_v3 #sEvent2 .selected{padding:0%;} /* 이벤트신청폼 썸네일(PC내용) */ .v6 .EventForm_v3 .Event_Label_List label{display:none;} /* 텍스트내용숨기기 */ .v6 .Contents_Thum{display:block;} .v6 .Contents_Thum img{display:inline-block; width:100%; margin-bottom:5%;} .v6 .Contents_Thum img:last-child{margin-bottom:0%;} /* =============================================================================== */ /* v7 : 이벤트신청폼기존이벤트페이지처럼+설문조사형업그레이드(20190106) */ .v7{} /* 설문영역 */ .v7 .GoodsInfoBox_Survey{content:""; clear:both; display:block; position:relative; padding:20px 5px 10px 5px; margin-top:0px;} .v7 .SurveyArea{display:block; position:relative; text-align:center; margin:auto; border:5px solid #dddddd;} .v7 .SurveyArea .Clip{display:inline-block; position:absolute; top:-20px; left:50%; margin-left:-15%; width:30%; z-index:100;} /* ----------------------------------------------------------------------------------------- */ /* [이벤트신청폼] v7에 쿠폰형썸네일삽입할때 */ .v7 .EventForm_v7 .Event_Label_List label{} .v7 .EventForm_v7 .Event_Label_List label small{width:3.4em; vertical-align:top;} .v7 .EventForm_v7 .Event_Label_List label small em{width:3.2em;} .v7 .EventForm_v7 .Event_Label_List label small em b{width:2.8em; height:2.8em; } .v7 .EventForm_v7 .Event_Label_List label small em span{left:32%; top:9%; width:10px; height:18px; border-bottom:3px solid #000; border-right:3px solid #000;} .v7 .EventForm_v7 .Event_Label_List label small pre{display:none;} .v7 .EventForm_v7 .Event_Label_List label big{display:none;} .v7 .EventForm_v7 .Event_Label_List label .Contents_Thum{} /* [이벤트신청폼] 단독이벤트 일때(체크된상태로만들기) */ .v7 .EventForm_v7 .Event_Label_List .OnlyOne label small{width:0px; overflow:hidden;} .v7 .EventForm_v7 .Event_Label_List .OnlyOne label .Contents_Thum{width:100%;} .v7 .EventForm_v7 .Event_Label_List .OnlyOne label .Contents_Thum img{margin-bottom:2%;} /* ----------------------------------------------------------------------------------------- */ /* 이벤트신청폼 */ #container .event.EventForm_v7{content:""; clear:both; display:block; margin:0px; padding:0px; background:none;} .EventForm_v7{content:""; clear:both; display:block; position:relative; color:#393939; } .EventForm_v7 *{font-family:'Noto Sans KR',sans-serif; } .EventForm_v7 fieldset{background-color:#f7f7f7; padding:4% 1.5% 2% 1.5%;} .EventForm_v7 fieldset > .Title{display:block; font-size:14pt; letter-spacing:-1px; font-weight:bold; text-align:center; margin-bottom:3%} .EventForm_v7 fieldset > .Title strong{color: #f0597d;} .EventForm_v7 .EventFormBox{content:""; clear:both; display:block;} .EventForm_v7 .EventFormBox .Title{display:block; margin-bottom:5px;} .EventForm_v7 .EventFormBox .Title p{font-size:10pt; font-weight: bold; text-align: left; line-height:1em;} /* 이벤트목록 */ .EventForm_v7 .Event_Label_List{clear:both; display:block; position:relative;} .EventForm_v7 .Event_Label_List ul{} .EventForm_v7 .Event_Label_List ul li{border-top:1px dashed #f1f1f1; padding-bottom:5px;} .EventForm_v7 .Event_Label_List ul li:first-child{border-bottom:none;} .EventForm_v7 .Event_Label_List ul li:hover{background-color:#f7f7f7;} .EventForm_v7 .Event_Label_List ul li.OnlyOne{} /* 기본라벨 */ .EventForm_v7 .Event_Label_List label{ display:inline-table;width:100%; position:relative; table-layout:fixed; text-align:left; margin:0px; padding:0px; background:none; border:none; border-radius:0px; box-shadow:none; padding:0px; margin:0%; padding:0.6%; cursor:pointer;} /* display:table; */ .EventForm_v7 .Event_Label_List label i{display:none;} .EventForm_v7 .Event_Label_List label *{box-sizing:border-box;} /* 이벤트항목 */ .EventForm_v7 .Event_Label_List label small{display:table-cell; table-layout:fixed; position:relative; width:100%;} .EventForm_v7 .Event_Label_List label small input{display:none;} .EventForm_v7 .Event_Label_List label small em{display:table-cell; position:relative; width:21px; font-style:normal; font-weight:normal; padding-right:3px;} .EventForm_v7 .Event_Label_List label small em b{display:block; position:relative; width:18px; height:18px; font-style:normal; vertical-align:middle; border:1px solid #dadada; border-radius:4px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .EventForm_v7 .Event_Label_List label small em span{display:block; position:absolute; left:32%; top:11%; width:5px; height:10px; border-bottom:2px solid #000; border-right:2px solid #000; transform: rotate( 45deg ); -webkit-transform : rotate( 45deg ); -moz-transform : rotate( 45deg ); -ms-transform :rotate( 45deg ); -o-transform : rotate( 45deg ); display:none;} .EventForm_v7 .Event_Label_List label small pre{display:table-cell; height:auto; color:#333333; font-size:10pt; line-height:1.4em; letter-spacing:-1px; font-weight:normal; vertical-align:top; white-space:normal; word-break:break-all; white-space:pre-line; margin:0px; padding:0px; padding-left:2px;} .EventForm_v7 .Event_Label_List label small pre mark{display:block; width:100%; color:#b1578a; font-size:8pt; line-height:9pt; font-weight:normal; text-align:left; letter-spacing:-1px; background:none; margin-top:0.5%;} .EventForm_v7 .Event_Label_List label small input:checked ~ em{} .EventForm_v7 .Event_Label_List label small input:checked ~ em span{display:block;} .EventForm_v7 .Event_Label_List label small input:checked ~ pre{color:#000000;} /* 이벤트가격 */ .EventForm_v7 .Event_Label_List label big{display:table-cell; width:30%; table-layout:fixed; font-size:9pt; line-height:12pt; letter-spacing:0px; text-align:right; vertical-align:bottom; white-space:nowrap; margin:0px; padding:0px;} .EventForm_v7 .Event_Label_List label big strike{display:inline-block; width:47%; color:#9a9a9a; text-align:right;} .EventForm_v7 .Event_Label_List label big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .EventForm_v7 .Event_Label_List label big em{display:inline-block; width:50%; color:#393939; text-align:right; font-style:normal; font-weight:normal; font-weight:bold; word-break:keep-all;} .EventForm_v7 .Event_Label_List label big em b{font-size:13pt; font-family:'Roboto',sans-serif;} .EventForm_v7 .Event_Label_List label .Contents_Thum{display:table-cell; width:95%;} /* 쿠폰형이미지 */ .EventForm_v7 .Event_Label_List label .Contents_Thum img{display:block; width:100%;} .EventForm_v7 .Event_Label_List label:after{content:""; clear:both; display:block;} .EventForm_v7:after{content:""; clear:both; display:block;} /* for IE8 */ @media \0screen { .EventForm_v7 .Event_Label_List label small input{display:inline-block; position:relative; top:6px;} .EventForm_v7 .Event_Label_List label small em{display:none;} } /* 선택된이벤트 */ .EventForm_v7 #sEvent1, .EventForm_v7 #sEvent2{margin-bottom:5px;} .EventForm_v7 #sEvent1 .selected, .EventForm_v7 #sEvent2 .selected{padding:1% 3%;} .EventForm_v7 #sEvent1 .selected span, .EventForm_v7 #sEvent2 .selected span{float:left; position:relative; width:49%; border:1px solid #f7f7f7; border-radius:3px; margin:1% 1% 0% 0%; background-color:#fff; padding:1% 1%; cursor:pointer;} .EventForm_v7 #sEvent1 .selected span #eventIdx_txt, .EventForm_v7 #sEvent2 .selected span #eventIdx_txt{display:inline-block; width:40%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0px; padding:0px; background-color:red;} .EventForm_v7 #sEvent1 .selected span a, .EventForm_v7 #sEvent2 .selected span a{display:inline-block; position:absolute; right:3%; color:#f0597d; font-size:13pt; background-color:#ffffff;} /* 신청영역 */ .EventForm_v7 .Event_Label_BranchPersonal{clear:both; display:block; position:relative; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb; padding:3% 2%;} /* 지점선택 */ .EventForm_v7 .Event_Label_Branch{clear:both; display:block; position:relative; } .EventForm_v7 .Event_Label_Branch .SelectBranch{padding:0%;} .EventForm_v7 .Event_Label_Branch .SelectBranch label{display:block; position:relative; float:left; width:33.3%; line-height:11pt; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:2%;} .EventForm_v7 .Event_Label_Branch .SelectBranch label input{display:none;} .EventForm_v7 .Event_Label_Branch .SelectBranch label em{display:table-cell; vertical-align:middle;} .EventForm_v7 .Event_Label_Branch .SelectBranch label em b{display:inline-block; position:relative; width:15px; height:15px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset; margin-right:2px; } .EventForm_v7 .Event_Label_Branch .SelectBranch label em b span{position:absolute; top:3px; left:25%; width:7px; height:7px; font-weight:normal; border-radius:50%; background-color:#000000; display:none;} .EventForm_v7 .Event_Label_Branch .SelectBranch label strong{display:table-cell; color:#333333; font-size:10pt; font-weight:normal; letter-spacing:-2px; vertical-align:bottom; margin:0px; padding:0px; padding-top:2px;} .EventForm_v7 .Event_Label_Branch .SelectBranch label input:checked ~ em{} .EventForm_v7 .Event_Label_Branch .SelectBranch label input:checked ~ em span{display:block;} .EventForm_v7 .Event_Label_Branch .SelectBranch label input:checked ~ b{color:#000000;} .EventForm_v7 .Event_Label_Branch .SelectBranch label:hover em{} /* 하단정보 */ .EventForm_v7 .Event_Label_Personal{clear:both; display:block; position:relative; margin-top:10px;} /* 인풋 개인정보 */ .EventForm_v7 .Event_Label_Personal ul{display:table; width: 100%;} .EventForm_v7 .Event_Label_Personal ul li{display:table-cell; text-align:left; width:50%;} .EventForm_v7 .Event_Label_Personal ul li .Title{} .EventForm_v7 .Event_Label_Personal .InputBox{display:inline-block; width:100%; font-size:9pt; line-height:1em; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb inset; margin:0px; padding:0px; padding:8px 6px;} .EventForm_v7 .Event_Label_Personal .InputBox input, .EventForm_v7 .Event_Label_Personal .InputBox select{display:table-cell; width:100%; font-size:10pt; border:none; background:none; outline:none; margin:0px; padding:0px;} .EventForm_v7 .Event_Label_Personal ul li:nth-child(1) .InputBox{width:97%;} /* 신청버튼 */ .EventForm_v7 .EventForm_EnterBtn{content:""; clear:both; display:block; position:relative; width:100%; padding:2% 0% 1% 0%; } .EventForm_v7 .EventForm_EnterBtn ul{display:table; width: 100%;} .EventForm_v7 .EventForm_EnterBtn li{display:table-cell; width:50%; vertical-align:top;} .EventForm_v7 .EventForm_EnterBtn li:nth-child(1) p{} .EventForm_v7 .EventForm_EnterBtn p, .EventForm_v7 .EventForm_EnterBtn span{display:block; width:100%; font-size:10.5pt; line-height: 1em; letter-spacing:-1px; text-align:center; border-radius:5px; padding:15px 0px; cursor:pointer;} .EventForm_v7 .EventForm_EnterBtn p{width:97%; color:#f0597d; border:1px solid #f0597d;} .EventForm_v7 .EventForm_EnterBtn span{color:#ffffff; background-color:#f0597d; border:1px solid #f0597d;} .EventForm_v7 .EventForm_EnterBtn span small{display:block; color:#fff; font-size:8pt; opacity:0.6;} /* 동의 */ .EventForm_v7 .EventForm_CheckBox{content:""; clear:both; display:block; text-align:left;} .EventForm_v7 .EventForm_CheckBox label{display:inline-table; position:relative; color:#939293; font-size:8pt; letter-spacing:-1px; line-height:1em; margin:0px; padding:0px; } .EventForm_v7 .EventForm_CheckBox label input{display:table-cell; vertical-align:middle; padding-right:3px;} .EventForm_v7 .EventForm_CheckBox label span{display:table-cell; vertical-align:middle;} .EventForm_v7 .EventForm_CheckBox a{display:inline-block; color:#939293; font-size:8pt;} .EventForm_v7 .EventForm_CheckBox a:hover{ outline:none;} /* =============================================================================== */ /* [이벤트신청폼] v8(20200516) 이벤트폼에썸네일코딩화+내용칸추가 */ .Wrap .v8{} /* ----------------------------------------------------------------------------------------- */ /* 컨텐츠영역 */ .ContentsSection{display:block; position:relative; } .ContentsSection1{} .ContentsSection2{} .ContentsSection3{} .ContentsSection4{} .ContentsSection5{} .ContentsSection6{} .ContentsSection7{} .ContentsSection8{} .ContentsSection9{} footer{display:block; position:relative;} footer .ContentsSection10{} /* ----------------------------------------------------------------------------------------- */ /* 이벤트신청폼 */ .EventForm_v8{content:""; clear:both; display:block; position:relative; color:#393939; margin:0px !important; padding:0px !important; background:none !important;} .EventForm_v8 fieldset{background-color:#f7f7f7; padding:4% 1.5% 2% 1.5%;} .EventForm_v8 fieldset > .Title{display:block; font-size:14pt; letter-spacing:-1px; font-weight:bold; text-align:center; margin-bottom:3%} .EventForm_v8 fieldset > .Title strong{color: #f0597d;} .EventForm_v8 .EventFormArea{content:""; clear:both; display:block;} .EventForm_v8 .EventFormArea .Title{display:block; margin-bottom:5px;} .EventForm_v8 .EventFormArea .Title p{font-size:10pt; font-weight: bold; text-align: left; line-height:1em;} /* 이벤트목록 */ .EventForm_v8 .EventListBox{clear:both; display:block; position:relative;} .EventForm_v8 .EventListBox ul{display:block; position:relative;} .EventForm_v8 .EventListBox li{display:block; position:relative; margin-bottom:1em;} .EventForm_v8 .EventListBox li:first-child{border-bottom:none;} .EventForm_v8 .EventListBox li:hover{background-color:#f7f7f7;} .EventForm_v8 .EventListBox li.OnlyOne{} .EventForm_v8 .EventListBox li.Many{} /* 기본라벨 */ .EventForm_v8 label.LabelThum{} .EventForm_v8 .LabelThum{display:block; position:relative; text-align:right;} .EventForm_v8 .LabelThum dl{display:inline-table; position:relative; width:92%; background-color:#ffffff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);} .EventForm_v8 .LabelThum dt{display:table-cell; position:relative; width:40%; text-align:left; vertical-align:top;} .EventForm_v8 .LabelThum dt img{display:block; width:100%;} .EventForm_v8 .LabelThum dd{display:table-cell; position:relative; text-align:left; vertical-align:top; padding:0.6em;} .EventForm_v8 .LabelThum dl:after{content:""; clear:both; display:block;} /* 체크박스 */ .EventForm_v8 .LabelThum > input{display:none;} .EventForm_v8 .LabelThum .Checkbox{display:block; position:absolute; left:0px; margin-left:-20%; top:50%; margin-top:-10px; z-index:100;} .EventForm_v8 .LabelThum .Checkbox em{display:block; position:relative; width:20px; font-style:normal; font-weight:normal} .EventForm_v8 .LabelThum .Checkbox em b{display:block; position:relative; width:20px; height:20px; font-style:normal; vertical-align:middle; border:1px solid #dadada; border-radius:4px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .EventForm_v8 .LabelThum .Checkbox em b:after{content: ''; display:block; position:absolute; top:-2px; left:5px; width:6px; height:13px; border-bottom:3px solid #272727; border-right:3px solid #272727; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .EventForm_v8 .LabelThum > input:checked ~ dl .Checkbox em b:after{display:block;} /* 단독일때랑 아닐때 */ .EventForm_v8 .OnlyOne .LabelThum{} .EventForm_v8 .OnlyOne .LabelThum dl{width:100%;} .EventForm_v8 .OnlyOne .LabelThum .Checkbox{display:none;} .EventForm_v8 .Many .LabelThum{} /* 아이콘(혜택) */ .LabelThum .Icon_Hot{display:inline-block; position:absolute; top:-2px; left:-4px; color:#fff; font-size:10pt; font-weight:bold; line-height:1em; background-color:#f0597d; padding:4px 10px 4px 6px;} .LabelThum .Icon_Hot p{ line-height:1em;} .LabelThum .Icon_Hot:after{content:''; clear:both; display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #a1021e; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} /* 아이콘(신청자수) */ .LabelThum .Icon_Live{display:inline-table; position:absolute; top:-2px; left:-5px; width:auto; border:1px solid #f0597d; border-radius:0px 3px 3px 0px ; background-color:#fff; z-index:99;} .LabelThum .Icon_Live div:first-child{display:table-cell; width:auto; vertical-align:middle; color:#fff; font-size:9pt; line-height:1em; letter-spacing:-1px; background-color:#f0597d; padding:5px;} .LabelThum .Icon_Live div:last-child{display:table-cell; height:auto; vertical-align:middle; font-size:9pt; line-height:1em; background-color:#fff; border-radius:0px 2px 2px 0px; padding:5px;} .LabelThum .Icon_Live div:last-child strong{display:inline-block;} .LabelThum .Icon_Live div:last-child strong b{display:inline-block;} .LabelThum .Icon_Live:after{content:''; clear:both; display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #a1021e; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} /* 이벤트내용 */ .EventForm_v8 .LabelThum small{display:block; position:relative; font-size:9.5pt; letter-spacing:-1px; line-height:1.4em; } .EventForm_v8 .LabelThum small p{display:block; width:100%; text-align:left;} .EventForm_v8 .LabelThum small p span{display:block; color:#f0597d; } .EventForm_v8 .LabelThum small p b{color:#f0597d; font-weight:normal;} .EventForm_v8 .LabelThum small p mark{display:block; color:#372728; font-size:11pt;font-weight:bold; background:none;} .EventForm_v8 .LabelThum small pre{display:block; width:100%; height:3.9em; line-height:1.3em; color:#939393;white-space:normal; margin:0px;} /* word-break:keep-all; */ /* 이벤트가격 */ .EventForm_v8 .LabelThum big{display:inline-table; position:absolute; bottom:0.5em; right:0.5em; width:90%; font-size:12pt; table-layout:fixed;} .EventForm_v8 .LabelThum big > *{} .EventForm_v8 .LabelThum big strong{display:table-cell; position:relative; width:25%; vertical-align:middle;} .EventForm_v8 .LabelThum big strong p{display:inline-block; width:2.5em; height:2.5em; color:#fff; line-height:2.5em; letter-spacing:-1px; text-align:center; margin:auto; border-radius:50%; background-color:#372728; overflow:hidden;} .EventForm_v8 .LabelThum big strong p i{font-style:normal;} /* 글자일경우 */ .EventForm_v8 .LabelThum big strong p b{font-family:'Roboto',sans-serif;} /* 퍼센트일경우 */ .EventForm_v8 .LabelThum big strike{display:table-cell; color:#9a9a9a; text-align:right; vertical-align:middle;} .EventForm_v8 .LabelThum big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .EventForm_v8 .LabelThum big em{display:table-cell; color:#393939; text-align:right; vertical-align:middle; font-style:normal; font-weight:normal; font-weight:bold; word-break:keep-all;} .EventForm_v8 .LabelThum big em b{font-size:13pt; font-family:'Roboto',sans-serif;} /* 선택된이벤트 */ .EventForm_v8 #sEvent1, .EventForm_v8 #sEvent2{margin-bottom:5px;} .EventForm_v8 .SelectedEvent{} .EventForm_v8 .SelectedEvent span{display:inline-table; position:relative; width:auto; font-size:9.5pt; line-height:1em; border-radius:5px; background-color:#fff; margin:3px; padding:0.5em; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1); cursor:pointer;} .EventForm_v8 .SelectedEvent span input#eventIdx_txt{} .EventForm_v0 .SelectedEvent span > *{display:table-cell; vertical-align:middle;} .EventForm_v8 .SelectedEvent span a{display:table-cell; color:#f0597d; font-size:16pt;} /* 신청영역 */ .EventForm_v8 .EventApplyBox{clear:both; display:block; position:relative; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb; padding:3% 2%;} /* 지점선택 */ .EventForm_v8 .EventApplyBox .Branch{clear:both; display:block; position:relative; } .EventForm_v8 .EventApplyBox .Branch .SelectBranch{padding:0%;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label{display:block; position:relative; float:left; width:33.3%; line-height:11pt; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:2%;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label input{display:none;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label em{display:table-cell; vertical-align:middle;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label em b{display:inline-block; position:relative; width:15px; height:15px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset; margin-right:2px; } .EventForm_v8 .EventApplyBox .Branch .SelectBranch label em b span{position:absolute; top:3px; left:25%; width:7px; height:7px; font-weight:normal; border-radius:50%; background-color:#000000; display:none;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label strong{display:table-cell; color:#333333; font-size:10pt; font-weight:normal; letter-spacing:-2px; vertical-align:bottom; margin:0px; padding:0px; padding-top:2px;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label input:checked ~ em{} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label input:checked ~ em span{display:block;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label input:checked ~ b{color:#000000;} .EventForm_v8 .EventApplyBox .Branch .SelectBranch label:hover em{} /* 개인정보 */ .EventForm_v8 .EventApplyBox .Personal{clear:both; display:block; position:relative; margin-top:10px;} .EventForm_v8 .EventApplyBox .Personal ul{display:table; width: 100%;} .EventForm_v8 .EventApplyBox .Personal li{display:table-cell; text-align:left; width:50%;} .EventForm_v8 .EventApplyBox .Personal li .Title{} .EventForm_v8 .EventApplyBox .Personal .InputBox{display:inline-block; width:100%; font-size:9pt; line-height:1em; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb inset; margin:0px; padding:0px; padding:8px 6px;} .EventForm_v8 .EventApplyBox .Personal .InputBox input, .EventForm_v8 .EventApplyBox .Personal .InputBox select{display:table-cell; width:100%; font-size:10pt; border:none; background:none; outline:none; margin:0px; padding:0px;} .EventForm_v8 .EventApplyBox .Personal li:nth-child(1) .InputBox{width:97%;} /* 신청버튼 */ .EventForm_v8 .EventForm_EnterBtn{content:""; clear:both; display:block; position:relative; width:100%; padding:2% 0% 1% 0%; } .EventForm_v8 .EventForm_EnterBtn ul{display:table; width: 100%;} .EventForm_v8 .EventForm_EnterBtn li{display:table-cell; width:50%;} .EventForm_v8 .EventForm_EnterBtn li:nth-child(1) p{} .EventForm_v8 .EventForm_EnterBtn p, .EventForm_v8 .EventForm_EnterBtn span{display:block; width:100%; font-size:10.5pt; line-height: 1em; letter-spacing:-1px; text-align:center; border-radius:5px; padding:15px 0px; cursor:pointer;} .EventForm_v8 .EventForm_EnterBtn p{width:97%; color:#f0597d; border:1px solid #f0597d;} .EventForm_v8 .EventForm_EnterBtn span{color:#ffffff; background-color:#f0597d; border:1px solid #f0597d;} .EventForm_v8 .EventForm_EnterBtn span small{display:block; color:#fff; font-size:8pt; opacity:0.6;} /* 동의 */ .EventForm_v8 .EventApplyBox .AgreeBox{content:""; clear:both; display:block; text-align:left;} .EventForm_v8 .EventApplyBox .AgreeBox label{display:inline-table; position:relative; color:#939293; font-size:8pt; letter-spacing:-1px; line-height:1em; margin:0px; padding:0px; } .EventForm_v8 .EventApplyBox .AgreeBox label input{display:table-cell; vertical-align:middle; padding-right:3px;} .EventForm_v8 .EventApplyBox .AgreeBox label span{display:table-cell; vertical-align:middle;} .EventForm_v8 .EventApplyBox .AgreeBox a{display:inline-block; color:#939293; font-size:8pt;} .EventForm_v8 .EventApplyBox .AgreeBox a:hover{ outline:none;} .EventForm_v8 .EventApplyBox .AgreeBox .PrivacyText{display:none; overflow:auto !important;} /* slidetoggle이 hidden으로 주고있어서 auto넣어줌 */ /* =============================================================================== */ /* [이벤트신청폼] v9(2020616) 깜짝이벤트폼 */ .Wrap .v9{} /* ----------------------------------------------------------------------------------------- */ /* 컨텐츠영역 */ .v9 .ContentsSection{} /* ----------------------------------------------------------------------------------------- */ /* 이벤트신청폼 */ .EventForm_v9{} .EventForm_v9 fieldset > .Title{display:none;} /* 이벤트목록 */ .EventForm_v9 .EventListBox{} /* 기본라벨 */ .EventForm_v9 label.LabelThum{} .EventForm_v8 .LabelThum dl{width:94%;} .EventForm_v9 .LabelThum dt{width:55%;} .EventForm_v8 .LabelThum dd{padding:0.5em; padding-right:0.3em;} /* 체크박스 */ .EventForm_v9 .LabelThum .Checkbox{margin-left:-11%;} /* 이벤트내용 */ .EventForm_v9 .LabelThum small {} .EventForm_v9 .LabelThum small p{font-size:10pt;} .EventForm_v9 .LabelThum small p span{font-family: 'NanumSquareRound',sans-serif;} .EventForm_v9 .LabelThum small p b{font-weight:800;} .EventForm_v9 .LabelThum small p mark{display:none;} .EventForm_v9 .LabelThum small pre{height:5.2em; color:#010101;} /* 이벤트가격 */ .EventForm_v9 .LabelThum big{right:0.3em; width:94%;} .EventForm_v9 .LabelThum big > *{width:calc(100% / 3);} .EventForm_v9 .LabelThum big strong p{width: 2.4em; height: 2.4em; color:#f0597d; line-height: 2.4em; background:none;} .EventForm_v9 .LabelThum big em{width:35%; font-size:13pt;} .EventForm_v9 .LabelThum big em b{font-size:14.5pt;} .EventForm_v9 .LabelThum big strike{font-size:10.5pt;} /* 선택된이벤트 */ .EventForm_v9 #sEvent1, .EventForm_v9 #sEvent2{} /* 신청자 */ .v9 .bx-viewport{height:8.6em !important;} /* =============================================================================== */ /* [이벤트신청폼] v10(202012) 홈쇼핑형 */ .Wrap.v10{} .v10{} /* ----------------------------------------------------------------------------------------- */ /* 컨텐츠영역 */ .v10 .ContentsSection{} .v10 .ContentsSection1{display:block; position:relative;} .v10 .ContentsSection1 .Movie_IframArea{} .v10 .ContentsSection2{display:block; position:relative; text-align:center; padding:1em; font-size:12pt;} .v10 .ContentsSection3{display:block; position:relative; text-align:center; padding-top:1.5em; padding-bottom:0.5em; } .v10 .ContentsSection4{display:block; position:relative; text-align:center; padding:1em; color:#c3c3c3; font-size:8pt;} .v10 .ContentsSection5{display:block; position:relative;} .v10 .ContentsSection6{display:block; position:relative;} .v10 .ContentsSection7{display:block; position:relative;} .v10 .ContentsSection8{display:block; position:relative;} .v10 .ContentsSection9{display:block; position:relative;} /* ----------------------------------------------------------------------------------------- */ /* 신청자목록 */ .EventForm_v10{} .v10 .RqnListArea{} .v10 .RqnListArea .RqnList{margin-bottom:1em;} .v10 .EventListBox{height:0px; overflow:hidden;} .v10 .EventForm_EnterBtn span{font-size:22pt; font-weight:bold; letter-spacing:1px; padding:1em;} .v10 .EventApplyBox .Personal{} .v10 .EventFormArea .Title p{font-size:13pt;} .v10 .EventApplyBox .Personal .InputBox{font-size:13pt; padding:15px 8px;} .v10 .EventApplyBox .Branch .SelectBranch label strong{} /* ----------------------------------------------------------------------------------------- */ /* =============================================================================== */ /* 특별처리 */ .v10.event134 .ContentsSection1{display:none;} /* 영상영역숨김 */ .v10.event135 .ContentsSection1{display:none;} /* 영상영역숨김 */ .v8.event119 #container{display:none;} /* =============================================================================== */ /* 신청폼 공통사용가능하게 스타일정리버전 버전11(202103) - Section3, Section4는 신청폼안에 삽입됨 */ .v11{} .verBasic{} .verBasic .ContentsSection1{} .verBasic .ContentsSection2{text-align:center; font-size:11pt; padding:0.6em 1em; } /* 이벤트기간 */ .verBasic .ContentsSection3{text-align:center; line-height:1.6em; padding-top:0.5em;} /* 대상 */ .verBasic .ContentsSection4{text-align:center; color:#c3c3c3; font-size:8pt; padding:1em;} /* 유의사항 color:#c3c3c3; */ .verBasic .ContentsSection5{} .verBasic .ContentsSection6{} .verBasic .ContentsSection7{} .verBasic .ContentsSection8{} .verBasic .ContentsSection9{} .verBasic .ContentsSection10{} /* 푸터 */ /* ----------------------------------------------------------------------------------------- */ /* 이벤트신청폼 - 기본신청폼(202103 for. v11) */ .EventForm_Basic{content:""; clear:both; display:block; position:relative; color:#1d1d1d; margin:0px !important; padding:0px !important; background-color:#f7f7f7;} .EventForm_Basic from{} .EventForm_Basic fieldset{padding:1em 0.5em;} /* background-color:#f7f7f7; */ .EventForm_Basic fieldset > .Title{display:block; font-size:14pt; letter-spacing:-1px; font-weight:bold; text-align:center; margin-bottom:3%} .EventForm_Basic fieldset > .Title strong{color: #f0597d;} .EventForm_Basic .EventFormArea{content:""; clear:both; display:block;} .EventForm_Basic .EventFormArea .Title{display:block; margin-bottom:1em;} .EventForm_Basic .EventFormArea .Title p{font-size:10pt; font-weight: bold; text-align: left; line-height:1em;} /* 카운트다운(202106) */ .EventForm_Basic .EventCountDown{display:block; position:relative; font-size:14pt; font-weight:bold; text-align:center; margin-bottom:1em;} .EventForm_Basic .EventCountDown p{} .EventForm_Basic .EventCountDown span{} .EventForm_Basic .EventCountDown strong{font-size:16pt; font-family: 'Roboto',sans-serif;} /* 이벤트목록 */ .EventForm_Basic .EventListBox{clear:both; display:block; position:relative;} .EventForm_Basic .EventListBox .List{display:block; position:relative;} .EventForm_Basic .EventListBox li{display:block; position:relative; margin-bottom:1em;} .EventForm_Basic .EventListBox li:first-child{border-bottom:none;} .EventForm_Basic .EventListBox li:hover{background-color:#f7f7f7;} .EventForm_Basic .EventListBox li.OnlyOne{} .EventForm_Basic .EventListBox li.Many{} /* 기본라벨 */ .EventForm_Basic label.LabelThum{} .EventForm_Basic .LabelThum{display:block; position:relative; text-align:right;} .EventForm_Basic .LabelThum dl{display:inline-table; position:relative; width:92%; background-color:#ffffff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1);} .EventForm_Basic .LabelThum dt{display:table-cell; position:relative; width:40%; text-align:left; vertical-align:top;} .EventForm_Basic .LabelThum dt img{display:block; width:100%;} .EventForm_Basic .LabelThum dd{display:table-cell; position:relative; text-align:left; vertical-align:top; padding:0.6em;} .EventForm_Basic .LabelThum dl:after{content:""; clear:both; display:block;} .EventForm_Basic .LabelThum .Icon_Live{display:none;} /* 체크박스 */ .EventForm_Basic .LabelThum > input{display:none;} .EventForm_Basic .LabelThum .Checkbox{display:block; position:absolute; left:0px; top:50%; margin-top:-10px; z-index:100;} /* margin-left:-20%; */ .EventForm_Basic .LabelThum .Checkbox em{display:block; position:relative; width:20px; font-style:normal; font-weight:normal} .EventForm_Basic .LabelThum .Checkbox em b{display:block; position:relative; width:20px; height:20px; font-style:normal; vertical-align:middle; border:1px solid #dadada; border-radius:4px; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset;} .EventForm_Basic .LabelThum .Checkbox em b:after{content: ''; display:block; position:absolute; top:-2px; left:5px; width:6px; height:13px; border-bottom:3px solid #272727; border-right:3px solid #272727; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .EventForm_Basic .LabelThum > input:checked ~ dl .Checkbox em b:after{display:block;} /* dl안에있을때 */ .EventForm_Basic .LabelThum > input:checked ~ .Checkbox em b:after{display:block;} /* dl밖에있을때 */ /* 단독일때랑 아닐때 */ .EventForm_Basic .OnlyOne .LabelThum{} .EventForm_Basic .OnlyOne .LabelThum dl{width:100%;} .EventForm_Basic .OnlyOne .LabelThum .Checkbox{display:none;} .EventForm_Basic .Many .LabelThum{} /* 아이콘(혜택) */ .LabelThum .Icon_Hot{display:inline-block; position:absolute; top:-2px; left:-4px; color:#fff; font-size:10pt; font-weight:bold; line-height:1em; background-color:#f0597d; padding:4px 10px 4px 6px;} .LabelThum .Icon_Hot p{ line-height:1em;} .LabelThum .Icon_Hot:after{content:''; clear:both; display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #a1021e; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} /* 아이콘(신청자수) */ .LabelThum .Icon_Live{display:inline-table; position:absolute; top:-2px; left:-5px; width:auto; border:1px solid #f0597d; border-radius:0px 3px 3px 0px ; background-color:#fff; z-index:99;} .LabelThum .Icon_Live div:first-child{display:table-cell; width:auto; vertical-align:middle; color:#fff; font-size:9pt; line-height:1em; letter-spacing:-1px; background-color:#f0597d; padding:5px;} .LabelThum .Icon_Live div:last-child{display:table-cell; height:auto; vertical-align:middle; font-size:9pt; line-height:1em; background-color:#fff; border-radius:0px 2px 2px 0px; padding:5px;} .LabelThum .Icon_Live div:last-child strong{display:inline-block;} .LabelThum .Icon_Live div:last-child strong b{display:inline-block;} .LabelThum .Icon_Live:after{content:''; clear:both; display:inline-block; position:absolute; left:0%; top:100%; width:0px; height:0px; border-top:5px solid #ac3d58; border-bottom:5px solid transparent; border-right:5px solid none; border-left:5px solid transparent;} /* 이벤트내용 */ .EventForm_Basic .LabelThum small{display:block; position:relative; font-size:9.5pt; letter-spacing:-1px; line-height:1.4em; } .EventForm_Basic .LabelThum small p{display:block; width:100%; text-align:left;} .EventForm_Basic .LabelThum small p span{display:block; color:#f0597d; } .EventForm_Basic .LabelThum small p b{color:#f0597d; font-weight:normal;} .EventForm_Basic .LabelThum small p mark{display:block; color:#372728; font-size:11pt;font-weight:bold; background:none;} .EventForm_Basic .LabelThum small pre{display:block; width:100%; height:3.9em; line-height:1.3em; color:#939393;white-space:normal; margin:0px;} /* word-break:keep-all; */ /* 이벤트가격 */ .EventForm_Basic .LabelThum big{display:inline-table; position:absolute; bottom:0.5em; right:0.5em; width:90%; font-size:12pt; table-layout:fixed;} .EventForm_Basic .LabelThum big > *{} .EventForm_Basic .LabelThum big strong{display:table-cell; position:relative; width:25%; vertical-align:middle;} .EventForm_Basic .LabelThum big strong p{display:inline-block; width:2.5em; height:2.5em; color:#fff; line-height:2.5em; letter-spacing:-1px; text-align:center; margin:auto; border-radius:50%; background-color:#372728; overflow:hidden;} .EventForm_Basic .LabelThum big strong p i{font-style:normal;} /* 글자일경우 */ .EventForm_Basic .LabelThum big strong p b{font-family:'Roboto',sans-serif;} /* 퍼센트일경우 */ .EventForm_Basic .LabelThum big strike{display:table-cell; color:#9a9a9a; text-align:right; vertical-align:middle;} .EventForm_Basic .LabelThum big strike b{font-weight:normal; font-family:'Roboto',sans-serif;} .EventForm_Basic .LabelThum big em{display:table-cell; color:#393939; text-align:right; vertical-align:middle; font-style:normal; font-weight:normal; font-weight:bold; word-break:keep-all;} .EventForm_Basic .LabelThum big em b{font-size:13pt; font-family:'Roboto',sans-serif;} /* 선택된이벤트 */ .EventForm_Basic #sEvent1, .EventForm_Basic #sEvent2{margin-bottom:5px;} .EventForm_Basic .SelectedEvent{} .EventForm_Basic .SelectedEvent span{display:inline-table; position:relative; width:auto; font-size:9.5pt; line-height:1em; border-radius:5px; background-color:#fff; margin:3px; padding:0.5em; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1); cursor:pointer;} .EventForm_Basic .SelectedEvent span input#eventIdx_txt{} .EventForm_v0 .SelectedEvent span > *{display:table-cell; vertical-align:middle;} .EventForm_Basic .SelectedEvent span a{display:table-cell; color:#f0597d; font-size:16pt;} /* 신청영역 */ .EventForm_Basic .EventApplyBox{clear:both; display:block; position:relative; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb; padding:3% 2%;} /* 지점선택 */ .EventForm_Basic .EventApplyBox .Branch{clear:both; display:block; position:relative; } .EventForm_Basic .SelectBranch{padding:0%;} .EventForm_Basic .SelectBranch label{display:block; position:relative; float:left; width:33.3%; line-height:11pt; letter-spacing:-1px; font-weight:normal; cursor:pointer; margin-bottom:2%;} .EventForm_Basic .SelectBranch label input{display:none;} .EventForm_Basic .SelectBranch label em{display:table-cell; vertical-align:middle;} .EventForm_Basic .SelectBranch label em b{display:inline-block; position:relative; width:15px; height:15px; font-style:normal; font-weight:normal; border:1px solid #dadada; border-radius:50%; background-color:#ffffff; box-shadow:1px 2px 5px 0px #ededed inset; margin-right:2px; } .EventForm_Basic .SelectBranch label em b span{position:absolute; top:3px; left:25%; width:7px; height:7px; font-weight:normal; border-radius:50%; background-color:#000000; display:none;} .EventForm_Basic .SelectBranch label strong{display:table-cell; color:#333333; font-size:10pt; font-weight:normal; letter-spacing:-2px; vertical-align:bottom; margin:0px; padding:0px; padding-top:2px;} .EventForm_Basic .SelectBranch label input:checked ~ em{} .EventForm_Basic .SelectBranch label input:checked ~ em span{display:block;} .EventForm_Basic .SelectBranch label input:checked ~ b{color:#000000;} .EventForm_Basic .SelectBranch label:hover em{} /* 개인정보 */ .EventForm_Basic .EventApplyBox .Personal{clear:both; display:block; position:relative; margin-top:10px;} .EventForm_Basic .EventApplyBox .Personal ul{display:table; width: 100%;} .EventForm_Basic .EventApplyBox .Personal li{display:table-cell; text-align:left; width:50%;} .EventForm_Basic .EventApplyBox .Personal li .Title{} .EventForm_Basic .EventApplyBox .Personal .InputBox{display:inline-block; width:100%; font-size:9pt; line-height:1em; text-align:left; text-indent:0px; border:1px solid #d4d4d4; border-radius:5px; background-color:#ffffff; box-shadow:1px 1px 3px 0px #ebebeb inset; margin:0px; padding:0px; padding:8px 6px;} .EventForm_Basic .EventApplyBox .Personal .InputBox input, .EventForm_Basic .EventApplyBox .Personal .InputBox select{display:table-cell; width:100%; font-size:10pt; border:none; background:none; outline:none; margin:0px; padding:0px;} .EventForm_Basic .EventApplyBox .Personal li:nth-child(1) .InputBox{width:97%;} /* 신청버튼 */ .EventForm_Basic .EventForm_EnterBtn{content:""; clear:both; display:block; position:relative; width:100%; padding:2% 0% 1% 0%; } .EventForm_Basic .EventForm_EnterBtn ul{display:table; width: 100%;} .EventForm_Basic .EventForm_EnterBtn li{display:table-cell; width:50%;} .EventForm_Basic .EventForm_EnterBtn li + li{} .EventForm_Basic .EventForm_EnterBtn li:nth-child(1) p{} .EventForm_Basic .EventForm_EnterBtn p, .EventForm_Basic .EventForm_EnterBtn span{display:block; width:100%; font-size:10.5pt; line-height: 1em; letter-spacing:-1px; text-align:center; border-radius:5px; padding:15px 0px; cursor:pointer;} .EventForm_Basic .EventForm_EnterBtn p{width:97%; color:#f0597d; border:1px solid #f0597d;} .EventForm_Basic .EventForm_EnterBtn span{color:#ffffff; background-color:#f0597d; border:1px solid #f0597d;} .EventForm_Basic .EventForm_EnterBtn span small{display:block; color:#fff; font-size:8pt; opacity:0.6;} /* 동의 */ .EventForm_Basic .EventApplyBox .AgreeBox{content:""; clear:both; display:block; text-align:left;} .EventForm_Basic .EventApplyBox .AgreeBox label{display:inline-table; position:relative; color:#939293; font-size:8pt; letter-spacing:-1px; line-height:1em; margin:0px; padding:0px; } .EventForm_Basic .EventApplyBox .AgreeBox label input{display:table-cell; vertical-align:middle; padding-right:3px;} .EventForm_Basic .EventApplyBox .AgreeBox label span{display:table-cell; vertical-align:middle;} .EventForm_Basic .EventApplyBox .AgreeBox a{display:inline-block; color:#939293; font-size:8pt;} .EventForm_Basic .EventApplyBox .AgreeBox a:hover{ outline:none;} .EventForm_Basic .EventApplyBox .AgreeBox .PrivacyText{display:none; overflow:auto !important;} /* slidetoggle이 hidden으로 주고있어서 auto넣어줌 */ /* 신청자목록 */ .EventForm_Basic .RqnListArea{} .EventForm_Basic .bx-viewport{height:8.6em !important;} /* ----------------------------------------------------------------------------------------- */ /* [버전11]중국어기본(2010528) */ .v11cn{} .v11cn .Contents{} .v11cn .ContentsSection{} .v11cn.verBasic .ContentsSection4{} /* 신청폼 */ .v11cn .EventForm_Basic{} .v11cn .EventForm_Basic .LabelThum{background-color: #ffffff; box-shadow: 1px 1px 5px rgb(0 0 0 / 10%); padding:0.6em;} .v11cn .EventForm_Basic .LabelThum .Checkbox{left:2%;} .v11cn .EventForm_Basic .LabelThum dl{width:93%; box-shadow:none;} .v11cn .EventForm_Basic .LabelThum dt{vertical-align:middle;} .v11cn .EventForm_Basic .LabelThum dd{padding:0px; padding-left:0.6em; padding-bottom:4.6em;} .v11cn .EventForm_Basic .LabelThum small p b {display:none;} .v11cn .EventForm_Basic .LabelThum small pre{height:auto;} .v11cn .RqnListArea{display:none;} /* 신청자목룍 */ .v11cn .EventForm_Basic .EventForm_EnterBtn p{width:100%; color:#ffffff; background-color:#f0597d; border:1px solid #f0597d;} /* e예약함께하기 */ .v11cn ~ .ui-dialog{} .v11cn ~ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {top:30% !important;} .v11cn ~ .ui-dialog .ContactPop_With_Head{padding:2em 1em;} .v11cn ~ .ui-dialog .Kr{display:none;} .v11cn ~ .ui-dialog .Cn{display:block;} .v11cn ~ .ui-dialog .ContactPop_With_Close{} .v11cn ~ .ui-dialog .ContactPop_With_Cont{display:none;} .v11cn ~ .ui-dialog .ContactPop_With_Btn{display:none;} /* ----------------------------------------------------------------------------------------- */ /* [버전11]일본어기본(20100602) */ .v11jp{} .v11jp .Contents{} .v11jp .ContentsSection{} .v11jp.verBasic .ContentsSection4{} /* 신청폼 */ .v11jp .EventForm_Basic{} .v11jp .EventForm_Basic .LabelThum{background-color: #ffffff; box-shadow: 1px 1px 5px rgb(0 0 0 / 10%); padding:0.6em;} .v11jp .EventForm_Basic .LabelThum .Checkbox{left:2%;} .v11jp .EventForm_Basic .LabelThum dl{width:93%; box-shadow:none;} .v11jp .EventForm_Basic .LabelThum dt{vertical-align:middle;} .v11jp .EventForm_Basic .LabelThum dd{padding:0px; padding-left:0.6em; padding-bottom:4.6em;} .v11jp .EventForm_Basic .LabelThum small p b {display:none;} .v11jp .EventForm_Basic .LabelThum small pre{height:auto;} .v11jp .RqnListArea{display:none;} /* 신청자목룍 */ .v11jp .EventForm_Basic .EventForm_EnterBtn p{width:100%; color:#ffffff; background-color:#f0597d; border:1px solid #f0597d;} /* e예약함께하기 */ .v11jp ~ .ui-dialog{} .v11jp ~ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {top:30% !important;} .v11jp ~ .ui-dialog .ContactPop_With_Head{padding:2em 1em;} .v11jp ~ .ui-dialog .Kr{display:none;} .v11jp ~ .ui-dialog .Jp{display:block;} .v11jp ~ .ui-dialog .ContactPop_With_Close{} .v11jp ~ .ui-dialog .ContactPop_With_Cont{display:none;} .v11jp ~ .ui-dialog .ContactPop_With_Btn{display:none;} /* =============================================================================== */ /* [버전12] 이벤트신청하단고정(20210413) */ .v12{} .v12 .Contents{} .v12 .ContentsSection{text-align:center; } .v12 .ContentsSection1{} .v12 .ContentsSection2{} .v12 .ContentsSection3{} .v12 .RqnListArea{background-color:#f7f7f7;} /* 신청자목록 */ .v12 .ContentsSection4{} .v12 .ContentsSection5{} .v12 .ContentsSection6{} .v12 .ContentsSection7{} .v12 .ContentsSection8{line-height:1.6em; padding-top:0.5em} /* 대상 */ .v12 .ContentsSection9{color:#c3c3c3; font-size:8pt; background-color:#f7f7f7; padding:1em;} /* 유의사항 */ .v12 .ContentsSection10{} /* 푸터주소 */ /* 신청폼 */ .v12 .EventForm_Basic{border-radius:6px 6px 0px 0px; overflow:hidden;} .v12 .EventForm_Basic .EventFormArea .Title{display:none;} /* 일단숨김 */ /* 닫아있을때 */ .v12 .FormClose{} .v12 .FormClose form{background-color:#272727;} .v12 .FormClose.EventForm_Basic fieldset{padding:1em;} /* 열려있을때 */ .v12 .FormOpen{} .v12 .EventForm_Basic{position:fixed; left:0px; bottom:0px; width:100%; z-index:100; } .v12 .EventForm_Basic fieldset{padding:0.5em; box-shadow:0px -3px 6px -2px rgb(0 0 0 / 30%);} .v12 .EventForm_Basic #sEvent1{display:none !important;} /* 선택한시술 */ .v12 .EventForm_Basic .EventApplyBox{display:none;} /* 입력영역 일단숨김 */ .v12 .EventForm_Basic .EventListBox{} /* 이벤트목록 */ @media(min-width:768px) { .v12 .EventForm_Basic{;} .v12 .EventForm_Basic form{width:720px; margin:auto} } /* 기존썸네일 */ .v12 .EventForm_Basic{} .v12 .EventForm_Basic .EventListBox li{margin:auto;} .v12 .EventForm_Basic .EventListBox li + li .LabelSideThum{margin-top:0.6em;} .v12 .EventForm_Basic .LabelThum{width:100%; display:none;} /* 일단숨김 */ .v12 .EventForm_Basic .LabelThum dl{width:94%; background:none; box-shadow:none;} .v12 .EventForm_Basic .LabelThum dt{display:none;} .v12 .EventForm_Basic .LabelThum dd{display:table; width:100%; table-layout:fixed;} .v12 .EventForm_Basic .LabelThum small{display:table-cell; position:relative; vertical-align:top;} .v12 .EventForm_Basic .LabelThum small p span{color:#1d1d1d;} .v12 .EventForm_Basic .LabelThum small p span b{color:#1d1d1d;} .v12 .EventForm_Basic .LabelThum small pre{height:auto;} .v12 .EventForm_Basic .LabelThum big{display:table-cell; position:relative; bottom:auto; right:auto; width:29%; vertical-align:bottom; padding-right:12%;} .v12 .EventForm_Basic .LabelThum big strike{display:block; font-size:10pt;} .v12 .EventForm_Basic .LabelThum big em{display:block; color: #f0597d;} .v12 .EventForm_Basic .LabelThum big > p{display:inline-block; position:absolute; bottom:20%; right:0px; line-height:1em; text-align:right;} .v12 .EventForm_Basic li.OnlyOne .LabelThum{} /* 시술하나일때 */ .v12 .EventForm_Basic li.OnlyOne .LabelThum dl{width:100%;} .v12 .EventForm_Basic li.Many .LabelThum{} /* 시술여러개일때 */ /* 하단고정용썸네일 */ .v12 .Thum{} .v12 .Thum + .Thum{} .LabelSideThum{display:block; position:relative; } .LabelSideThum dl{display:table; position:relative; width:100%; background-color:#fff; border-radius:5px; box-shadow: 1px 1px 2px rgb(0 0 0 / 7%); overflow:hidden; } .LabelSideThum dt{display:table-cell; position:relative; width:16%; vertical-align:middle; display:none;} /* 썸네일숨김 */ .LabelSideThum dt img{display:block; width:100%;;} .LabelSideThum dd{display:table-cell; position:relative; vertical-align:middle; padding:0.6em 0.6em; } .LabelSideThum dd .Box{display:table; position:relative; width:100%; table-layout:fixed;} .LabelSideThum dd small{display:table-cell; position:relative; vertical-align:middle; font-size: 9.5pt;} .LabelSideThum dd small p{display:block; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none} /* 시술명 */ .LabelSideThum dd small b{} .LabelSideThum dd small pre{display:block; position:relative; font-size:11pt; font-weight:bold; word-break:keep-all; white-space:pre-line; margin:0px;} /* 내용(시술) */ .LabelSideThum dd big{display:table-cell; position:relative; vertical-align:middle; width:24%; color:#f0597d; font-size:14pt; line-height:1em; font-weight:bold; text-align:right;} .LabelSideThum dd big em{display:inline-block; position:relative;} .LabelSideThum dd big em b{} .LabelSideThum dd big span{display:inline-block; position:relative; width:19px;} .LabelSideThum dd big span img{display:block; } /* 닫기버튼 */ .Btn_FormClose{display:block; position:relative; color:#fff; font-size:11pt; text-align:center; background-color:#f0597d; padding:0.6em; display:none;} /* 일단숨김 position:absolute; right:0px; */ /* 푸터 */ .v12 .FooterArea{padding-bottom:18em;} /* =============================================================================== */ /* [버전13] 뉴트로(영상 + 24시간카운트 + 깜박알림 20210604) */ .v13{background-color:#ff82c1; background-image:url("/image/common/v13_bgpattern.png");} .v13 .ContentsSection{display:block; position:relative; text-align:center;} .v13 .ContentsHead{display:block; position:relative;} .v13 .ContentsBody{display:block; position:relative; padding:0em 1em 3em 1em;} /* 헤더타이틀 */ .v13 .ContentsSection1{} /* 영상과문구 */ .v13 .ContentsSection2{} .v13 .ContentsSection2 .Inner{border:3px solid #3e00fd; background-color:#fff;} .v13 .ContentsSection2 .Inner > img{display:block; border-bottom:3px solid #3e00fd;} .v13 .ContentsSection2 .Movie_IframArea{} .v13 .ContentsSection2 em{display:block; font-size:15pt; font-weight:bold; padding:0.4em;} /* 타임카운터 */ .v13 .ContentsSection3{padding:2em 0px;} .v13 .ContentsSection3 img{} .v13 .ContentsSection3 p{display:inline-table; position:relative; table-layout:fixed; font-size:19pt; font-weight:bold; margin-top:1em;} .v13 .ContentsSection3 strong{display:table-cell; vertical-align:middle;} .v13 .ContentsSection3 span{display:table-cell; vertical-align:middle; color:#3e00fd; padding-left:0.5em;} /* 신청폼 */ .v13 .ContentsSection4{} .v13 .EventForm_Basic{background-color:#fff; } .v13 .EventForm_Basic fieldset{padding:3em 2em 2em 2em;;} .v13 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v13 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v13 .EventForm_Basic .LabelThum dl{display:none;} .v13 .EventForm_Basic .EventApplyBox .Branch{} .v13 .EventForm_Basic .targetInfo{display:block; position:relative; text-align:center; border-top:1px dashed #ddd; padding-top:1em; margin-top:0.5em;} .v13 .EventForm_Basic .cautionInfo{display:block; position:relative; text-align:center; padding:1em 0em;} .v13 .EventApplyBox{} .v13 .EventApplyBox .List{display:block; position:relative;} .v13 .EventApplyBox .List li{display:block; position:relative; border:1px solid #ddd; padding:1em;} .v13 .EventApplyBox .List li + li{margin-top:0.5em;} .v13 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v13 .EventApplyBox .List dt{display:table-cell; width:27%; vertical-align:middle; font-size:12pt; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v13 .EventApplyBox .List dt p{text-align:justify; } .v13 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:1em;} .v13 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v13 .EventForm_Basic .SelectBranch label{width:48%;} .v13 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size:18pt; line-height:1em; text-align:center; background-color:#3e00fd; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v13 .EventApplyBox .eventBtn strong{color:#fff79a;} .v13 .EventApplyBox .eventBtn:after{content: ''; display:block; position:absolute; right:-2%; bottom:-10%; width:100%; height:100%; border:1px solid blue;} /* 신청자목록 */ .v13 .ContentsSection5{background-color:#fff; margin:1em auto; padding-bottom:1em;} .v13 .ContentsSection5 img{} .v13 .ContentsSection5 .RqnList2Area{} .v13 .ContentsSection6{} .v13 .ContentsSection7{} /* 기간 */ .v13 .ContentsSection8{} /* 대상 */ .v13 .ContentsSection9{} /* 유의사항 */ .v13 .ContentsSection10{} /* 푸터주소 */ /* =============================================================================== */ /* [버전14] (202210617) - 설문조사형(PC/MO 레이아웃다름) MO이기본 */ .v14{display:block; position:relative; font-size: 11pt;} .v14 #container{} .v14 .ContentsSection{display:block; position:relative; text-align:center;} .v14 .ContentsHead{display:block; position:relative;} .v14 .ContentsBody{display:block; position:relative;} .v14 .ContentsSection1{} /* 설면조사영역 */ .v14 .ContentsSection2{background-color:#23101b; padding:2em 1.6em;} .v14 .ContentsSection2 .Inner{display:block; position:relative; text-align:left; background-color:#fff; padding:1.5em 1em; } .v14 .ContentsSection2 .Inner:before{content: ''; display:block; position:absolute; right:0%; bottom:-7px; width:98%; height:0px; border-top:7px solid rgba(255,255,255, 0.5); } .v14 .ContentsSection2 .Inner:after{content: ''; display:block; position:absolute; right:-7px; bottom:-7px; width:0px; height:98%; border-right:7px solid rgba(255,255,255, 0.5); } /* 설문조사형태(기존건 에디터에서 게시글 수정시 스타일이 무너짐) */ .SurveyBox{display:block; position:relative; text-align:left; } .SurveyBox legend{display:table; position:relative; table-layout:fixed; width:100%; margin-bottom:1em;} .SurveyBox legend em{display:table-cell; width:9%; vertical-align:middle; text-align:left;} .SurveyBox legend em b{display:inline-block; width:2em; height:2em; color:#fff; font-size:9pt; line-height:2em; letter-spacing:-1px; font-weight:bold; text-align:center; font-family:'Roboto',sans-serif; border-radius:50%; background-color:#f0597d; overflow:hidden; } .SurveyBox legend strong{display:table-cell; vertical-align:middle; font-size:13pt; letter-spacing:-1px;} .SurveyBox .List{display:table; position:relative; width:100%;} .SurveyBox .List li{display:table-cell; position:relative; vertical-align:middle; } .SurveyBox label{display:table; position:relative; table-layout:fixed; position:relative; width:100%; letter-spacing:-1px; text-align:left;} .SurveyBox label input{display:none;} .SurveyBox label em{display:table-cell; position:relative; vertical-align:middle; width:2em; font-style:normal; font-weight:normal;} .SurveyBox label em b{display:block; position:relative; width:1.6em; height:1.6em; font-style:normal; vertical-align:middle; border:1px solid #888888; background-color:#ffffff; box-shadow:1px 2px 3px #cacaca inset;} .SurveyBox label em b:after{content: ''; display:block; position:absolute; left:9px; top:-3px; width:7px; height:18px; border-bottom:3px solid #333333; border-right:3px solid #333333; transform:rotate( 45deg ); -webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg ); display:none;} .SurveyBox label strong{display:table-cell; position:relative; vertical-align:middle; font-size:11pt; line-height:1.6em; font-weight:normal;} .SurveyBox label input:checked ~ em b:after{display:block;} .SurveyBox + .SurveyBox{margin-top:2em;} .v14 .ContentsSection3{} .v14 .ContentsSection4{} .v14 .ContentsSection5{} .v14 .ContentsSection6{} /* 신청폼 */ .v14 .EventForm_Basic{background-color:#fff; } .v14 .EventForm_Basic fieldset{padding:3em 2em 2em 2em;} .v14 .EventForm_Basic .EventCountDown{color:#120940;} .v14 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v14 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v14 .EventForm_Basic .LabelThum dl{display:none;} .v14 .EventForm_Basic .EventApplyBox .Branch{} .v14 .EventForm_Basic .targetInfo{display:block; position:relative; text-align:center; border-top:1px dashed #ddd; padding-top:1em; margin-top:0.5em;} .v14 .EventForm_Basic .cautionInfo{display:block; position:relative; text-align:center; padding:1em 0em;} .v14 .EventApplyBox{} .v14 .EventApplyBox .List{display:block; position:relative;} .v14 .EventApplyBox .List li{display:block; position:relative; border:1px solid #ddd; padding:1em;} .v14 .EventApplyBox .List li + li{margin-top:0.5em;} .v14 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v14 .EventApplyBox .List dt{display:table-cell; width:27%; vertical-align:middle; font-size:12pt; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v14 .EventApplyBox .List dt p{text-align:justify; } .v14 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:1em;} .v14 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v14 .EventForm_Basic .SelectBranch label{width:48%;} .v14 .EventForm_Basic .AgreeBox label + label{margin-top:0.3em;} .v14 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size:18pt; line-height:1em; text-align:center; background-color:#f0597d; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v14 .EventApplyBox .eventBtn strong{color:#fff79a;} /* 신청자목록 */ .v14 .ContentsSection5{margin:1em auto; padding-bottom:1em;} .v14 .ContentsSection5 .RqnList2Area{} /* 퀵이동 */ .v14 .Quick{display:inline-block; position:fixed; right:2%; bottom:2%; z-index:100; display:none;} .v14 .Quick .BtnQuick{display:block; position:relative; width:5em; height:5em; color:#fff; font-weight:bold; text-align:center; background-color:#f0597d; border-radius:50%; box-shadow:10px 1px 5px rgb(0 0 0 / 10%); animation:BtnQuickAni 0.6s 0s infinite ease-in-out alternate; padding-top:1.3em;} @keyframes BtnQuickAni{ 0%{margin-bottom:0px;} 100%{margin-bottom:10px;} } .v14 .Quick.Fixed{display:block;} @media all and (min-width:769px){ /* PC일때 */ #wrap.v14{width:1100px; max-width:1100px; padding-right:500px;} .v14{} .v14 #container{width:600px; z-index:99; } .v14 .EventForm_Basic{position:fixed; width:480px; top:0px; left:53.5%; z-index:100; } .v14 ~ .ui-dialog{width:40% !important;} .v14 #frmInputLast{} } @media(max-width:768px) { /* MO일때 */ #wrap.v14{} .v14{} .v14 #ontainer{} } /* ----------------------------------------------------------------------------------------- */ /* [버전12]중국어(2010622) */ .v14.v14cn{} .v14cn{} .v14cn .Contents{} .v14cn .ContentsSection{} .v14cn .ContentsSection5{display:none;} /* 신청자목록 */ /* =============================================================================== */ /* [버전15] 뉴트로(룰렛 + 24시간카운트 + 깜박알림 (202108) http://dougtesting.net/winwheel/examples/basic_image_wheel */ .v15{display:block; position:relative; background-color:#0a0c38;} .v15 .ContentsSection{display:block; position:relative; text-align:center;} /* 타이틀 */ .v15 .TitleBig{display:inline-table; table-layout:fixed; text-align:center; margin:auto; margin-bottom:1em;} .v15 .TitleBig span{display:table-cell; vertical-align:middle; color:#fc15c2; padding:0px 1em;} .v15 .TitleBig p{display:table-cell; vertical-align:middle; font-size:20pt; font-weight:bold;} .v15 .TitleBig p strong{color:#fc15c2;} /* 헤더 */ .v15 .ContentsHead{display:block; position:relative; padding:2em 2em;} /* 타이틀 */ .v15 .ContentsSection1{} /* 타이틀 */ /* 컨텐츠(룰렛) */ .v15 .ContentsBody{display:block; position:relative; text-align:center; padding:2em 2em; } .v15 .rouletteArea{display:block; position:relative; box-sizing:content-box; margin:auto; margin-bottom:2em;} /* 크기스크립트에서조정하게함(이미지크기랑 동일해야하므로 같이 부여하게 스크립트로 조정) */ .v15 .rouletteArea canvas{display:block; position:relative;} /* 업로드한이미지와 canvas 동일하게 background-image:url('/image/common/v15_panel.png'); */ .v15 .rouletteArea canvas img{display:block; position:relative;} .v15 .rouletteArea .spin_pin{display:block; position:absolute; left:50%; margin-left:-4%; top:0px; margin-top:-1em; width:8%; z-index:1;} .v15 .rouletteArea #spin_button{display:block; position:absolute; top:0%; left:0%; width:100%; height:100%; text-indent: -1000px; background:none; border:none; cursor:pointer;} /* 신청폼 */ .v15 .ContentsForm{display:block; position:relative; position:fixed; top:0px; bottom:0px; height:100%; width:100%; max-width:720px; text-align:center; background-color:#0a0c38; z-index:100; height:0px; overflow:hidden; } /* 일단숨김- display:none으로 처리할시 텍스트롤업에 문제발생 height:0로 컨트롤하기 */ /* 당첨안내 */ .v15 .ContentsSection4{padding:2em 2em;} /* 타임카운터 */ .v15 .ContentsSection11{background-color:#000; padding:1.5em 0em; margin:auto;} .v15 .ContentsSection11 .TimeBox{display:inline-table; position:relative; table-layout:fixed; color:#fff; font-size:18pt; line-height:1.6em; font-weight:bold;} .v15 .ContentsSection11 .TimeBox strong{display:table-cell; vertical-align:middle; padding-right:1em;} .v15 .ContentsSection11 .TimeBox p{display:table-cell; vertical-align:middle; color:#c00214; border:2px solid #c00214; border-radius:10px; background-color:#ede149; padding:0em 0.5em;} /* 신청폼 */ .v15 .ContentsSection_Form{display:block; position:relative; padding:2em 2em;} .v15 .ContentsSection_Form > .TitleBig{} .v15 .ContentsSection_Form > .TitleBig p{color:#fff;} /* 신청폼 */ .v15 .EventForm_Basic{background:none; ;} .v15 .EventForm_Basic form{background-color:#fff; padding:2em 2em} .v15 .EventForm_Basic fieldset{padding:0px;} .v15 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v15 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v15 .EventForm_Basic .EventListBox{display:none;} /* 썸네일숨기기 */ .v15 .EventForm_Basic .EventApplyBox .Branch{} .v15 .EventApplyBox{} .v15 .EventApplyBox .List{display:block; position:relative;} .v15 .EventApplyBox .List li{display:block; position:relative; border:1px solid #ddd; padding:1em;} .v15 .EventApplyBox .List li + li{margin-top:0.5em;} .v15 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v15 .EventApplyBox .List dt{display:table-cell; width:27%; vertical-align:middle; font-size:12pt; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v15 .EventApplyBox .List dt p{text-align:justify; } .v15 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:1em;} .v15 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v15 .EventForm_Basic .SelectBranch label{width:48%;} .v15 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size:18pt; line-height:1em; text-align:center; background-color:#c00214; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v15 .EventApplyBox .eventBtn strong{color:#fff79a;} .v15 .EventApplyBox .eventBtn:after{content: ''; display:block; position:absolute; right:-2%; bottom:-10%; width:100%; height:100%; border:1px solid #c00214;} /* 신청자목록(EventForm_Basic안으로들어가면수량오류발생) */ .v15 .RqnList2Area{background-color:#fff; padding-top:2em;} .v15 .RqnList2Area .AccrueNum span{display:block;} .v15 .RqnList2Area li{padding: 0.7em 0em;} .v15 .RqnList3Area{} /* 일단숨김 */ .v15 .RqnList3Area .bx-wrapper{height:0px; overflow:hidden; } .v15 .ContentsSection8{} /* 유의사항 */ .v15 .ContentsSection9{border-top:1px dashed #ddd; padding:1em 0em; margin-top:1em;} /* 대상기간 */ .v15 .ContentsSection10{} /* 푸터주소 */ .v15 .ContentsSection10 .FooterArea{background:none;} /* =============================================================================== */ /* [버전16] 월말카운트, 당첨확률보기, 접속자 카운트 내용8 : 기간 내용9 : 대상 내용10 : 사용자 */ .v16body{background-color:#eee; background-image:url("/image/v16_bodyBg.png");} .v16{display:block; position:relative;} .v16 #container{display:block; position:relative; background-color:#17151e; background-image:url("/image/v16_bodyBg.png");} .v16 .ContentsHead{display:block; position:relative;} .v16 .ContentsBody{display:block; position:relative; display:none;} /* 일단숨김(버튼클릭시노출) */ .v16 .ContentsSection{display:block; position:relative; text-align:center;} .v16 .ContentsSection5{padding:4em 2em;} .v16 .ContentsSection5 .sectionTitle{display:block; position:relative; color:#fff; text-align:center; margin-bottom:4em;} .v16 .ContentsSection5 .sectionTitle p{display:block; position:relative; font-size:1.6em; line-height:1.8em; font-weight:bold;} .v16 .ContentsSection5 .sectionTitle span{display:block; position:relative; color:#ffc494; font-size:1.3em;} .v16 .ContentsSection5 .Movie_IframArea{} .v16 .ContentsSection6{} .v16 .ContentsSection7{} .v16 .ContentsSection8{} .v16 .ContentsSection8{} .v16 .ContentsSection9{} .v16 .ContentsSection9.targetInfo{} .v16 .FooterArea{background:none; padding:3em 1em;} /* 남은시간카운트 */ .v16 .ContentsSectionTime{display:block; color:#fff; text-align:center; z-index:2; margin-top:2em;} .v16 .ContentsSectionTime .sectionTitle{display:block; position:relative; font-size:1.5em;} .v16 .ContentsSectionTime .timeBox{display:block; position:relative; color:#f0597d; font-size:2.6em; font-weight:bold; letter-spacing:1px; font-family:'Roboto',sans-serif; margin-top:0.3em;} .v16 .ContentsSectionTime .timeBox span{display:inline-block; font-size:0.5em; font-family: 'Noto Sans KR',sans-serif;} /* 이벤트내용 */ .v16 .ContentsSectionActivity{display:block; position:relative; padding:3em 2em;} .v16 .ContentsSectionActivity .innerBoxArea{display:block; position:relative; background:#997961; background:-moz-linear-gradient(-45deg, #997961 0%, #6b4f3c 100%); background:-webkit-linear-gradient(-45deg, #997961 0%,#6b4f3c 100%); background:linear-gradient(135deg, #997961 0%,#6b4f3c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997961', endColorstr='#6b4f3c',GradientType=1 ); } .v16 .ContentsSectionActivity .innerBox{display:block; position:relative; color:#fff; text-align:center; background-image:url("/image/v16_activityBg.png"); background-size:100% auto;background-repeat:no-repeat; overflow:hidden; padding:5em 3em 3em 3em; } .v16 .ContentsSectionActivity .sectionTitle{display:block; position:relative; font-size:1.6em; font-weight:100;} .v16 .ContentsSectionActivity .sectionTitle strong{color:#f9bc5b; font-family:'Roboto',sans-serif;} .v16 .ContentsSectionActivity .List{display:block; position:relative; margin:3em auto;} .v16 .ContentsSectionActivity .List li{display:block; position:relative;} .v16 .ContentsSectionActivity .List li + li{} .v16 .ContentsSectionActivity .LabelThum{display:block; position:relative; font-size:1.6em;} .v16 .ContentsSectionActivity .LabelThum pre{display:inline; font-weight:bold; line-height:1.4em; word-break:keep-all; white-space:normal; padding:0px;} .v16 .ContentsSectionActivity .LabelThum em{display:inline; position:relative; font-size:inherit;} .v16 .ContentsSectionActivity .eventBtn{display:block; position:relative; margin-top:2em;} .v16 .ContentsSectionActivity .eventBtn .Btn{display:block; position:relative; width:80%; font-size:2em; font-weight:bold; border-radius:8px; padding:0.8em 2em; margin:auto; background:#f9bc5b; /* background:-moz-linear-gradient(-45deg, #d2b48c 0%, #b48264 100%); background:-webkit-linear-gradient(-45deg, #d2b48c 0%,#b48264 100%); background:linear-gradient(135deg, #d2b48c 0%,#b48264 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2b48c', endColorstr='#b48264',GradientType=1 ); */} .v16 .ContentsSectionActivity .eventBtn .Btn:before{content:""; clear:both; display:block; position:absolute; left:-4px; top:-4px; right:-3px; bottom:-3px; border:1px solid #fff; border-radius:7px; z-index:1;} .v16 .ContentsSectionActivity .eventBtn .Btn:hover{} .v16 .ContentsSectionActivity .eventBtn .Btn .text{} .v16 .ContentsSectionActivity .eventBtn .Btn .textAfter{display:none;} /* 일단숨김 */ .v16 .ContentsSectionActivity .eventBtn .Btn.Active{background:#f0597d;} /* 클릭했을때 */ .v16 .ContentsSectionActivity .eventBtn .Btn.Active .text{display:none;} .v16 .ContentsSectionActivity .eventBtn .Btn.Active .textAfter{display:block;} /* 신청폼 */ .v16 .EventForm_Basic{background-color:#fff; } .v16 .EventForm_Basic fieldset{padding:3em 2em 2em 2em;} .v16 .EventForm_Basic .EventTitle{display:block; position:relative; text-align:center;} .v16 .EventForm_Basic .EventTitle strong{display:block; position:relative; color:#f0597d; font-size:2em;} .v16 .EventForm_Basic .EventTitle span{display:block; position:relative; margin-top:1em;} .v16 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v16 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v16 .EventForm_Basic .LabelThum dl{display:none;} .v16 .EventForm_Basic .EventApplyBox .Branch{} .v16 .EventForm_Basic .timeInfo{display:block; position:relative;} .v16 .EventForm_Basic .targetInfo{display:block; position:relative; text-align:center; border-top:1px dashed #ddd; padding-top:1em; margin-top:0.5em;} .v16 .EventApplyBox{} .v16 .EventApplyBox .List{display:block; position:relative;} .v16 .EventApplyBox .List li{display:block; position:relative; border:1px solid #ddd; padding:1em;} .v16 .EventApplyBox .List li + li{margin-top:0.5em;} .v16 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v16 .EventApplyBox .List dt{display:table-cell; width:27%; vertical-align:middle; font-size:12pt; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v16 .EventApplyBox .List dt p{text-align:justify; } .v16 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:1em;} .v16 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v16 .EventForm_Basic .SelectBranch label{width:48%;} .v16 .EventForm_Basic .AgreeBox label + label{margin-top:0.3em;} .v16 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size:18pt; line-height:1em; text-align:center; background-color:#f0597d; border-radius:3px; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v16 .EventApplyBox .eventBtn strong{color:#fff79a;} /* =============================================================================== */ /* [버전17] 베이직버전2 */ .v17body{} .v17{display:block; position:relative;} .v17 #container{display:block; position:relative;} .v17 .ContentsHead{display:block; position:relative;} .v17 .ContentsBody{display:block; position:relative;} .v17 .ContentsSection{display:block; position:relative;} .v17 .ContentsSection img{display:block;} /* 신청폼 */ .v17 .ContentsSection_Form{display:block; position:relative; padding:2em 2em;} .v17 .ContentsSection_Form > .TitleBig{} .v17 .ContentsSection_Form > .TitleBig p{color:#fff;} /* 신청폼 */ .v17 .EventForm_Basic{background:none; ;} .v17 .EventForm_Basic form{background-color:#fff; padding:2em 2em} .v17 .EventForm_Basic fieldset{padding:0px;} .v17 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v17 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v17 .EventForm_Basic .EventListBox{display:none;} /* 썸네일숨기기 */ .v17 .EventForm_Basic .EventApplyBox .Branch{} .v17 .EventApplyBox{} .v17 .EventApplyBox .List{display:block; position:relative;} .v17 .EventApplyBox .List li{display:block; position:relative; border:1px solid #ddd; padding:1em;} .v17 .EventApplyBox .List li + li{margin-top:0.5em;} .v17 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v17 .EventApplyBox .List dt{display:table-cell; width:27%; vertical-align:middle; font-size:12pt; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v17 .EventApplyBox .List dt p{text-align:justify; } .v17 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left:1em;} .v17 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v17 .EventForm_Basic .SelectBranch label{width:48%;} .v17 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size:18pt; line-height:1em; text-align:center; background-color:#c00214; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v17 .EventApplyBox .eventBtn strong{color:#fff79a;} .v17 .EventApplyBox .eventBtn:after{content: ''; display:block; position:absolute; right:-2%; bottom:-10%; width:100%; height:100%; border:1px solid #c00214;} /* 대상기간 */ .v17 .ContentsSection9{text-align:center; border-top:1px dashed #ddd; padding:1em 0em; margin-top:1em;} /* 푸터주소 */ .v17 .ContentsSection10{} .v17 .ContentsSection10 .FooterArea{} /* =============================================================================== */ /* =============================================================================== */ /* [버전20] (20221208) */ .v20{display:block; position:relative; font-size: 11pt;} .v20 #container{} .v20 .ContentsSection{display:block; position:relative; text-align:center;} .v20 .ContentsHead{display:block; position:relative;} .v20 .ContentsBody{display:block; position:relative;} .v20 .ContentsSection1{} .v20 .ContentsSection2{} .v20 .ContentsSection3{} .v20 .ContentsSection4{} .v20 .ContentsSection5{} .v20 .ContentsSection6{} /* 신청폼 */ .v20 .EventForm_Basic{background-color:#fff; position:fixed; bottom: 0; width:100%; max-width: 720px; border-top: 1px solid #ddd; z-index:100;} .v20 .EventForm_Basic fieldset{padding: 10px;} .v20 .EventForm_Basic .EventCountDown{display: none; color:#120940;} .v20 .EventForm_Basic .EventFormArea .EventListBox{display: none;} .v20 .EventForm_Basic .EventFormArea .EventListBox > .Title p{text-align:center;} .v20 .EventForm_Basic .EventApplyBox{box-shadow:none; padding:0px;} .v20 .EventForm_Basic .LabelThum dl{display:none;} .v20 .EventForm_Basic .EventApplyBox .Branch{} .v20 .EventForm_Basic .targetInfo{display:block; position:relative; text-align:center; border-top:1px dashed #ddd; padding-top:1em; margin-top:0.5em;} .v20 .EventForm_Basic .cautionInfo{display:block; position:relative; text-align:center; padding:1em 0em;} .v20 .EventApplyBox{} .v20 .EventApplyBox .List{position:relative; display: flex; flex-wrap: wrap; justify-content: space-between;} .v20 .EventApplyBox .List li{display:block; position:relative; width: 49%; border:1px solid #ddd; padding: 8px 10px; margin-bottom: 8px;} .v20 .EventApplyBox .List li:last-child{width: 100%; margin: 0;} .v20 .EventApplyBox .List dl{display:table; position:relative; width:100%; table-layout:fixed;} .v20 .EventApplyBox .List dt{display:table-cell; width: 58px; vertical-align:middle; font-size:12px; font-weight:bold; text-align:justify; border-right:1px solid #1d1d1d;} .v20 .EventApplyBox .List dt p{text-align:justify; } .v20 .EventApplyBox .List dd{display:table-cell; vertical-align:middle; text-align:left; padding-left: 10px;} .v20 .EventApplyBox .List dd > input{display:block; width:100%; line-height:1.8em; border:none;} .v20 .EventForm_Basic .SelectBranch label{display: flex; width:48%; margin: 1% 0;} .v20 .EventForm_Basic .AgreeBox label + label{margin-top:0.3em;} .v20 .EventForm_Basic .SelectBranch label strong{padding-top: 0;} .v20 .EventApplyBox .eventBtn{display:block; position:relative; color:#fff; font-size: 16px; line-height: 26px; text-align:center; background-color:#f0597d; padding:0.5em 1em; margin:0.5em auto; cursor:pointer;} .v20 .EventApplyBox .eventBtn strong{color:#fff79a;} .v20 .FooterArea{padding-bottom: 37vh;} /* 퀵이동 */ .v20 .Quick{display:inline-block; position:fixed; right:2%; bottom:2%; z-index:100; display:none;} .v20 .Quick .BtnQuick{display:block; position:relative; width:5em; height:5em; color:#fff; font-weight:bold; text-align:center; background-color:#f0597d; border-radius:50%; box-shadow:10px 1px 5px rgb(0 0 0 / 10%); animation:BtnQuickAni 0.6s 0s infinite ease-in-out alternate; padding-top:1.3em;} @keyframes BtnQuickAni{ 0%{margin-bottom:0px;} 100%{margin-bottom:10px;} } .v20 .Quick.Fixed{display:block;} /* =============================================================================== */