/* DA0100 */
#OperatingTimeSelect {height:570px; background-image:url('/images/contents/DA0100_1.jpg');}
#California #OperatingTimeSelect {height:570px; background-image:url('/images/contents/WA0100_1.jpg');}
#OperatingTimeSelect .cols1 {float:left; width:calc(50% - 219px); height:570px; padding:130px 0 0 85px;}
#OperatingTimeSelect .cols1 span {font-size:3.06rem; color:#ffffff; font-weight: 300; display:block; line-height:65px; letter-spacing:-5px;}
#OperatingTimeSelect .cols1 span:nth-child(2) {font-weight: 500;}
#OperatingTimeSelect .cols1 hr {width:21px; height:3px; border:none; background-color:#ffffff; margin:20px 0; float:left;}
#OperatingTimeSelect .cols1 p {clear:both; font-weight: 100; font-size:1rem; letter-spacing:-1px; color:#ffffff; line-height:24px;}
#OperatingTimeSelect .cols1 a {display:inline-block; height:56px; border:2px solid #ffffff; line-height:52px; padding:0 33px; border-radius:28px; font-size:1.44rem; color:#ffffff; margin-top:60px;}
#OperatingTimeSelect .cols1 span#ViewCalendar {display:inline-block; height:56px; border:2px solid #ffffff; line-height:52px; padding:0 33px; border-radius:28px; font-size:1.44rem; color:#ffffff; margin-top:60px; cursor:pointer;}
#OperatingTimeSelect .cols2 {float:left; width:438px; height:570px; background-image:url('/images/contents/DA0100_2.png'); background-repeat:no-repeat; background-position:bottom center; padding:198px 50px 0 50px;}
#OperatingTimeSelect .cols2 span.month {display:inline-block; width:100%; height:74px; line-height:72px; text-align:center; font-family: 'NanumSquare'; font-weight: 800; font-size:1.78rem; color:#000000;}
#OperatingTimeSelect .cols2 table {width:100%; height:288px;}
#OperatingTimeSelect .cols2 table thead {background-color:#ffe04d; height:37px;}
#OperatingTimeSelect .cols2 table thead th {font-weight: 700; font-size:0.83rem;}
#OperatingTimeSelect .cols2 table tbody {}
#OperatingTimeSelect .cols2 table tbody td {text-align:center; font-size:0.89rem; font-weight: 700;}
#OperatingTimeSelect .cols2 table tbody td span {display:inline-block; width:35px; height:35px; line-height:28px; border-radius:17px; border:3px solid #ffd200; color:#000000; cursor:pointer;}
#OperatingTimeSelect .cols2 table tbody td.on {}
#OperatingTimeSelect .cols2 table tbody td.on span {background-color:#ffffff; border:3px solid #ed1c24;}
#OperatingTimeSelect .cols3 {float:left; width:calc(50% - 219px); height:570px; padding:250px 0 0 90px;}
#OperatingTimeSelect .cols3 ul {}
#OperatingTimeSelect .cols3 ul li {padding:28px 0;}
#OperatingTimeSelect .cols3 ul li a {display:inline-block; width:252px; height:65px; line-height:61px; padding-left:75px; font-size:1.33rem; color:#ffffff; background-color:#b0070d; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat;}
#California #OperatingTimeSelect .cols3 ul li a {background-color:#004a97; background-image:url("/images/css/diagram_c.png");}
#OperatingTimeSelect .cols3 ul li:first-child a {background-position:-383px -494px;}
#OperatingTimeSelect .cols3 ul li:nth-child(2) a {background-position:-383px -594px;}

#ClosedDay {background-color:#000000;}
#ClosedDay .WrapWidth {text-align:center; font-size:0.83rem; font-weight: 400; color:#ffffff; padding:20px 0;}
#ClosedDay .WrapWidth b {color:#ffd200; font-weight: 400; }
#ClosedDay .WrapWidth br {display:none;}

#OperatingTime {height:auto; text-align:center; padding-top:93px;padding-bottom:80px}
#California #OperatingTime{padding-bottom:40px;}
#OperatingTime p.time { color:#4d4d4d; font-size:2.78rem; height:86px;}
#OperatingTime p.time span.open {position:relative;}
#OperatingTime p.time span.closed {position:relative;}
#OperatingTime p.time span.mark {color:#717171; font-size:0.83rem; font-weight: 700; position:absolute; top:-33px; left:0;}
#OperatingTime p.time span.num {color:#1c1c1c; font-size:4.11rem; font-family: 'NanumSquare'; width:67px; height:86px; line-height:92px; display:inline-block; background-color:#f4f4f4; border-radius:7px; vertical-align:middle;}
#OperatingTime p.alert {font-size:2.22rem; color:#4e4e4e; letter-spacing:-2px; height:140px; line-height:200px; position:relative; _display:none;}
#OperatingTime p.alert:before{content:'';display:block;width:62px;height:62px;position:absolute;left:50%;top:0;margin-left:-31px;background-image:url(/images/css/diagram.png);background-repeat:no-repeat;background-position:-219px -1395px;}
#OperatingTime p.alert span {font-family: 'NanumSquare'; font-weight: 400; }
#OperatingTime p.alert b {color:#ed1c24; font-weight: 500;}
#OperatingTime p.notice {font-size:0.94rem; color:#4e4e4e; line-height:26px; margin-top:29px; _display:none;}
#OperatingTime p.notice span {color:#ed1c24;}

#California .OperatingNote{font-size:0.89rem;max-width:728px;margin:0 auto;padding:0 20px 40px;}
#California .OperatingNote table{width:100%}
#California .OperatingNote th{font-weight:400;width:120px;border:1px solid #e5e5e5;background:#f4f4f4}
#California .OperatingNote td{font-weight:300;padding:12px 16px;color:#555555;border:1px solid #e5e5e5;}
#California .OperatingNote td strong{color:#000}




#OperatingTimeCalendar {background-color:#f4f4f4; height:1010px; display:none;}
#OperatingTimeCalendar span.month {display:inline-block; width:100%; height:110px; line-height:110px; font-size:2.33rem; color:#242423; text-align:center; font-family: 'NanumSquare'; font-weight: 700;}
#OperatingTimeCalendar span.month a {display:inline-block; width:45px; height:45px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-404px -4px; vertical-align:middle;}
#OperatingTimeCalendar span.month a.prev {margin-right:40px; background-position:-204px -4px;}
#OperatingTimeCalendar span.month a.next {margin-left:40px;}
#OperatingTimeCalendar span.month a.prev:hover {background-position:-204px -104px;}
#OperatingTimeCalendar span.month a.next:hover {background-position:-404px -104px;}
#OperatingTimeCalendar table {width:100%; height:790px; border-top:1px solid #000000;}
#OperatingTimeCalendar table thead {}
#OperatingTimeCalendar table thead th {font-weight: 700; font-size:0.83rem; height:56px; line-height:46px; border-bottom:1px solid #e0e0e0; background-image:url('/images/contents/DA0100_3.png'); background-repeat:no-repeat; background-position:50% 0px; vertical-align:top; color:#5b5b5b;}
#OperatingTimeCalendar table thead th:nth-child(2) {background-position:50% -100px;}
#OperatingTimeCalendar table thead th:nth-child(3) {background-position:50% -200px;}
#OperatingTimeCalendar table thead th:nth-child(4) {background-position:50% -300px;}
#OperatingTimeCalendar table thead th:nth-child(5) {background-position:50% -400px;}
#OperatingTimeCalendar table thead th:nth-child(6) {background-position:50% -500px;}
#OperatingTimeCalendar table thead th:nth-child(7) {background-position:50% -600px;}
#OperatingTimeCalendar table tbody {}
#OperatingTimeCalendar table tbody td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px; vertical-align:top; color:#353535; width:14.28%;}
#OperatingTimeCalendar table tbody tr td:first-child {border-left:1px solid #e0e0e0;}
#OperatingTimeCalendar table tbody td span.date {display:block; font-size:0.83rem; font-weight: 300; color:#353535; padding-bottom:10px;}
#OperatingTimeCalendar table tbody td span.date_m {display:none;}
#OperatingTimeCalendar table tbody td span.time {display:block; font-size:0.83rem; color:#000000; background-image:url("/images/css/diagram.png?v1"); background-repeat:no-repeat; height:30px; line-height:30px; padding-left:30px;}
#OperatingTimeCalendar table tbody td span.time.day {background-position:-406px -1211px;}
#OperatingTimeCalendar table tbody td span.time.night {background-position:-406px -1261px;}
#OperatingTimeCalendar table tbody td span.time.all {background-position:-406px -1311px;}
#OperatingTimeCalendar table tbody td span.time.close {background-position:-406px -811px;}
#OperatingTimeCalendar table tbody td.season1 {background-color:#f6e8e8;}
#OperatingTimeCalendar table tbody td.season2 {background-color:#f6f1dc;}
#OperatingTimeCalendar table tbody td.season3 {background-color:#e2edf4;}
#OperatingTimeCalendar table tbody td.season4 {background-color:#e7f3e2;}
#OperatingTimeCalendar table tbody td.season5 {background-color:#ececec;}

/* DA0200 */
#IdleSelectDay {background-color:#f4f4f4; padding:35px 0;}

#IdleInformation {padding:65px 0 0 0; *zoom:1;}
#IdleInformation:after {content:""; clear:both; display:block;}
#IdleInformation h4 {font-size:1.5rem; font-weight: 300; height:55px; line-height:51px;}
#IdleInformation ul {width:100%;display:flex;flex-wrap:wrap;}
#IdleInformation ul li {width:calc(20% - 16px); float:left; margin-left:20px; margin-bottom:28px; border:1px solid #dedede; min-height:334px; background-color:#ffffff; position:relative;}
#IdleInformation ul li a {color:#000000;}
#IdleInformation ul li:nth-child(5n+1) {margin-left:0px;}
#IdleInformation ul li div.photo {height:166px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#IdleInformation ul li div.infomation {padding:24px 15px 46px; font-size:0.83rem; color:#555555;}
#IdleInformation ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#IdleInformation ul li div span.badget {position:absolute; width:61px; height:52px; background-color:#00A651; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#IdleInformation ul li div span.badgeo{background-color:#e8409b}
#IdleInformation ul li div span.badgec{background-color:#a0522d}
#IdleInformation ul li div span.name {font-weight: 700; font-size:1.06rem; }
#IdleInformation ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#8c8c8c; padding:3px 0 3px 20px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-408px -715px; margin-top:13px; position:absolute; bottom:20px; left:15px;}
#IdleInformation ul li div p {display:block; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#IdleInformation ul li.blank {width:100%; font-size:1.78rem; color:#4e4e4e; letter-spacing:-2px; min-height:200px; padding:142px 40px 40px; line-height:1.2; text-align:center; word-break: keep-all; position:relative;}
#IdleInformation ul li.blank:before{content:'';display:block;width:62px;height:62px;position:absolute;left:50%;top:60px;margin-left:-31px;background-image:url(/images/css/diagram.png);background-repeat:no-repeat;background-position:-219px -1395px;}
#IdleInformation .ButtonArea {clear:both; padding:30px 0; text-align:center;}
#IdleInformation .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

#IdleTotalInformation {padding:21px 0 65px 0; *zoom:1;}
#IdleTotalInformation:after {content:""; clear:both; display:block;}
#IdleTotalInformation h4 {font-size:1.5rem; font-weight: 300; height:55px; line-height:51px;}
#IdleTotalInformation dl {border-top:2px solid #000000; border-bottom:2px solid #9a9696; *zoom:1;}
#IdleTotalInformation dl:after {content:""; clear:both; display:block;}
#IdleTotalInformation dt {float:left; width:16%; height:93px; line-height:90px; border-bottom:1px solid #ffffff; background-color:#00a651; color:#ffffff; font-size:1rem; font-weight: 500; text-align:center;}
#IdleTotalInformation dt.rows2 {height:186px; line-height:183px;}
#IdleTotalInformation dd {float:left; width:12%; height:93px; border-right:1px solid #cccccc;  font-size:0.94rem;}
#IdleTotalInformation dd span.title {display:inline-block; width:100%; height:41px; line-height:38px; background-color:#f2f2f2; text-align:center; letter-spacing:-2px;}
#IdleTotalInformation dd span.state {display:inline-block; width:100%; height:52px; line-height:48px; text-align:center;}
#IdleTotalInformation dd span.state span {vertical-align:middle;}
#IdleTotalInformation dd span.on {display:inline-block; width:30px; height:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-212px -1014px;}
#IdleTotalInformation dd span.off {display:inline-block; width:30px; height:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-412px -1014px;}
#IdleTotalInformation dd span.wait {display:inline-block; width:30px; height:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-9px -1014px;}
#IdleTotalInformation dt.last {border-bottom:0px solid #ffffff;}

.IdleIconDesc{display:inline-block;font-size:0.89rem;margin-left:8px;color:#8c8c8c;}
.IdleIconDesc span{margin:0 4px;}
.IdleIconDesc span:before{content:'';display:inline-block;width:16px;height:16px;background-image:url("/images/css/sign.png");background-position:-106px -507px;background-size:250px;vertical-align: middle;}
.IdleIconDesc span:nth-child(2):before{background-position:-4px -507px;}
.IdleIconDesc span:nth-child(3):before{background-position:-206px -507px;}
.IdleIconDesc span:nth-child(3):after{display:none;}
.IdleIconDesc span:after{content:'';display:inline-block;width:1px;height:12px;margin-left:8px;background:#8c8c8c;}




/* DA0300 */
#ChargeGuide {}
#ChargeGuide h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; letter-spacing:-2px;}
#ChargeGuide h4 span {color:#ed1c24; font-weight: 500;}
#ChargeGuide h4 p {font-weight: 300; font-size:0.89rem; color:#474747; letter-spacing:0;}
#ChargeGuide > div > ul {margin-top:20px;}
#ChargeGuide > div > ul > li {float:left; width:33.3%; height:330px; border-left:1px solid #e4e4e4; text-align:center; padding:0 30px;}
#ChargeGuide > div > ul > li:first-child {border-left:0px solid #e4e4e4;}
#ChargeGuide ul div {padding-top:10px;}
#ChargeGuide ul span.age {font-size:1rem; color:#494949;}
#ChargeGuide ul span.age b {font-weight: 500; font-size:1.44rem; color:#000000; display:block;}
#ChargeGuide ul span.ticket {display:inline-block; width:151px; height:33px; font-size:0.89rem; line-height:27px; text-align:center; background-color:#ffffff;}
#ChargeGuide ul span.admission {color:#00a651; border:2px solid #00a651;}
#ChargeGuide ul span.free {color:#ed1c24; border:2px solid #ed1c24;}
#ChargeGuide ul span.price {display:block; padding-top:20px;position:relative;}
#ChargeGuide ul span.price.plus:before{content:'+';position:absolute;top:23px;left:-4px}
#ChargeGuide ul span.price b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.78rem; color:#000000; padding-right:7px;}
#ChargeGuide > div > ul > li > ul {margin-top:30px;}
#ChargeGuide > div > ul > li > ul > li {float:left; width:50%; text-align:center;}


#ChargeGuide .TicketSortWrap{display:flex;flex-wrap:wrap;margin-top:56px;}
#ChargeGuide .TicketSortWrap:after{content:'';display:block;clear:both;}
#ChargeGuide .TicketSort{width:calc(50% - 22px);margin-left:44px;float:left;border-bottom:1px solid #e5e5e5;background:#fafafa;}
#ChargeGuide .TicketSort:first-child{margin-left:0;}
#ChargeGuide .TicketSort .inner{padding:32px;border-top:1px solid #e5e5e5;}
#ChargeGuide .TicketSort .inner:after{content:'';display:block;clear:both;}
#ChargeGuide .TicketSort .TicketList{width:50%;padding-left:32px;float:left;text-align:center;border-left:1px solid #e5e5e5;}
#ChargeGuide .TicketSort .TicketList:first-child{margin-left:0;padding-left:0;padding-right:32px;border-left:none;}
#ChargeGuide .TicketSort .TicketList.TicketOne{width:100%;padding-right:0;}
#ChargeGuide .TicketSort .TicketList .note{display: block;margin-top:16px;text-align:center;}
#ChargeGuide .TicketSort h5{display:table;font-size:1.29rem;font-weight:700;width:100%;height:95px;padding:20px;text-align:left;border-top:1px solid #333333; background:#f5f5f5;}
#ChargeGuide .TicketSort h5 > span{display:table-cell;line-height:1.2;vertical-align: middle;}
#ChargeGuide .TicketSort h5 > span > span{font-size:0.89rem;font-weight:400;display:block;}
#ChargeGuide .TicketSort .TicketName{display:inline-block;padding:4px 16px;background:#fff;border:1px solid #e4e4e4;border-radius:50px;}
#ChargeGuide .TicketSort dl{margin-top:16px;}
#ChargeGuide .TicketSort dl:after{content:'';display:block;clear:both;}
#ChargeGuide .TicketSort dt{width:72px;margin-top:16px;text-align:left;clear:both;float:left;}
#ChargeGuide .TicketSort dd{font-weight:700;width:calc(100% - 72px);margin-top:16px;text-align:right;float:right;background:url(/images/contents/ticket_line.png) repeat-x center;}
#ChargeGuide .TicketSort dd span{padding-left:24px;background:#fafafa;}
#ChargeGuide .TicketSort .note{display:table-cell;font-size:0.89rem;vertical-align: middle;}
#ChargeGuide .TicketSort .note ul{}
#ChargeGuide .TicketSort .note li{font-weight:300;margin:4px 0;letter-spacing: -1px;}
#ChargeGuide .TicketSort .note li:before{content:'';display:inline-block;width:4px;height:4px;margin:-2px 8px 0 0;background:#000;border-radius:50%;vertical-align: middle;}
#ChargeGuide .TicketSort .note span{color:#000;}
#ChargeGuide .TicketSort .note span:after{content:'';display:inline-block;width:1px;height:12px;margin:0 8px 0 12px;background:#c5c5c5;}
#ChargeGuide .TicketSort .note .link:before{display:none;}
#ChargeGuide .TicketSort .note .link a{padding:4px 8px;color:#000;border:1px solid #c5c5c5;border-radius:50px;}
#California #ChargeGuide .TicketSort h5 > span{width:188px;}



#ChargeGuideNotice {}
#ChargeGuideNotice .ButtonArea {clear:both; padding:56px 0 80px 0; text-align:center;}
#ChargeGuideNotice .ButtonArea a {display:inline-block; height:80px; padding:0 100px; line-height:76px; background-color:#ed1c24; color:#ffffff; font-weight: 500; font-size:1.44rem;}
#California #ChargeGuideNotice .ButtonArea a {background-color:#004a97;}

#ChargeGuideNotice .notice {float:left; display:inline-block; font-weight: 500; font-size:1.5rem; line-height:160px; color:#ed1c24; width:230px; height:100px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-150px -1100px; }
#ChargeGuideNotice > ul {margin-left:230px;}
#ChargeGuideNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem;}
#ChargeGuideNotice > ul > li.hi {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#e83123; margin:32px 0;}
#ChargeGuideNotice > ul > li.hi2 {line-height:32px; background-image:url("/images/css/bullet_.png"); padding-left:0px; color:#e83123; margin:60px 0 0 0; font-size:1.17rem;}
#ChargeGuideNotice > ul > li.hi ul li {color:#444444;}
#ChargeGuideNotice > ul > li ul li {color:#777777; font-size:0.89rem;}
#ChargeGuideNotice > ul > li a {display:inline-block; width:78px; height:26px; border:1px solid #747474; vertical-align:middle; line-height:22px; color:#010101; text-align:center; margin-left:20px; font-size:0.78rem;}
.noticeEtc{padding:16px 24px;line-height:1.25;border-radius:8px;background:#f5f5f5;}
.noticeEtc p{margin-top:16px;}
.noticeEtc p:first-child{margin-top:0;}



#ChargeGuideTable {padding-bottom:80px;}
#ChargeGuideTable h4 {font-weight: 300; font-size:1.4rem; color:#000000; height:60px; line-height:60px; margin-top:80px; letter-spacing:-2px;}
#ChargeGuideTable table {width:100%; margin-top:8px; border-top:1px solid #000000;}
#ChargeGuideTable table thead {background-color:#f9f9f9;}
#ChargeGuideTable table thead th {height:54px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  font-weight:400; word-break:keep-all; word-wrap: break-word;}
#ChargeGuideTable table thead th:first-child {border-left:1px solid #e2e2e2;}
#ChargeGuideTable table thead th span {font-size:0.78rem; color:#5d5d5d; display:block; font-weight:400;}
#ChargeGuideTable table tbody {}
#ChargeGuideTable table tbody th {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:0 4px; color:#ed1c24;  font-weight:400; word-break:keep-all; word-wrap: break-word;}
#ChargeGuideTable table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:15px 4px; word-break:keep-all; word-wrap: break-word;}
#California #ChargeGuideTable table thead th span {font-size:1rem;}
#California #ChargeGuideTable table thead th span.hi {color:#004a97;}
#California #ChargeGuideTable table thead th span.hi b {color:#ffffff; background-color:#004a97; margin-left:5px;}
#California #ChargeGuideTable table thead th span.hi2 {color:#f73b4b;}
#California #ChargeGuideTable table thead th span.hi2 b {color:#ffffff; background-color:#f73b4b; margin-left:5px;}
#California #ChargeGuideTable table tbody th {color:#000000;}

#RentalChargeGuideNotice .notice {float:left; display:inline-block; font-weight: 500; font-size:1.5rem; line-height:160px; color:#ed1c24; width:230px; height:100px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-150px -1100px; }
#RentalChargeGuideNotice > ul {margin-left:230px; padding-bottom:50px;}
#RentalChargeGuideNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem;}
#RentalChargeGuideNotice > ul > li.hi ul li {color:#444444;}
#RentalChargeGuideNotice > ul > li ul li {color:#777777; font-size:0.89rem;}
#RentalChargeGuideNotice > ul > li a {display:inline-block; width:auto; padding:0 5px; height:26px; border:1px solid #747474; vertical-align:middle; line-height:22px; color:#010101; text-align:center; margin-left:20px; font-size:0.78rem;}

/* DA0400 */
#PreferredProgram {}
#PreferredProgram ul {width:100%; margin-top:30px;}
#PreferredProgram ul li {width:calc(25% - 33px); float:left; margin-left:44px; border:1px solid #dedede; min-height:352px; margin-bottom:44px;}
#PreferredProgram ul li a {color:#000000;}
#PreferredProgram ul li:nth-child(4n+1) {margin-left:0px;}
#PreferredProgram ul li div.photo {height:220px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#PreferredProgram ul li div.infomation {padding:24px 15px 0 15px;}
#PreferredProgram ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#PreferredProgram ul li div span.name {font-weight: 700; font-size:1.06rem; }
#PreferredProgram ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#PreferredProgram ul li.blank {width:100%; font-size:2.22rem; color:#4e4e4e; letter-spacing:-2px; min-height:200px; height:240px; line-height:310px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:center -1335px; text-align:center;}
#PreferredProgram .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#PreferredProgram .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DA0500 */
#AffiliateCardsSearch {margin-top:40px;padding:40px 200px;background-color:#f5f5f5;}
#AffiliateCardsSearch h4 {font-weight: 300; font-size:1.42rem; text-align:center; letter-spacing:-2px;}
#AffiliateCardsSearch h4 span {font-weight: 500;}
#AffiliateCardsSearch h4 p {font-weight: 400; font-size:0.89rem; letter-spacing:0}
#AffiliateCardsSearch ul {margin-top:30px; *zoom:1;}
#AffiliateCardsSearch ul:after {content:""; clear:both; display:block;}
#AffiliateCardsSearch ul li {float:left; width:calc(50% - 70px); border-left:1px solid #f3f0f0;}
#AffiliateCardsSearch ul li:first-child {border-left:0px solid #f3f0f0;}
#AffiliateCardsSearch ul li:last-child {width:140px; border-left:0px solid #f3f0f0;}
#AffiliateCardsSearch ul li label {display:inline-block; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#AffiliateCardsSearch ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -804px right -240px;}
#AffiliateCardsSearch ul li select::-ms-expand {display: none;}
#AffiliateCardsSearch ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#AffiliateCardsSearch ul li input[type='submit'] {width:100%; height:90px; line-height:90px; background-color:#222222; color:#ffffff; font-size:1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#AffiliateCardsSearch ul li span.submit {display:inline-block; width:100%; line-height:44px; background-color:#222222; color:#ffffff; font-size:1rem; text-align:center; cursor:pointer;}

#CreditcardCompany {padding:20px 0;}
#CreditcardCompany ul:after {content:'';display:block;clear:both;}
#CreditcardCompany ul li {float:left; width:calc(16.666% - 12px); margin-left:14px; border:1px solid #d6d6d6;border-radius: 8px;overflow: hidden;}
#CreditcardCompany ul li:first-child {margin-left:0px;}
#California #CreditcardCompany ul li:first-child {margin-left:0px;}
#CreditcardCompany ul li:hover {border:1px solid #ed1c24;}
#CreditcardCompany ul li a {width:100%; vertical-align:middle;}
#CreditcardCompany ul li img {width:100%; cursor:pointer;vertical-align: middle;}

#AffiliateCardsNotice {clear:both; padding:30px 0 20px 0;}
#AffiliateCardsNotice > ul {width:100%;}
#AffiliateCardsNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem;}
#AffiliateCardsNotice > ul > li.hi {line-height:32px; background-image:url("/images/css/bullet_.png"); padding-left:0px; color:#e83123; margin:30px 0 10px 0; font-size:1.17rem;}

#CreditcardCompanyContact {}
#CreditcardCompanyContact h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:20px; letter-spacing:-2px;}
#CreditcardCompanyContact dl {width:100%; border-top:1px solid #000000; border-left:1px solid #e2e2e2; *zoom:1;}
#CreditcardCompanyContact dl:after {content:""; clear:both; display:block;}
#CreditcardCompanyContact dl dt {float:left; width:16.66%; height:55px; line-height:51px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background-color:#f9f9f9; text-align:center;}
#CreditcardCompanyContact dl dd {float:left; width:16.66%; height:55px; line-height:51px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center;}

#AffiliateCardsList {padding-bottom:80px;}
#AffiliateCardsList h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:40px; letter-spacing:-2px;}
#AffiliateCardsList ul {width:100%; border-top:1px solid #000000; border-left:1px solid #e2e2e2; *zoom:1;}
#AffiliateCardsList ul:after {content:""; clear:both; display:block;}
#AffiliateCardsList ul li {float:left; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:50%;}
#AffiliateCardsList ul li div {float:left; width:70%; height:240px; padding:25px; font-size:0.78rem; font-weight:300; color:#4b4b4b;}
#AffiliateCardsList ul li div:first-child {width:30%; text-align:center;}
#AffiliateCardsList ul li div span.name {font-weight:500; display:block; font-size:0.83rem;}
#AffiliateCardsList ul li div span.note {font-weight:500; display:block; color:#ed1c24; font-size:0.94rem; height:40px;}
#AffiliateCardsList b {background-color:#00ffff;}

.creditCardArea{
  margin:40px 0 80px;
}
.creditHeader h4{
  font-size:2.49rem;
  line-height:1.2;
}
.creditList{
  margin-top:40px;
}
.creditList > ul{
  display:flex;
  flex-wrap: wrap;
  margin:-8px;
}
.creditList .creditInfo{
  width:calc(33.333% - 16px);
  margin:8px;
  padding:56px 0;
  text-align:center;
  border:1px solid #e5e5e5;
  border-radius: 8px;
}
.creditInfo h5{
  font-size:1.49rem;
  font-weight:700;
}
.creditInfo img{
  width:100%;
  max-width:200px;
  margin-top:16px;
}
.creditInfo ul{
  margin-top:24px;
}
.creditInfo li{
  margin-top:16px;
}
.creditInfo li:first-child{
  margin-top:0;
}
.creditInfo a{
  padding-top:10px;
  padding-left:30px;
  color:#000;
  border-top:1px solid #e5e5e5;
  position:relative;
}
.creditInfo a:before{
  content:'';
  width:24px;
  height:24px;
  background-image:url(/images/contents/DA0500/icon_card.png);
  background-size:24px;
  position:absolute;
  top:8px;
  left:0;
}
.creditInfo .call a{
  border-top:none;
}
.creditInfo .call a:before{
  background-image: url(/images/contents/DA0500/icon_call.png);
}
.creditNotice{
  margin-top:16px;
}
.creditNotice li{
  margin-top:4px;
  padding-left:12px;
  position:relative;
}
.creditNotice li:before{
  content:'';
  width:4px;
  height:4px;
  background:#000;
  border-radius: 50px;
  position:absolute;
  top:10px;
  left:0;
}
.creditNotice li .red{
  color:#fe2419
}
.creditNotice .note{
  margin-top:4px;
  color:#999;
}

.creditAffiliate ul{
  display:flex;
  flex-wrap: wrap;
  margin:0 -15px;
}
.creditAffiliate li{
  font-size:0.83rem;
  width:calc(16.666% - 30px);
  margin:24px 15px 0;
  text-align:center;
  word-break: keep-all;
}
.creditAffiliate img{
  width:100%;
}



/* DA0600 */
#SpecialChargeGuide {height:510px; background-color:#f4f4f4;}
#SpecialChargeGuide h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; letter-spacing:-2px;}
#SpecialChargeGuide h4 span {color:#ed1c24; font-weight: 500;}
#SpecialChargeGuide h4 p {font-weight: 300; font-size:0.89rem; color:#474747;  letter-spacing:0;}
#SpecialChargeGuide > div > ul {margin-top:20px;}
#SpecialChargeGuide > div > ul > li {float:left; width:33.3%; height:330px; border-left:1px solid #e4e4e4; text-align:center; padding:0 30px;}
#SpecialChargeGuide > div > ul > li:first-child {border-left:0px solid #e4e4e4;}
#SpecialChargeGuide ul div {padding-top:10px;}
#SpecialChargeGuide ul span.age {font-size:1rem; color:#494949;}
#SpecialChargeGuide ul span.age b {font-weight: 500; font-size:1.44rem; color:#000000; display:block;}
#SpecialChargeGuide ul span.ticket {display:inline-block; width:151px; height:33px; font-size:0.89rem; line-height:27px; text-align:center; background-color:#ffffff;}
#SpecialChargeGuide ul span.ticket.normal {color:#8d8d8d; border:2px solid #8d8d8d;}
#SpecialChargeGuide ul span.ticket.discount {color:#ed1c24; border:2px solid #ed1c24;}
#SpecialChargeGuide ul span.price {display:block; padding-top:20px;}
#SpecialChargeGuide ul span.price.normal b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.78rem; color:#8d8d8d; text-decoration:line-through;}
#SpecialChargeGuide ul span.price.discount b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.78rem; color:#ed1c24;}
#SpecialChargeGuide ul span.price b {font-family: 'NanumSquare'; font-weight: 700; font-size:0.78rem; color:#000000; padding-right:7px;}
#SpecialChargeGuide > div > ul > li > ul {margin-top:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:center -858px; *zoom:1;}
#SpecialChargeGuide > div > ul > li > ul:after {content:""; clear:both; display:block;}
#SpecialChargeGuide > div > ul > li > ul > li {float:left; width:50%; text-align:center;}

#SpecialChargeSearch {background-color:#ed1c24; height:205px;}
#SpecialChargeSearch h4 {font-weight: 300; font-size:2.22rem; padding-top:30px; color:#ffffff; letter-spacing:-2px;}
#SpecialChargeSearch h4 span {font-weight: 500;}
#SpecialChargeSearch h4 p {font-weight: 400; font-size:0.89rem;  letter-spacing:0;}
#SpecialChargeSearch ul {margin-top:20px; background-color:#ffffff; *zoom:1;}
#SpecialChargeSearch ul:after {content:""; clear:both; display:block;}
#SpecialChargeSearch ul li {float:left; width:calc(50% - 70px); border-left:1px solid #f3f0f0;}
#SpecialChargeSearch ul li:first-child {border-left:0px solid #f3f0f0;}
#SpecialChargeSearch ul li:last-child {width:140px; border-left:0px solid #f3f0f0;}
#SpecialChargeSearch ul li label {display:inline-block; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#SpecialChargeSearch ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -810px right -240px;}
#SpecialChargeSearch ul li select::-ms-expand {display: none;}
#SpecialChargeSearch ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#SpecialChargeSearch ul li input[type='submit'] {width:100%; height:90px; line-height:90px; background-color:#222222; color:#ffffff; font-size:1rem;}
#SpecialChargeSearch ul li span.submit {display:inline-block; width:100%; height:90px; line-height:90px; background-color:#222222; color:#ffffff; font-size:1rem; text-align:center; cursor:pointer;}

#SpecialChargeTable {padding-bottom:80px;}
#SpecialChargeTable h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:40px; letter-spacing:-2px;}
#SpecialChargeTable table {width:100%; border-top:1px solid #000000; font-size:0.89rem}
#SpecialChargeTable table thead {background-color:#f9f9f9;}
#SpecialChargeTable table thead th {height:54px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:400;}
#SpecialChargeTable table thead th:first-child {border-left:1px solid #e2e2e2;}
#SpecialChargeTable table tbody {}
#SpecialChargeTable table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:15px 30px;}
#SpecialChargeTable table tbody td:first-child { border-left:1px solid #e2e2e2;}
#SpecialChargeTable table.totallist tbody td:first-child {width:10%;}
#SpecialChargeTable table.totallist tbody td:nth-child(2) {width:16%;}
#SpecialChargeTable table.totallist tbody td:nth-child(3) {width:16%;}
#SpecialChargeTable table.totallist tbody td:nth-child(4) {width:36%; text-align:left;}
#SpecialChargeTable table.totallist tbody td:nth-child(5) {width:22%;}

/* DA0700 */
#CompanyCharge{padding-bottom:80px;}
#CompanyCharge h4{font-weight: 300;font-size: 2.22rem;text-align: center;padding-top: 30px;letter-spacing: -2px;}
#CompanyCharge h4 span{color:#ed1c24;font-weight:500;}
#CompanyCharge .selecttab{border-left: 1px solid #d1d2d6;height: 72px;margin-top:40px;}
#CompanyCharge .selecttab:after{content:'';display:block;clear:both;}
#CompanyCharge .selecttab li{float:left;min-height:0;width:50%;margin-left:0;border-left:0px solid #d1d2d6;border-right: 1px solid #d1d2d6;border-top: 1px solid #d1d2d6;border-bottom: 1px solid #d1d2d6;height: 72px;line-height: 68px;text-align: center;position: relative;cursor:pointer;}
#CompanyCharge .selecttab li.on{color: #ed1c24;border: 2px solid #ed1c24;line-height: 64px;}
#CompanyCharge .CCVisual{margin-top:40px;}
#CompanyCharge .CCVisual img{width:100%;}
#CompanyCharge .CCVisual img.mo{display:none}
#CompanyCharge .CCTit{margin-top:24px;}
#CompanyCharge .CCTit:after{content:'';display:block;clear:both;}
#CompanyCharge .CCTit > div{float:left;}
#CompanyCharge .CCTit .left{width:30%;font-size:1.94rem;}
#CompanyCharge .CCTit .left b{font-weight:500;}
#CompanyCharge .CCTit .right{width:70%;}
#CompanyCharge .CCDesc{margin-top:64px;}
#CompanyCharge .CCDesc dd{font-size:0.89rem;margin-top:8px;}
#CompanyCharge .CCDesc ul{padding:16px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
#CompanyCharge .CCDesc ul:after{content:'';display:block;clear:both;}
#CompanyCharge .CCDesc li{padding-left:12px;margin-left:64px;float:left;position:relative;}
#CompanyCharge .CCDesc li:first-child{margin-left:0;}
#CompanyCharge .CCDesc li:before{content:'';width:2px;height:2px;background:#000;position:absolute;top:12px;left:0;}
#CompanyCharge .CCDesc table{width:100%;font-size:0.89rem;border-top:1px solid #000;border-bottom:1px solid #e2e2e2;}
#CompanyCharge .CCDesc table.mo{display:none;}
#CompanyCharge .CCDesc th{font-weight:400;height:54px;background:#f9f9f9;}
#CompanyCharge .CCDesc td{padding:0 16px;}
#CompanyCharge .CCDesc .type2 th{border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
#CompanyCharge .CCDesc .type2 td{padding:8px 16px;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;text-align: center;}
#CompanyCharge .CCDesc .type2 th:first-child{border-left: 1px solid #e2e2e2;}
#CompanyCharge .CCDesc .type2 td:first-child{border-left: 1px solid #e2e2e2;}

#Directions {}
#Directions #Map {width:100%; height:470px;}
#Directions {padding-bottom:80px;}
.TabSelector {margin-bottom:10px; border-bottom:1px solid #ed1c24; *zoom:1;}
.TabSelector:after {content:""; clear:both; display:block;}
.TabSelector ul {}
.TabSelector ul li {float:left; width:20%;}
.TabSelector ul li span {display:inline-block; width:100%; height:54px; line-height:50px; font-size:1rem; color:#010101; text-align:center; border-top:1px solid #9a9a9a; border-right:1px solid #9a9a9a; cursor:pointer; white-space:nowrap;}
.TabSelector ul li.on span {color:#ffffff; border-top:1px solid #ed1c24; border-right:1px solid #ed1c24; background-color:#ed1c24;}
.TabSelector ul li:first-child span { border-left:1px solid #9a9a9a;}
.TabSelector ul li:first-child.on span { border-left:1px solid #ed1c24;}

#MapContent {}
#MapImg ul {}
#MapImg ul li {display:none;}
#MapImg ul li.on {display:block;}
#MapImg ul li img {width:100%;}
#MapLink {}
#MapLink ul {}
#MapLink ul li {text-align:center; display:none;}
#MapLink ul li.on {display:block;}
#MapLink ul li a {display:inline-block; background-image:url("/images/contents/DA0700_8.jpg"); margin:15px 20px; background-position:70px 0; padding-left:240px; padding-right:70px; color:#000000; background-repeat:no-repeat; border:1px solid #1dc800; height:60px; line-height:56px; font-size:1.11rem; }
#MapLink ul li a:nth-child(2) {background-position:70px -100px;}
#MapLink {}
#MapTxt {}
#MapTxt div.detail {display:none;}
#MapTxt div.on {display:block;}
#MapTxt div.detail div.car {clear:both; margin-top:50px; *zoom:1;}
#MapTxt div.detail div.car:after {content:""; clear:both; display:block;}
#MapTxt div.detail div.public {clear:both; margin-top:50px; *zoom:1;}
#MapTxt div.detail div.public:after {content:""; clear:both; display:block;}
#MapTxt div.detail div h6 {float: left; width:182px; height:182px; border-radius:91px; color:#ffffff; background-image:url("/images/contents/DA0700_8.png"); background-repeat:no-repeat; font-size:1.11rem; text-align:center; line-height:250px;}
#MapTxt div.detail div div.txt {margin-left:250px; padding-top:40px; font-size:0.94rem; font-weight: 300;}
#MapTxt div.detail div div.txt b {font-size:1rem; font-weight: 400; display:inline-block; margin-top:40px;}
#MapTxt div.detail div.car div.txt{font-size:1rem; font-weight: 400;}
#MapTxt div.detail div.public div.txt {padding-top:0;}
#MapTxt div.detail div.car h6 {background-color:#00a652; background-position:50% 0;}
#MapTxt div.detail div.public h6 {background-color:#5674ba; background-position:50% -300px;}
#MapTxt div.detail div.public .bgYellow{position:relative;}
#MapTxt div.detail div.public .bgYellow:after{content:'';display:block;position:absolute;bottom:0;top:50%;width:100%;background:yellow;z-index:-1;}
#MapTxt div.detail div.public .busStop{font-weight:700;}

#Directions h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:80px;}
#Directions table {width:100%; border-top:1px solid #000000; font-size:0.89rem;}
#Directions table tbody {}
#Directions table tbody th {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:20%; background-color:#f9f9f9; font-weight: 400;}
#Directions table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:15px 25px;}
#Directions table tbody td.use { width:20%; text-align:center;}

/* DA0800 */
#UseGoodtipList {}
#UseGoodtipList ul {width:100%;}
#UseGoodtipList ul li {width:calc(20% - 20px); float:left; margin-left:25px; border:1px solid #dedede; min-height:432px; margin-bottom:44px;}
#UseGoodtipList ul li a {color:#000000;}
#UseGoodtipList ul li:nth-child(5n+1) {margin-left:0}
#UseGoodtipList ul li div.photo {padding-bottom:100%; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#UseGoodtipList ul li div.infomation {padding:24px 15px 20px 15px;font-size:0.83rem; color:#555555;}
#UseGoodtipList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#UseGoodtipList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#UseGoodtipList ul li div span.date {display:none;}
#UseGoodtipList ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#UseGoodtipList ul li.blank {width:100%; font-size:2.22rem; color:#4e4e4e; letter-spacing:-2px; min-height:200px; height:240px; line-height:310px; text-align:center; position:relative;}
#UseGoodtipList ul li.blank:before{content:'';display:block;width:62px;height:62px;position:absolute;left:50%;top:60px;margin-left:-31px;background-image:url(/images/css/diagram.png);background-repeat:no-repeat;background-position:-219px -1395px;}
#UseGoodtipList ul.selecttab {border-left:1px solid #d1d2d6; height:72px;}
#UseGoodtipList ul.selecttab li {min-height:0; width:33.333%; margin-left:0; border-left:0px solid #d1d2d6; border-right:1px solid #d1d2d6; border-top:1px solid #d1d2d6; border-bottom:1px solid #d1d2d6; height:72px; line-height:68px; text-align:center;  position:relative;}
#UseGoodtipList ul.selecttab li a {display:inline-block; width:calc(100% + 2px); height:72px; border:0px solid #ed1c24; position:absolute; top:-1px; left:-1px; font-size:1.11rem; color:#2d2d2d; }
#UseGoodtipList ul.selecttab li:hover a { color:#ed1c24; border:2px solid #ed1c24; line-height:64px;}
#UseGoodtipList ul.selecttab li.on a { color:#ed1c24; border:2px solid #ed1c24; line-height:64px;}
#UseGoodtipList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#UseGoodtipList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DA0820 */
#UseGoodtipContent {}
#UseGoodtipContent {padding:10px 0;}
#UseGoodtipContent h4 {font-size:1.94rem; text-align:center; padding:20px 0;}
#UseGoodtipContent dl {width:100%; border-top:1px solid #868686;}
#UseGoodtipContent dl dt {min-height:52px; line-height:52px; border-bottom:1px solid #c1c2c6; text-align:left; font-size:1.56rem; padding-left:70px; position:relative;}
#UseGoodtipContent dl dt span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; left:0; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#UseGoodtipContent dl dd {border-bottom:1px solid #c1c2c6; min-height:40px;}
#UseGoodtipContent dl dd.information span {float:left; width:50%; height:40px; line-height:40px; padding:0 20px; color:#868686; font-size:0.67rem; font-weight: 500;}
#UseGoodtipContent dl dd.information span:first-child {font-size:0;}
#UseGoodtipContent dl dd.information span:last-child {text-align:right;}
#UseGoodtipContent dl dd.content {padding:35px 0; word-wrap: break-word; word-break: break-all; overflow:auto;}
#UseGoodtipContent dl dd.next {background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:-202px -502px;}
#UseGoodtipContent dl dd.prev {background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:-202px -602px;}
#UseGoodtipContent dl dd.next a , #UseGoodtipContent dl dd.prev a {display:inline-block; width:100%; height:50px; line-height:50px; padding-left:50px; color:#1d2124; font-size:0.78rem; font-weight: 500;}

#UseGoodtipContent .ButtonArea {clear:both; text-align:right; padding:30px 0 80px 0;}
#UseGoodtipContent .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #UseGoodtipContent .ButtonArea a {border:2px solid #004a97; color:#004a97;}

.priceinfo h4 { min-height:90px; line-height:40px; letter-spacing:-2px;}
.priceinfo table {width:100%; border-top:1px solid #000000;}
.priceinfo table thead {background-color:#f9f9f9;}
.priceinfo table thead th {height:54px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  font-weight:400;}
.priceinfo table thead th:first-child {border-left:1px solid #e2e2e2;}
.priceinfo table thead th span {font-size:0.78rem; color:#5d5d5d; display:block; font-weight:400;}
.priceinfo table tbody {}
.priceinfo table tbody th {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:400;  word-break:keep-all; word-wrap: break-word;}
.priceinfo table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:15px 4px;  word-break:keep-all; word-wrap: break-word;}
.contactBox{margin-top:40px;padding:40px 45px;border:1px solid #e4e4e4;background:#f4f4f4;}
.contactBox p{padding-left:112px;;position:relative;}
.contactBox .ticket{padding:0 22px;color:#00a651;border:2px solid #00a651;background:#fff;position:absolute;top:0;left:0;}

/* DA0900 */
.parkingArea{
  margin-bottom:80px;
}
.parkingArea > .groupSec:first-child{
  margin-top:0;
  padding-top:40px;
}
.parkingPlace img{
  display:block;
  width:100%;
  margin-top:24px;
}
.parkingPrice .tblType1{
  margin-top:24px;
}
.parkingKakao{
  overflow: hidden;
}
.parkingStep{
  margin-top:24px;
}
.parkingStep > ul{
  margin:-24px -20px 0;
}
.parkingStep > ul:after{
  content:'';
  display:block;
  clear:both;
}
.parkingStep > ul > li{
  width:calc(33.333% - 40px);
  margin:24px 20px;
  float:left;
}
.parkingStep > ul > li img{
  display: block;
  width:68.3%;
  margin:0 auto;
  box-shadow: 0 0px 16px rgba(39,53,156,.1);
  border-radius: 24px 24px 0 0;
}
.parkingStep > ul > li .txt{
  padding-top:24px;
  text-align:center;
  border-top:1px solid #e5e5e5;
}
.parkingStep > ul > li .txt div{
  display: inline-block;
  position:relative;
}
.parkingStep > ul > li .txt div b{
  font-size:1.49rem;
}
.parkingDesc{
  padding-top:24px;
}
.parkingDesc li{
  margin-top: 4px;
  padding-left: 12px;
  line-height: 1.25;
  position: relative;
}
.parkingDesc li:first-child{
  margin-top: 0;
  padding-left: 12px;
  line-height: 1.25;
  position: relative;
}
.parkingDesc li:before{
  content:'';
  width:4px;
  height:4px;
  border-radius: 50px;
  background:#000;
  position:absolute;
  top:8px;
  left:0;
}
.secTit{
  font-size:1.49rem;
  line-height:1;
}



/* DB0100 */
#RecommendedCourse {height:380px; background-color:#ed1c24;}
#California #RecommendedCourse {background-color:#5674b9;}
#RecommendedCourse h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; color:#ffffff;}
#RecommendedCourse h4 span {font-weight: 500; color:#fff200;}
#RecommendedCourse h4 p {font-weight: 300; font-size:0.89rem; letter-spacing:0;}
#RecommendedCourse ul {width:100%; margin-top:30px;}
#RecommendedCourse ul li {float:left; width:206px; margin-left:calc(25% - 257.5px); text-align:center;}
#RecommendedCourse ul li:first-child {margin-left:0;}
#RecommendedCourse ul li a {}
#RecommendedCourse ul li a img {}

#RecommendedCourseList {height:1300px; background-image:url("/images/contents/DB0100_11.jpg?v1"); background-repeat:no-repeat; background-position:50% 50%; position:relative; margin-bottom:60px;}
#RecommendedCourseList h5 {font-size:1.5rem; color:#2c2c2c; font-weight: 300; position:absolute;}
#RecommendedCourseList h5 b {font-weight: 500;}

#RecommendedCourseList div.list {width:170px; height:250px; position:absolute;}
#RecommendedCourseList div.photo {width:100%; height:170px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#RecommendedCourseList div span.badge {position:absolute; height:30px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; line-height:30px; word-break:break-all; padding:0 5px;}
#RecommendedCourseList div.title {text-align:center; font-size:1rem; color:#252525; font-weight: 700; height:44px; line-height:50px; letter-spacing:-2px;}
#RecommendedCourseList div.zone {text-align:center; height:27px;}
#RecommendedCourseList div.zone span.name {display:inline-block; border:1px solid #a1a1a1; font-size:0.72rem; color:#8c8c8c; height:27px; line-height:23px; border-radius:13px; padding:0 15px 0 30px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-400px -715px;}
#RecommendedCourseList div.num {display:none;}

#RecommendedCourseList h5 {top:110px; left:58px; }
#RecommendedCourseList div.list:nth-child(2) {top:110px; left:392px; }
#RecommendedCourseList div.list:nth-child(3) {top:110px; left:728px; }
#RecommendedCourseList div.list:nth-child(4) {top:110px; left:1064px; }
#RecommendedCourseList div.list:nth-child(5) {top:662px; left:1064px; }
#RecommendedCourseList div.list:nth-child(6) {top:662px; left:728px; }
#RecommendedCourseList div.list:nth-child(7) {top:662px; left:392px; }
#RecommendedCourseList div.list:nth-child(8) {top:662px; left:56px; }
#RecommendedCourseList div.list:nth-child(9) {top:1025px; left:392px; }
#RecommendedCourseList div.list:nth-child(10) {top:1025px; left:728px; }
#RecommendedCourseList div.list:nth-child(11) {top:1025px; left:1064px; }

/* DB0200 */
#AttractionsSearch {height:200px; background-color:#f4f4f4; padding:20px 0;}
#AttractionsSearch > div > ul {float:left; width:calc(100% - 250px);}
#AttractionsSearch > div > ul > li {height:80px; clear:both;}
#AttractionsSearch > div > ul > li > span {display: inline-block; position: relative; margin: 20px 0; padding-left:30px; width: 200px; height: 44px; background: #3bb375; line-height:40px; font-size:1.11rem; color:#ffffff; vertical-align:middle; float:left;}
#AttractionsSearch > div > ul > li > span:after {display: block; content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 0; border: 22px solid transparent; border-left-color: #3bb375;}
#California #AttractionsSearch > div > ul > li > span {background: #f73b4b; }
#California #AttractionsSearch > div > ul > li > span:after {border-left-color: #f73b4b;}
#AttractionsSearch > div > ul > li > ul {margin-left:250px; vertical-align:middle; width:calc(100% - 250px);}
#AttractionsSearch > div > ul > li > ul > li {float:left; height:80px; line-height:80px; width:20%; border-bottom:1px solid #e0e0e0;}
#AttractionsSearch > div > ul > li > ul > li span {display:inline-block; }
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox'] {display:none;}
#AttractionsSearch > div > ul > li > ul > li label {cursor:pointer;}
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 26px; height: 26px; vertical-align: middle; margin: 0 10px 0 0; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-213px -1214px; }
#California #AttractionsSearch > div > ul > li > ul > li input[type='checkbox'] + label::before {background-image:url("/images/css/sign_c.png");}
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox']:checked + label::before {background-position:-413px -1214px;}
#AttractionsSearch > div > ul > li #SearchHeightArea {margin-left:250px; vertical-align:middle; width:calc(100% - 250px); padding-top:36px;}
#AttractionsSearch > div > ul > li .ui-widget.ui-widget-content {border:0px solid #c5c5c5 !important; background-color:#cfcfcf; }
#AttractionsSearch > div > ul > li #SearchHeightHandle {background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-215px -1315px; width:23px; height:23px; cursor:pointer; outline: none;}
#California #AttractionsSearch > div > ul > li #SearchHeightHandle {background-image:url("/images/css/sign_c.png"); }
#AttractionsSearch > div > ul > li .ui-state-default
, #AttractionsSearch > div > ul > li .ui-widget-content .ui-state-default
, #AttractionsSearch > div > ul > li .ui-widget-header .ui-state-default
, #AttractionsSearch > div > ul > li .ui-button
, html #AttractionsSearch > div > ul > li .ui-button.ui-state-disabled:hover
, html #AttractionsSearch > div > ul > li .ui-button.ui-state-disabled:active {border:none; background:none; width:23px; height:23px; padding-top:30px; color:#000000;}
#AttractionsSearch #SearchHeight .min {position:absolute; top:25px; color:#cfcfcf;}
#AttractionsSearch #SearchHeight .max {position:absolute; top:25px; right:0; color:#cfcfcf;}
#AttractionsSearch > div > .ButtonArea {float:left; width:225px; height:128px; margin-top:20px; border-left:1px solid #e0e0e0; margin-left:25px}
#AttractionsSearch > div > .ButtonArea input[type="button"] {width:200px; height:128px; line-height:124px; background-color:#ed1d25; float:right; padding-right:20px; color:#ffffff; font-size:1.22rem; font-weight:500; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-288px -163px;}
#California #AttractionsSearch > div > .ButtonArea > input[type="button"] {background-color:#004a97;}
#AttractionsNotice {text-align:center; font-size:2rem; color:#000000; padding-top:50px;}
#AttractionsNotice img {vertical-align:middle;}
#AttractionsList {padding-bottom:50px;}
#AttractionsList ul {width:100%; margin-top:60px;}
#AttractionsList ul li {width:calc(20% - 20px); float:left; margin-left:24px; margin-bottom:56px;position:relative;}
#AttractionsList ul li a {color:#000000;}
#AttractionsList ul li:nth-child(5n+1) {margin-left:0;clear:both;}
#AttractionsList ul li div.photo {padding-bottom:69%; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#AttractionsList ul li div.infomation {padding:24px 0 0; font-size:0.83rem; color:#555555;}
#AttractionsList ul li div span.badge {display:none;position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#AttractionsList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#AttractionsList ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#fff; padding:4px 8px; position:absolute;bottom:0;right:0;background:rgba(0,0,0,.5)}
#AttractionsList ul li div p {display:block; font-weight: 300; margin-top:4px;}
#AttractionsList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#AttractionsList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

#AttractionsList #wrap-loading {text-align:center; padding:100px;}

/* DB0220 */
#AttractionsView {border-top:3px solid #000000; padding-top:70px;}

#AttractionsPhoto {float:left; width:624px; height:550px;}
#AttractionsPhoto div {background-color:#333333; width:624px; height:430px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#AttractionsPhoto div img {width:100%;}
#AttractionsPhoto ul {margin-top:8px}
#AttractionsPhoto ul li {margin-left:8px; width:150px; height:110px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttractionsPhoto ul li:first-child {margin-left:0px;}
#AttractionsPhoto ul li.on {border:2px solid #ed1c24;}
#AttractionsPhoto ul li img {width:100%;}

#AttractionsInfo {float:right; width:calc(100% - 702px);}
#AttractionsInfo h4 {font-size:1.94rem; height:50px; font-weight: 500; line-height:35px;}
#AttractionsInfo ul li {border-bottom:1px solid #e0e0e0; font-size:0.94rem; color:#555555; font-weight:300;padding:16px 16px 16px 140px;min-height:54px;position:relative;}
#AttractionsInfo ul li:first-child {font-size:1.06rem; line-height:1.6; padding:0 0 25px; min-height:188px;}
#AttractionsInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -606px;position:absolute;top:16px;left:0;}

#AttractionsView .ButtonArea {clear:both; text-align:right; padding:30px 0 80px 0;}
#AttractionsView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #AttractionsView .ButtonArea a {border:2px solid #004a97; color:#004a97;}

#AttractionsRecommended {}

#AttractionsZone {}


/* DB0300 */
#RestaurantList {}
#RestaurantList ul {width:100%; margin-top:0px;}
#RestaurantList ul li {width:calc(20% - 20px); float:left; margin-left:24px; margin-bottom:56px;}
#RestaurantList ul li:nth-child(5n+1){margin-left:0;clear:both;}
#RestaurantList ul li a {color:#000000;}
#RestaurantList ul li:nth-child(4n+1) {}
#RestaurantList ul li div.photo {padding-top:100%; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#RestaurantList ul li div.infomation {padding:24px 0 0; font-size:0.83rem; color:#555555;}
#RestaurantList ul li div span.badge {position:absolute;top:0; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#RestaurantList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#RestaurantList ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#8c8c8c; padding-left:20px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-408px -715px; margin-top:13px;}
#RestaurantList ul li div p {display:block; font-weight: 300; margin-top:4px;}
#RestaurantList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#RestaurantList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}
.thumbWrap{border-radius:8px;overflow:hidden;position:relative;}
.thumbWrap .photo{transition:.5s ease-out;}
.thumbWrap:hover .photo{transform:scale(1.2);}




/* DB0320 */
#RestaurantView {border-top:3px solid #000000; padding-top:70px;}

#RestaurantPhoto {float:left; width:624px; height:550px;}
#RestaurantPhoto div {background-color:#333333; width:624px; height:430px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#RestaurantPhoto div img {width:100%;}
#RestaurantPhoto ul {margin-top:8px}
#RestaurantPhoto ul li {margin-left:8px; width:150px; height:110px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#RestaurantPhoto ul li:first-child {margin-left:0px;}
#RestaurantPhoto ul li.on {border:2px solid #ed1c24;}
#RestaurantPhoto ul li img {width:100%;}

#RestaurantInfo {float:right; width:calc(100% - 702px); height:550px;}
#RestaurantInfo h4 {font-size:1.94rem; height:50px; font-weight: 500; line-height:35px;}
#RestaurantInfo ul {}
#RestaurantInfo ul:after {content:'';display:block;clear:both;}
#RestaurantInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#RestaurantInfo ul li:first-child {font-size:1.06rem;line-height:1.6; height:344px;word-break: keep-all;}
#RestaurantInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#RestaurantView .ButtonArea {clear:both; text-align:right; padding:30px 0;}
#RestaurantView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #RestaurantView .ButtonArea a {border:2px solid #004a97; color:#004a97;}

#RestaurantMenu {margin-top:40px;}
#RestaurantMenu h4 {font-size:1.5rem; padding:10px 0;}
#RestaurantMenu ul {width:100%;}
#RestaurantMenu ul:after {content:'';display:block;clear:both;}
#RestaurantMenu ul li {width:calc(20% - 13px); float:left; margin-left:16px; border:1px solid #dedede; margin-bottom:16px; background-color:#ffffff;}
#RestaurantMenu ul li a {color:#000000;}
#RestaurantMenu ul li:nth-child(5n+1) {margin-left:0px;}
#RestaurantMenu ul li div.photo {padding-top:66.944%; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#RestaurantMenu ul li div.infomation {padding:12px 0 ; text-align:center;}
#RestaurantMenu ul li div span.name {font-size:0.94rem; }

#RestaurantZone {}
.FacilityMapArea{margin-top:40px;}
.FacilityPhotoArea:after{content:'';display:block;clear:both;}
.FacilityMapArea h4{font-size: 1.5rem;padding: 10px 0;}
.FacilityMap{text-align:center;background:#f5f5f5;border:1px solid #e5e5e5;}
.FacilityMap img{width:100%;max-width:640px;vertical-align:top;}

/* DB0400 */
#AttachedList {}
#AttachedList ul {width:100%; margin-top:0px;}
#AttachedList ul li {width:calc(20% - 20px); float:left; margin-left:24px; margin-bottom:56px;}
#AttachedList ul li:nth-child(5n+1){margin-left:0;clear:both;}
#AttachedList ul li a {color:#000000;}
#AttachedList ul li div.photo {padding-top:100%; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#AttachedList ul li div.infomation {padding:24px 0 0; font-size:0.83rem; color:#555555;}
#AttachedList ul li div span.badge {position:absolute;top:0; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#AttachedList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#AttachedList ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#8c8c8c; padding-left:20px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-408px -715px; margin-top:13px;}
#AttachedList ul li div p {display:block; font-weight: 300; margin-top:4px;}
#AttachedList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#AttachedList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DB0420 */
#AttachedView {border-top:3px solid #000000; padding-top:70px;}

#AttachedPhoto {float:left; width:624px; height:550px;}
#AttachedPhoto div {background-color:#333333; width:624px; height:433px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttachedPhoto div img {width:100%;}
#AttachedPhoto ul {margin-top:8px}
#AttachedPhoto ul li {margin-left:8px; width:150px; height:110px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttachedPhoto ul li:first-child {margin-left:0px;}
#AttachedPhoto ul li.on {border:2px solid #ed1c24;}
#AttachedPhoto ul li img {width:100%;}

#AttachedInfo {float:right; width:calc(100% - 702px); height:550px;}
#AttachedInfo h4 {font-size:1.94rem; height:50px; font-weight: 500; line-height:35px;}
#AttachedInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#AttachedInfo ul li:first-child {font-size:1.06rem; padding-bottom:16px; line-height:1.6; min-height:344px;}
#AttachedInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#AttachedView .ButtonArea {clear:both; text-align:right; padding:30px 0 80px 0;}
#AttachedView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #AttachedView .ButtonArea a {border:2px solid #004a97; color:#004a97;}

#AttachedMenu {}

#AttachedZone {}

/* DB0500 */
#GuideMap {background-color:#eaeef3;}
#GuideMap .WrapWidth {background-image:url("/images/contents/DB0500_1.jpg?v1"); background-repeat:no-repeat; background-position:50% 50%;}
#GuideMap .WrapWidth div a {background-color:#004a97;}
#California #GuideMap .WrapWidth {background-image:url("/images/contents/WB0500_1.jpg");}
#GuideMap .WrapWidth > div {height:690px; padding:140px 0 0 70px;}
#GuideMap .WrapWidth div span {font-size:3.06rem; color:#000000; font-weight: 300; display:block; line-height:65px; letter-spacing:-3px; padding-left:15px;}
#GuideMap .WrapWidth div span:nth-child(2) {font-weight: 500;}
#GuideMap .WrapWidth div hr {width:21px; height:3px; border:none; background-color:#000000; margin:20px 15px; float:left;}
#GuideMap .WrapWidth div p {clear:both; font-weight: 300; font-size:1rem; letter-spacing:-1px; color:#000000; line-height:24px; padding-left:15px;}
#GuideMap .WrapWidth div a {display:block; width:252px; height:65px; line-height:61px; padding-left:75px; margin-top:16px; font-size:1.33rem; color:#ffffff; background-color:#ed1c24; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -895px;}
#GuideMap .WrapWidth div div a:first-child{margin-top:40px;}
#California #GuideMap .WrapWidth div a {background-color:#004a97;}


/* DB0600 */
#RealtimeWebcam {background-color:#eaeef3;}
#SelectWebcam {float:left; height:840px; padding:140px 0 0 70px;}
#SelectWebcam > span {font-size:2.06rem; color:#000000; font-weight: 300; display:block; line-height:65px; letter-spacing:-3px; padding-left:15px;}
#SelectWebcam > span:nth-child(2) {font-size:3.06rem; font-weight: 500;}
#SelectWebcam hr {width:21px; height:3px; border:none; background-color:#000000; margin:20px 15px; float:left;}
#SelectWebcam p {clear:both; font-weight: 100; font-size:1rem; letter-spacing:-1px; color:#000000; line-height:24px; padding-left:15px;}
#SelectWebcam a.cam1 {display:inline-block; width:252px; height:65px; line-height:61px; padding-left:75px; margin-top:80px; font-size:1.33rem; color:#ffffff; background-color:#ed1c24; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -995px;}
#SelectWebcam a.cam2 {display:inline-block; width:252px; height:65px; line-height:61px; padding-left:75px; margin-top:60px; font-size:1.33rem; color:#ffffff; background-color:#004a97; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -1095px;}
#SelectWebcam ul span.cam1 {display:inline-block; width:252px; height:65px; line-height:61px; padding-left:75px; margin-top:80px; font-size:1.33rem; color:#ffffff; background-color:#ed1c24; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -995px; cursor:pointer;}
#SelectWebcam ul span.cam2 {display:inline-block; width:252px; height:65px; line-height:61px; padding-left:75px; margin-top:25px; font-size:1.33rem; color:#ffffff; background-color:#004a97; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -1095px; cursor:pointer;}
#SelectWebcam ul span.camsnow{background-position:-384px -1376px;}
#SelectWebcam ul span.camdraken{background-position:-384px -73px;background-color:#710018;}
#Webcam {float:left; width:850px; height:478px; background-color:#000000; margin:120px 0 0 60px; color:#ffffff; font-size:1.94rem; font-weight: 300; text-align:center; line-height:760px; background-image:url("/images/contents/DB0600_1.png"); background-repeat:no-repeat; background-position:50% 50%;}
#Webcam iframe {width:100%; height:478px;}

.Webcam-Play#Webcam-OverlayPlayIcon {left: 0.88em !important;}
#Webcam-OverlayPlay {left: -2em !important; top: -2em !important; width: 4em !important; height: 4em !important;}
#Webcam-OverlayPlayIcon {left: 0.88em !important; top: 0.88em !important; width: 2.25em !important; height: 2.25em !important;}
#Webcam-MediaController-FullscreenButton {display: none !important;}

/* DC0100 */
#ShowInformation {background-color:#5675b8; height:280px;}
#ShowInformation h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; color:#000000;}
#ShowInformation h4 span {font-family: 'NanumSquare'; font-weight: 800; font-size:2.44rem;}
#ShowInformation h4 p {font-weight: 400; font-size:0.89rem;}
#ShowInformation ul {margin-top:30px; background-color:#ffffff; *zoom:1;}
#ShowInformation ul:after {content:""; clear:both; display:block;}
#ShowInformation ul li {float:left; width:calc(50% - 70px); border-left:1px solid #f3f0f0;}
#ShowInformation ul li:first-child {border-left:0px solid #f3f0f0;}
#ShowInformation ul li:last-child {width:140px; border-left:0px solid #f3f0f0;}
#ShowInformation ul li label {display:inline-block; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#ShowInformation ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -810px right -240px;}
#ShowInformation ul li select::-ms-expand {display: none;}
#ShowInformation ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#ShowInformation ul li input[type='submit'] {width:100%; height:90px; line-height:90px; background-color:#222222; color:#ffffff; font-size:0.89rem;}

#ShowContents {clear:both; padding:50px 0; text-align:center;}
#ShowContents img {width:100%;}

#ShowSelectDay {background-color:#f4f4f4; padding:35px 0;}
.SelectDay {}
.SelectDay .left {width:240px; float:left; font-size:2.22rem; font-family: 'NanumSquare'; font-weight: 800; color:#000000; text-align:center; height:100px; line-height:100px;}
.SelectDay .right {margin-left:240px;}
.SelectDay span.prev {float:left; display:inline-block; height:100px; line-height:96px; width:80px; cursor:pointer; text-indent:-9999px; background-image:url('/images/css/sign.png'); background-position:-197px -1477px; background-repeat:no-repeat;}
.SelectDay span.next {float:left; display:inline-block; height:100px; line-height:96px; width:80px; cursor:pointer; text-indent:-9999px; background-image:url('/images/css/sign.png'); background-position:-377px -1477px; background-repeat:no-repeat;}
.SelectDay ul {float:left; width:calc(100% - 160px);}
.SelectDay ul li {float:left; height:100px; width:100px; border-radius:50px; background-color:#ffffff; overflow:hidden; position:relative; background-image:url('/images/contents/DC0100_1.png'); background-position:50% top; background-repeat:no-repeat; cursor:pointer; margin-left:calc(16.66% - 116.67px);}
.SelectDay ul li:first-child {background-position:50% -100px; margin-left:0;}
.SelectDay ul li:nth-child(2) {background-position:50% -200px;}
.SelectDay ul li:nth-child(3) {background-position:50% -300px;}
.SelectDay ul li:nth-child(4) {background-position:50% -400px;}
.SelectDay ul li:nth-child(5) {background-position:50% -500px;}
.SelectDay ul li:nth-child(6) {background-position:50% -600px;}
.SelectDay ul li:nth-child(7) {background-position:50% 0px;}
.SelectDay ul li span {display:inline-block; height:63px; line-height:51px; width:100%; font-family: 'NanumSquare'; font-weight: 700;font-size:1.78rem; color:#6b6b6b; text-align:center; bottom:0; position:absolute;}
.SelectDay ul li:nth-child(6) span {color:#1d92f5} /* 토요일 */
.SelectDay ul li:nth-child(7) span {color:#f73b4b} /* 일요일 */
.SelectDay ul li.on {background-color:#ed1c24;}
.SelectDay ul li.on span {color:#ffffff;}
.SelectDay ul li.on:first-child {background-position:50% -800px;}
.SelectDay ul li.on:nth-child(2) {background-position:50% -900px;}
.SelectDay ul li.on:nth-child(3) {background-position:50% -1000px;}
.SelectDay ul li.on:nth-child(4) {background-position:50% -1100px;}
.SelectDay ul li.on:nth-child(5) {background-position:50% -1200px;}
.SelectDay ul li.on:nth-child(6) {background-position:50% -1300px;}
.SelectDay ul li.on:nth-child(7) {background-position:50% -700px;}

#ShowList {padding:50px 0;}
.ListHorizontalimage {}
.ListHorizontalimage table {width:100%; border-top:2px solid #000000;}
.ListHorizontalimage table thead {background-color:#f9f9f9;}
.ListHorizontalimage table thead th {border-bottom:1px solid #000000; font-weight: 400; color:#303030; font-size:0.89rem; padding:13px 0 15px 0;}
.ListHorizontalimage table tbody {}
.ListHorizontalimage table tbody td {border-bottom:1px solid #e0e0e0; padding:30px 35px; text-align:center; color:#171717; font-size:1.11rem; font-weight: 300;}
.ListHorizontalimage table tbody tr td:first-child {width:270px;}
.ListHorizontalimage table tbody tr td:last-child {width:270px;}
.ListHorizontalimage table tbody td div.photo {width:200px; height:180px; background-color:#b5b5b5; background-size:cover; background-position:50% 50%;}
.ListHorizontalimage table tbody td div.photo a {display:inline-block; width:200px; height:150px;}
.ListHorizontalimage table tbody td ul {text-align:left; }
.ListHorizontalimage table tbody td ul li {font-size:0.89rem; color:#171717; padding:10px 0;}
.ListHorizontalimage table tbody td ul li a {font-size:1.33rem; color:#000000; font-weight: 400;}
.ListHorizontalimage table tbody td ul li:nth-child(3) {display:inline-block;}
.ListHorizontalimage table tbody td ul li:nth-child(4) {display:inline-block; margin-left:50px;}
.ListHorizontalimage table tbody td ul li span {display:inline-block; border:1px solid #00a651; color:#00a651; padding:0 10px 2px 10px; margin-right:10px; font-weight: 400;}
.ListHorizontalimage .timeTit{font-weight:700;display:none}
.ListHorizontalimage .linkBox{display:block;margin-top:10px;padding:10px 0;text-align:center;color:#fff;background:#333;font-size:0.89rem;}


/* DC0220 */
#ShowView {border-top:3px solid #000000; padding-top:70px;}
#ShowSlider {}
#ShowSlider h5 {width:100%; text-align:center; font-size:2.67rem; color:#000000; padding:40px 0;}
#ShowSlider .left {float:left; width:calc(100% - 350px); background-color:#d1d1d1; height:570px; position:relative;}
#ShowSlider .bxslider, #ShowSlider .bxslider li {height:570px;}
#ShowSlider .bxslider li{background-repeat: no-repeat; background-position: center center; background-size: cover; overflow:hidden;}
#ShowSlider .right {float:left; width:350px; padding:50px 30px; background-color:#ed1c24; height:570px; color:#ffffff; position:relative; background-image:url('/images/contents/DC0100_1.jpg'); background-position:50% 50%;}
#ShowSlider .right p {font-size:1.06rem; line-height:32px; font-weight:300;}
#ShowSlider .right hr {width:21px; height:3px; border:none; background-color:#ffffff; margin:20px 0; float:left;}
#ShowSlider .right table {clear:both; position:absolute; bottom:30px;}
#ShowSlider .right table tbody {}
#ShowSlider .right table tbody tr th {padding:8px 0;}
#ShowSlider .right table tbody tr th span {display:inline-block; font-size:0.72rem; font-weight:400; background-color:#a51419; height:29px; width:105px; border-radius:15px; line-height:27px; background-image:url('/images/css/diagram_show.png'); background-position:-27px -202px; background-repeat:no-repeat; padding-left:15px;}
#ShowSlider .right table tbody tr:nth-child(2) th span {background-position:-27px -302px;}
#ShowSlider .right table tbody tr:nth-child(3) th span {background-position:-27px -2px;}
#ShowSlider .right table tbody tr:nth-child(4) th span {background-position:-27px -102px;}
#ShowSlider .right table tbody tr td {font-size:0.94rem; padding-left:20px;}
#ShowSlider .bx-wrapper .bx-pager {position:absolute; bottom:10px; left:30px; z-index:100;}
#ShowSlider .bx-wrapper .bx-pager .bx-pager-item,
#ShowSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
#ShowSlider .bx-wrapper .bx-pager.bx-default-pager a {background: #ffffff; text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 0 6px; outline: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#ShowSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#ShowSlider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ed1c24;}

#ShowDetail {clear:both; padding:60px 20px;}
#ShowDetail img {max-width:100%;}

#ShowOther {background-color:#f4f4f4; min-height:280px; margin-bottom:50px;}
#ShowOther .WrapWidth {position:relative;}
#ShowOther ul {}
#ShowOther ul li {text-align:center; padding-top:40px;}
#ShowOther ul li a {color:#000000}
#ShowOther ul li div.photo {width:173px; height:173px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border-radius:86px; margin:0 10px;}
#ShowOther ul li span { line-height:30px;}
#ShowOther ul li span.title {display:block; font-size:0.89rem; margin-top:10px; letter-spacing:-1px;}
#ShowOther .bx-wrapper .bx-controls-direction .bx-prev{text-indent:-99999px; display:inline-block; overflow:hidden; width:20px; height:30px;  background-image:url("/images/css/main_sign.png"); background-repeat:no-repeat; background-position:-20px -415px; position:absolute; top:125px; left:0;}
#ShowOther .bx-wrapper .bx-controls-direction .bx-next{text-indent:-99999px; display:inline-block; overflow:hidden; width:20px; height:30px;  background-image:url("/images/css/main_sign.png"); background-repeat:no-repeat; background-position:-20px -515px; position:absolute; top:125px; right:0;}
#ShowOther .bx-wrapper .bx-controls-direction .bx-prev:hover{background-position:-20px -565px;}
#ShowOther .bx-wrapper .bx-controls-direction .bx-next:hover{background-position:-20px -465px;}

#ShowPhoto {float:left; width:624px; height:450px;}
#ShowPhoto div {background-color:#333333; width:624px; height:433px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#ShowPhoto div img {width:100%;}
#ShowPhoto ul {margin-top:8px}
#ShowPhoto ul li {margin-left:8px; width:150px; height:110px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#ShowPhoto ul li:first-child {margin-left:0px;}
#ShowPhoto ul li.on {border:2px solid #ed1c24;}
#ShowPhoto ul li img {width:100%;}

#ShowInfo {float:right; width:calc(100% - 702px); height:450px;}
#ShowInfo h4 {font-size:1.94rem; height:50px; font-weight: 300; line-height:35px;}
#ShowInfo ul {border-top:1px solid #727272;}
#ShowInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#ShowInfo ul li:first-child {line-height:30px; padding:25px 0; height:225px;}
#ShowInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#ShowList .ButtonArea {clear:both; text-align:right; padding:30px 0 80px 0;}
#ShowList .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #ShowList .ButtonArea a {border:2px solid #004a97; color:#004a97;}

/* DC0200 */
#EventInformation {background-color:#5675b8; height:280px;}
#EventInformation h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; color:#000000;}
#EventInformation h4 span {font-family: 'NanumSquare'; font-weight: 800; font-size:2.44rem;}
#EventInformation h4 p {font-weight: 400; font-size:0.89rem;}
#EventInformation ul {margin-top:30px; background-color:#ffffff; *zoom:1;}
#EventInformation ul:after {content:""; clear:both; display:block;}
#EventInformation ul li {float:left; width:calc(50% - 70px); border-left:1px solid #f3f0f0;}
#EventInformation ul li:first-child {border-left:0px solid #f3f0f0;}
#EventInformation ul li:last-child {width:140px; border-left:0px solid #f3f0f0;}
#EventInformation ul li label {display:inline-block; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#EventInformation ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -810px right -240px;}
#EventInformation ul li select::-ms-expand {display: none;}
#EventInformation ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#EventInformation ul li input[type='submit'] {width:100%; height:90px; line-height:90px; background-color:#222222; color:#ffffff; font-size:0.89rem;}

#EventContents {padding:50px 0; text-align:center;}
#EventContents img {width:100%;}

/* DC0300 */
#WrapWebzineTop {height:130px; border-bottom:1px solid #ebebeb; background-image:url('/images/layout/logo_0.jpg'); background-repeat:no-repeat; background-position:20px 30px; position:relative;}
#WebzineSearch {width:50%; text-align:center; margin:0 auto; padding-top:23px; max-width:380px;}
#WebzineSearch > div {display:inline-block; width:100%; height:53px; border:3px solid #f26c4f; border-radius:26px; padding:0 20px;}
#WebzineSearch > div label {display:none;}
#WebzineSearch > div #sch_str {width:calc(100% - 43px); height:43px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;}
#WebzineSearch > div #sch_submit {width:43px; height:43px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-395px -305px; background-color:#ffffff;}
#WebzineSearch .hash-tag-input {width:calc(100% - 43px); height:43px; line-height:45px; padding:0 0; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;}
#WebzineSearch form {display:inline-block; width:100%; height:53px; border:3px solid #f26c4f; border-radius:26px; padding:0 20px;}
#WebzineSearch form label {display:none;}
#WebzineSearch form #sch_str {width:calc(100% - 43px); height:43px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;}
#WebzineSearch form #sch_submit {width:43px; height:43px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-398px -305px; background-color:#ffffff; vertical-align:middle;}
#WebzineSearch span.bubble-hash-tag {font-weight:300; border-radius:14px; padding:0px 10px 2px 10px;}
#WebzineSearch span.hash-tag {font-weight:300;}
#WrapWebzineTop p {text-align:center; font-size:1rem;}
#WrapWebzineTop p a {color:#000000;}
#WrapWebzineTop a.home {display:inline-block; width:230px; height:100%; position:absolute; top:0; left:0;}

#WrapWebzineList {background-color:#ebebeb; padding:60px 0;}
#WrapWebzineList .WrapWidth {max-width:1000px;}
#WrapWebzineList ul {width:100%;}
#WrapWebzineList ul li {width:calc(33.33% - 14px); float:left; margin-left:21px; border:1px solid #dedede; min-height:480px; margin-bottom:21px; background-color:#ffffff;}
#WrapWebzineList ul li a {color:#000000;}
#WrapWebzineList ul li:nth-child(3n+1) {margin-left:0px;}
#WrapWebzineList ul li div.photo {height:320px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#WrapWebzineList ul li div.infomation {padding:24px 15px 0 15px; font-size:0.83rem; color:#555555;}
#WrapWebzineList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#WrapWebzineList ul li div span.c1 {background-color:#a67c52;}
#WrapWebzineList ul li div span.c2 {background-color:#5674b9;}
#WrapWebzineList ul li div span.c3 {background-color:#f26c4f;}
#WrapWebzineList ul li div span.c4 {background-color:#00a651;}
#WrapWebzineList ul li div span.c5 {background-color:#7231a3;}
#WrapWebzineList ul li div span.name {font-weight: 400; font-size:1.06rem; color:#000000;}
#WrapWebzineList ul li div span.date {display:inline-block; font-weight: 300; font-size:0.67rem; color:#707070; margin-top:13px;}
#WrapWebzineList ul li div span.view {display:inline-block; font-weight: 300; font-size:0.67rem; color:#707070; margin-top:13px; padding-left:30px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-405px -417px;}
#WrapWebzineList ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#WrapWebzineList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#WrapWebzineList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

#WrapWebzineList p.alert {font-size:2.22rem; color:#4e4e4e; letter-spacing:-2px; height:140px; line-height:200px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:center -1395px; text-align:center;}
#WrapWebzineList p.alert span {font-family: 'NanumSquare'; font-weight: 400; }
#WrapWebzineList p.alert b {color:#ed1c24; font-weight: 500;}
#WrapWebzineList h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:10px; color:#000000; padding-bottom:20px;}
#wrap-loading {text-align:center;}

#WrapWebzineBottom {height:60px; color:#a1a1a1; line-height:60px; font-size:0.67rem; padding-left:30px;}

/* DC0320 */
#WrapWebzineContent {padding:60px 0;}
#WrapWebzineContent h4 {font-size:1.94rem; text-align:center; padding:20px 0;}
#WrapWebzineContent dl {width:100%; border-top:1px solid #868686;}
#WrapWebzineContent dl dt {min-height:52px; line-height:52px; border-bottom:1px solid #c1c2c6; text-align:left; font-size:0.83rem; padding-left:70px; position:relative;*zoom:1;}
#WrapWebzineContent dl dt:after {content:""; clear:both; display:block;}
#WrapWebzineContent dl dt span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; left:0; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#WrapWebzineContent dl dd {border-bottom:1px solid #c1c2c6; min-height:40px;*zoom:1;}
#WrapWebzineContent dl dd:after {content:""; clear:both; display:block;}
#WrapWebzineContent dl dd.information span {float:left; width:50%; height:40px; line-height:40px; padding:0 20px; color:#868686; font-size:0.67rem; font-weight: 500;}
#WrapWebzineContent dl dd.information span:last-child {text-align:right;}
#WrapWebzineContent dl dd.content {padding:35px 20px; word-wrap: break-word; word-break: break-all; overflow:auto;}
#WrapWebzineContent dl dd.content img {max-width:100%;}
#WrapWebzineContent dl dd.next {background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:-202px -502px;}
#WrapWebzineContent dl dd.prev {background-image:url('/images/css/sign.png'); background-repeat:no-repeat; background-position:-202px -602px;}
#WrapWebzineContent dl dd.next a , #WrapWebzineContent dl dd.prev a {display:inline-block; width:100%; height:50px; line-height:50px; padding-left:50px; color:#1d2124; font-size:0.78rem; font-weight: 500;}

#WrapWebzineContent dl dt #ContentsControl {height:52px; width:auto;}
#WrapWebzineContent dl dt #ContentsControl ul {margin-top:12px;}

#WrapWebzineContent .ButtonArea {clear:both; text-align:right; padding:30px 0;}
#WrapWebzineContent .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #004a97; border-radius:25px; font-size:1.17rem; color:#004a97; background-color:#f7f7f7;}
#California #WrapWebzineContent .ButtonArea a {border:2px solid #004a97; color:#004a97;}


/* DD0600 */
.LostNote{font-size:0.89rem;padding:24px;text-align:center;background:#f9f9f9;}
.LostNote strong{display:block;color:#ed1d25;}
.LostNote a{display:inline-block;font-size:0.89rem;margin-top:8px;padding:4px 16px;color:#000;border:1px solid #ccc;background:#fff;}

/* DE0200 */
#Groupmember {padding:0 0 50px;}
#Groupmember dl { *zoom:1;margin-top:40px;}
#Groupmember dl:after {content:""; clear:both; display:block;}
#Groupmember dl dt {float:left; border-top:1px solid #000000; width:180px; padding:50px 0; color:#8c8c8c; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700; letter-spacing:-2px;}
#Groupmember dl dt span {display:block; font-size:1.5rem; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; color:#000000; word-break:keep-all;}
#Groupmember dl dt.notice span {display:inline-block; font-weight: 500; font-size:1.5rem; line-height:160px; color:#ed1c24; width:230px; height:100px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-150px -1100px;}
#Groupmember dl dd {float:left;  width:calc(100% - 180px); padding:0px 0 80px 90px; font-weight: 300; font-size:0.89rem;  height:auto; *zoom:1;}
#Groupmember dl dd:after {content:""; clear:both; display:block;}
#Groupmember dl dd.title {font-size:1rem; font-weight: 500; letter-spacing:-2px; color:#444444; line-height:32px; }
#Groupmember dl dd span {font-size:1.22rem; display:block; margin-top:40px;}
#Groupmember dl dd.title  span {font-size:1.5rem; margin-top:0px;}
#Groupmember dl dd b {color:#ed1c24; font-weight: 500;}
#Groupmember dl dd table {width:100%; border-top:1px solid #000000;}
#Groupmember dl dd table thead {}
#Groupmember dl dd table thead th {padding:15px 0; background-color:#f9f9f9; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#Groupmember dl dd table thead th:first-child {border-left:1px solid #e2e2e2;}
#Groupmember dl dd table tbody {}
#Groupmember dl dd table tbody td {padding:15px 0; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:12.5%; word-break:keep-all;}
#Groupmember dl dd table tbody td:first-child {border-left:1px solid #e2e2e2;}
#Groupmember dl dd table tbody td b {display:block;}
#Groupmember dl dd table tbody td ul.detail {padding:0 10%; display: table; margin:0 auto;  text-align: center;}
#Groupmember dl dd table tbody td ul.detail li {float:left; text-align:center;}
#Groupmember dl dd table tbody td ul.detail li b {font-weight: 300;}
#Groupmember dl dd table tbody td ul.detail li:nth-child(2) {color:#5c5c5c; font-size:24px; font-weight: 700; padding:0 20px;}
#Groupmember dl dd img {width:100%; }
#Groupmember dl dd ul.text > li {line-height:1.4; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -203px; margin-top:8px; padding-left:20px; color:#444444; font-size:1rem; font-weight:500;}
#California #Groupmember dl dd ul.text > li.hi {line-height:32px; background-image:url("/images/css/bullet_.png"); padding-left:0px; color:#004a97; margin:60px 0 0 0; font-size:1.17rem;}
#Groupmember dl dd ul.text > li b {color:#ed1c24}
#Groupmember dl dd ul.download {margin-top:25px;*zoom:1;}
#Groupmember dl dd ul.download:after {content:""; clear:both; display:block;}
#Groupmember dl dd ul.download li {float:left; font-weight:400px; color:#ed1c24; font-size:1.11rem; line-height:32px; letter-spacing:-2px;}
#Groupmember dl dd ul.download li a {display:inline-block; padding:11px 65px 11px 40px; border-radius:37px; border:2px solid #ed1c24; font-weight:500px; color:#444444; font-size:1rem; line-height:25px; margin-left:25px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:top -207px right -1420px;}
#Groupmember dl dd ul.step li {float:left; width:calc(33.33% + 15px); height:240px; padding-top:20px; padding-bottom:20px; text-align:center; padding-left:45px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1223px 77px;}
#Groupmember dl dd ul.step li:first-child {padding-left:0px; width:calc(33.33% - 30px); background-image:url("/images/css/member_.png");}
#Groupmember dl dd ul.step li span {display:inline-block; width:200px; height:200px; color:#ffffff; font-size:1.22rem; font-weight: 400; line-height:27px; padding-top:125px; border-radius:100px; background-color:#f73b4b; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:56px 36px;}
#Groupmember dl dd ul.step li:nth-child(2) span {background-color:#5674b9; background-position:-144px 36px; padding-top:115px;}
#Groupmember dl dd ul.step li:nth-child(3) span {background-color:#00a651; background-position:-344px 36px;}
#Groupmember dl dd ul.step span { margin-top:0px;}

#Groupmember ul.info {margin-top:60px; width:100%; height:240px; background-image:url("/images/contents/DE0300_1.jpg"); padding:60px 0; margin-bottom:30px;}
#Groupmember ul.info li {float:left; width:50%; height:120px; padding:0 50px; line-height:120px; font-size:1.5rem; font-weight: 300; letter-spacing:-1px;}
#Groupmember ul.info li span {display:inline-block; width:120px; height:120px; background-color:#e4e4e4; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:16px -283px; border-radius:60px; vertical-align:middle; margin-right:25px;}
#Groupmember ul.info li:nth-child(2) span {background-position:16px -383px;}
#Groupmember ul.info li b {color:#444444; font-size:2.22rem; font-weight: 500; vertical-align:top; margin-left:10px;}

#Groupmember dl dd table.BroughtList {margin-bottom:30px; font-size:0.89rem;}
#Groupmember dl dd table.BroughtList thead {}
#Groupmember dl dd table.BroughtList thead tr th {color:#004a97; font-weight: 500; width:50%;}
#Groupmember dl dd table.BroughtList thead tr th:nth-child(2) {color:#ed1c24;}
#Groupmember dl dd table.BroughtList tbody {}
#Groupmember dl dd table.BroughtList tbody td {text-align:left; padding:15px 20px;}

#Groupmember .ButtonArea {padding:40px 40px 24px;clear:both;text-align:center;}
#Groupmember .ButtonArea .button.large {display:block; max-width:320px; margin:0 auto; line-height:56px; background-color:#ed1c24; color:#ffffff; font-weight: 500; font-size:1.29rem;}
#Groupmember .kakao{font-size:0.89rem;display:inline-block;margin-top:24px;padding-top:24px;padding-right:88px;text-align:left;border-top:1px solid #e2e2e2;position:relative;}
#Groupmember .kakao p{display:inline-block;padding-left:32px;position:relative;}
#Groupmember .kakao p:before{content:'';width:24px;height:26px;position:absolute;top:0;left:0;background:url(/images/css/ci.png) 50% -775px  no-repeat;background-size:50px;}
#Groupmember .kakao a{display:inline-block;font-size:0.79rem;margin-left:8px;padding:8px 10px;color:#333;border-radius:8px;background:#ffed00;line-height:1.2;position:absolute;top:20px;right:0;}

#FAQList.groupFaq{padding-top:0;}
#BoardList.groupFaq{padding-top:0;}
#BoardListPager.groupPager{padding:20px 0 0}

.groupMember{
  margin:40px 0 80px;
}
.groupHeader .WrapWidth{
  position:relative;
}
.groupHeader h4{
  font-size:2.49rem;
  line-height:1.2;
  position:absolute;
  top:0;
  left:0;
}
.groupHeader h4 strong{
  display: block;
  font-weight:700;
}
.groupHeader{
  padding-bottom:72px;
}
.groupHeader ul{
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  height:160px;
  margin-left:51.56%;
}
.groupHeader li{
  font-size:1.29rem;
  margin-top:24px;
  padding-left:32px;
  position:relative;
}
.groupHeader li:nth-child(odd){
  margin-top:0;
}
.groupHeader li:before{
  content:'';
  width:24px;
  height:24px;
  background:url(/images/contents/DE0200/group_header_icon.png);
  background-size:24px;
  position:absolute;
  top:4px;
  left:0;
}
.groupHeader li:nth-child(2):before{
  background-position:0 -29px;
}
.groupHeader li:nth-child(3):before{
  background-position:0 -58px;
}
/* .groupHeader li:nth-child(3){
  margin-top:0;
  position:absolute;
  top:0;
  left:990px;
} */
.groupHeader li span{
  display: block;
  font-size:0.89rem;
  color:#999;
}
.groupHeader .kakao{
  line-height:1.25;
}
.groupHeader .kakao b{
  display:block;
}
.groupHeader .kakao a{
  display: inline-block;
  font-size:0.89rem;
  margin-top:4px;
  padding:8px 12px;
  color:#000;
  border-radius: 4px;
  background:#ffd200;
}
.groupHeader .btnActive{
  display:inline-block;
  font-size:1.49rem;
  font-weight:700;
  width:290px;
  height:80px;
  text-align:center;
  line-height:80px;
  color:#fff;
  border-radius: 8px;
  background:#f85549;
  position:absolute;
  top:136px;
  left:0;
}

.groupNavArea{
  margin-top:80px;
  height:270px;
}
.groupNav{
  display: block;
  padding:40px 0 24px;
  text-align: center;
  background:#f5f5f5;
}
.groupNav ul{
  height:184px;
  position:relative;
}
.groupNav ul:after{
  content:'';
  width:100%;
  height:1px;
  background:url(/images/contents/DE0200/group_nav_line.png);
  position:absolute;
  top:55px;
  left:0;
  z-index: 0;
}
.groupNav li{
  position:absolute;
  top:0;
  left:0;
  z-index: 5;
}
.groupNav li:nth-child(2){
  left:calc(25% - 27.5px);
}
.groupNav li:nth-child(3){
  left:calc(50% - 55px);
}
.groupNav li:nth-child(4){
  left:calc(75% - 82.5px);
}
.groupNav li:nth-child(5){
  left:calc(100% - 110px);
}
.groupNav li a{
  display:block;
  width:110px;
  padding-top:126px;
  color:#000;
  line-height:1.25;
  position:relative;
}
.groupNav li a:after{
  content:'';
  display: block;
  width:110px;
  height:110px;
  margin-bottom:16px;
  border:1px solid #e5e5e5;
  border-radius: 110px;
  box-sizing: border-box;
  background:#fff;
  transition:background .3s, border-color .3s;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}

.groupNav li a.on:after{
  border-color:#000;
  background:#000;
}
.groupNav li a:before{
  content:'';
  width:64px;
  height:64px;
  background-image:url(/images/contents/DE0200/group_tit_icon.png);
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  z-index: 1;
}
.groupNav li a.on:before{
  background-position:-64px 0;
}
.groupNav li:nth-child(2) a:before{
  background-position:0 -74px;
}
.groupNav li:nth-child(2) a.on:before{
  background-position:-64px -74px;
}
.groupNav li:nth-child(3) a:before{
  background-position:0 -148px;
}
.groupNav li:nth-child(3) a.on:before{
  background-position:-64px -148px;
}
.groupNav li:nth-child(4) a:before{
  background-position:0 -222px;
}
.groupNav li:nth-child(4) a.on:before{
  background-position:-64px -222px;
}
.groupNav li:nth-child(5) a:before,
.groupNav li:nth-child(5) a.on:before{
  background-position:0 -292px;
}
.groupNav li:first-child{
  margin-left:0;
}
.groupNav p{
  font-size:0.79rem;
  color:#999;
}

.groupNav.on{
  margin-top:0;
  padding:12px 0;
  border-bottom:1px solid #e5e5e5;
  position:fixed;
  top:110px;
  left: 0;
  right:0;
  z-index: 10;
}
.groupNav.on ul{
  height:auto;
}
.groupNav.on ul:after{
  top:24px;
  z-index: -2;
}
.groupNav.on li{
  width:20%;
  /* border:1px solid #e5e5e5;
  border-radius: 50px;
  background:#fff; */
  float:left;
  position:static;
}
.groupNav.on li a{
  font-size:0.89rem;
  width: auto;
  padding:8px 0;
  position:relative;
}
.groupNav.on li a.on{
  color:#fff;
}
.groupNav.on li br{
  display: none;
}
.groupNav.on p{
  display:none;
}
.groupNav.on li a:after{
  
  width:100%;
  height:100%;
  z-index: -1;
}
.groupNav.on li a:before{
  display: inline-block;
  width:32px;
  height:32px;
  margin:0 4px;
  background-size:64px;
  position:static;
  transform: none;
  vertical-align: middle;
}

.groupNav.on li:nth-child(2) a:before{
  background-position:0 -37px;
}
.groupNav.on li:nth-child(3) a:before{
  background-position:0 -74px;
}
.groupNav.on li:nth-child(4) a:before{
  background-position:0 -111px;
}
.groupNav.on li:nth-child(5) a:before{
  background-position:0 -148px;
}

.groupNav.on li a.on:before{
  background-position:-32px 0;
}
.groupNav.on li:nth-child(2) a.on:before{
  background-position:-32px -37px;
}
.groupNav.on li:nth-child(3) a.on:before{
  background-position:-32px -74px;
}
.groupNav.on li:nth-child(4) a.on:before{
  background-position:-32px -111px;
}
.groupNav.on li:nth-child(5) a.on:before{
  background-position:-32px -148px;
}
@media (hover: hover) {
  .groupNav li a:hover:before{
    background-position:-64px 0;
  }
  .groupNav li:nth-child(2) a:hover:before{
    background-position:-64px -74px;
  }
  .groupNav li:nth-child(3) a:hover:before{
    background-position:-64px -148px;
  }
  .groupNav li:nth-child(4) a:hover:before{
    background-position:-64px -222px;
  }
  .groupNav li:nth-child(5) a:hover:before{
    background-position:-64px -292px;
  }
  .groupNav li a:hover:after{
    border-color:#000;
    background:#000;
  }
  .groupNav.on li a:hover{
    color:#fff;
  }
  .groupNav.on li a:hover:before{
    background-position:-32px 0;
  }
  .groupNav.on li:nth-child(2) a:hover:before{
    background-position:-32px -37px;
  }
  .groupNav.on li:nth-child(3) a:hover:before{
    background-position:-32px -74px;
  }
  .groupNav.on li:nth-child(4) a:hover:before{
    background-position:-32px -111px;
  }
  .groupNav.on li:nth-child(5) a:hover:before{
    background-position:-32px -148px;
  }
}
.groupSec{
  margin-top:120px;
}
.groupSchool{
  margin-top:120px;
}
.groupTit{
  font-size:1.49rem;
  margin-bottom:24px;
  padding-left:40px;
  line-height:1;
  position:relative;
}
.groupTit:before{
  content:'';
  width:32px;
  height:32px;
  background-image:url(/images/contents/DE0200/group_tit_icon.png);
  background-size:64px;
  position:absolute;
  top:-3px;
  left:0;
}
.groupTit .link{
  display:inline-block;
  margin-left:4px;
  vertical-align: middle;
}
.groupTit .link a{
  display: inline-block;
  font-size: 0.89rem;
  padding:12px 12px;
  color:#fff;
  background:#f85549;
  text-align:center;
  vertical-align: middle;
}
.groupTit span{
  font-size:0.89rem;
  margin-left:4px;
}
.groupTicket .groupTit:before{
  background-position:0 -37px;
}
.groupEat .groupTit:before{
  background-position:0 -74px;
}
.groupEatListWrap .groupTit{
  padding-left:0;
}
.groupEatListWrap .groupTit:before{
  background:none;
}
.groupDocument .groupTit:before{
  background-position:0 -111px;
}
.groupFaq .groupTit:before{
  background-position:0 -148px;
}


.groupSchoolDesc{
  border-top:1px solid #000;
}
.groupSchoolDesc dl{
  padding:40px 0 40px 34.375%;
  border-bottom:1px solid #e5e5e5;
  position:relative;
}
.groupSchoolDesc dl dt{
  font-size:2.49rem;
  font-weight:700;
  position:absolute;
  top:40px;
  left:0;
}
.groupSchoolDesc dl dd b{
  font-size:1.29rem;
}
.groupSchoolDesc li{
  margin-top:8px;
  padding-left:18px;
  line-height:1.2;
  position:relative;
}
.groupSchoolDesc li:first-child{
  margin-top:0;
}
.groupSchoolDesc li:before{
  content:'';
  width:4px;
  height:4px;
  background:#000;
  position:absolute;
  top:8px;
  left:0;
  border-radius: 10px;;
}
.groupSchoolDesc .sort dd{
  width:calc(50% - 20px);
  max-width:400px;
  float:left;
}
.groupSchoolDesc .sort dd:nth-child(3){
  margin-left:40px;
}
.groupSchoolDesc .sort dd ul{
  margin-top:8px;
}
.groupSchoolDesc .sort:after{
  content:'';
  display:block;
  clear:both;
}



.groupTicket ul{
  margin-top:24px;
}
.groupTicket li{
  width:calc(33.333% - 27px);
  margin-left:40px;
  padding:32px;
  border-radius: 16px;
  float:left;
  background:#f5f5f5;
  position:relative;
}
.groupTicket li:first-child{
  margin-left:0;
}
.groupTicket li:before{
  content:'';
  display:block;
  width:58px;
  height:58px;
  background-image:url(/images/contents/DE0200/group_face.png);
  background-size:58px;
}
.groupTicket li:nth-child(2):before{
  background-position: 0 -63px;
}
.groupTicket li:nth-child(3):before{
  background-position: 0 -126px;
}
.groupTicket li p{
  font-size:1.29rem;
  margin-top:16px;
}
.groupTicket li p span{
  font-size:.89rem;
  margin-left:4px;
  color:#999;
  vertical-align: middle;
}
.groupTicket li b{
  display:block;
  font-size:1.49rem;
}
.groupTicket li .info{
  font-size:0.89rem;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #d5d5d5;
}
.groupTicket li .info b{
  font-size:1rem;
}

.tblType1 table{
  width:100%;
  text-align:center;
  border-top:1px solid #000;
}
.tblType1 th,
.tblType1 td{
  padding:0 16px;
  line-height:1.25;
}
.tblType1 td span{
  display:block;
  font-size:0.89rem;
  color:#999;
}
.tblType1 th{
  height:64px;
  background:#f5f5f5;
}
.tblType1 td{
  height:80px;
  border-bottom:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.tblType1 td:last-child{
  border-right:none;
}
.tblType1 .tblBold{
  font-weight:700;
}

.groupEat .tblType1{
  margin-top:24px;
}

.groupEatListWrap{
  margin-top:48px;
}
.groupEatList ul:after{
  content:'';
  display:block;
  clear:both;
}
.groupEatList > li{
  width:calc(25% - 30px);
  margin-left:40px;
  float:left;
}
.groupEatList > li:first-child{
  margin-left:0;
}
.groupEatList > li img{
  width:100%;
  border-radius: 8px;
}
.groupEatList > li .sort{
  margin-top:16px;
  line-height: 1;
}
.groupEatList > li .name b{
  font-size:1.49rem;
}
.groupEatList > li .name span{
  font-size:0.89rem;
  color:#999;
}
.groupEatList > li ul{
  margin-top:16px;
}
.groupEatList > li li{
  margin-top:4px;
  padding-left:12px;
  line-height:1.25;
  position:relative;
}
.groupEatList > li li:first-child{
  margin-top:0;
}
.groupEatList > li li:before{
  content:'';
  width:4px;
  height:4px;
  border-radius: 50px;
  background:#000;
  position:absolute;
  top:8px;
  left:0;
}
.groupEatList > li li dd{
  margin-top:2px;
  padding-left:24px;
  position:relative;
}
.groupEatList > li li dd:before{
  content:'ㄴ';
  font-weight:100;
  position:absolute;
  top:0px;
  left:0;
  color:#999;
}


.groupDocumentList:after{
  content:'';
  display:block;
  clear:both;
}
.groupDocumentList li{
  width:calc(33.333% - 16px);
  margin:8px;
  text-align:center;
  border:1px solid #e5e5e5;
  border-radius: 8px;
  float:left;
  transition:border-color .3s;
}
.groupDocumentList li:hover{
  border-color:#000;
}
.groupDocumentList li a{
  display: block;
  padding:16px;
  color:#000;
  position:relative;
}
.groupDocumentList li a:before{
  content:'';
  width:20px;
  height:20px;
  background-image:url(/images/contents/DE0200/group_file.png);
  background-size:20px;
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(-50%);
}
.groupTel{
  margin-top:80px;
}
.groupTel .WrapWidth{
  padding:56px 32px;
  border:1px solid #e5e5e5;
  border-radius: 16px;
  position:relative;
}
.groupTel .WrapWidth span{
  font-size:1.49rem;
}
.groupTel .WrapWidth div{
  text-align:right;
  position:absolute;
  top:50%;
  right:32px;
  transform:translateY(-50%);
}
.groupTel .WrapWidth div b{
  font-size:2rem;
  letter-spacing: 0;
  line-height:1;
}

/* DE0300 */
#Annualmembership {padding:0 0 50px;}
#Annualmembership dl { *zoom:1;}
#Annualmembership dl:after {content:""; clear:both; display:block;}
#Annualmembership dl dt {float:left; border-top:1px solid #000000; width:180px; padding:50px 0; color:#8c8c8c; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700;  letter-spacing:-2px;}
#Annualmembership dl dt span {display:block; font-size:1.5rem; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; color:#000000; word-break:keep-all;}
#Annualmembership dl dt.notice span {display:inline-block; font-weight: 500; font-size:1.5rem; line-height:160px; color:#ed1c24; width:230px; height:100px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-150px -1100px;}
#Annualmembership dl dd {float:left; border-top:1px solid #e6e6e6; width:calc(100% - 180px); padding:50px 0 50px 90px; font-weight: 300; font-size:0.89rem;   height:auto;}
#Annualmembership dl dd.title {font-size:1rem; font-weight: 400; letter-spacing:-1px; color:#444444; line-height:32px; }
#Annualmembership dl dd.title b {color:#ed1c24; display:block; font-weight: 400;}
#Annualmembership dl dd table {width:100%; border-top:1px solid #000000;}
#Annualmembership dl dd table thead {}
#Annualmembership dl dd table thead th {padding:15px 0; background-color:#f9f9f9; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#Annualmembership dl dd table thead th:first-child {border-left:1px solid #e2e2e2;}
#Annualmembership dl dd table tbody {}
#Annualmembership dl dd table tbody td {padding:15px 0; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:12.5%}
#Annualmembership dl dd table tbody td:first-child {border-left:1px solid #e2e2e2;}
#Annualmembership dl dd img {width:100%; }
#Annualmembership dl dd ul.text li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem; font-weight:400;}
#Annualmembership dl dd ul.step li {float:left; width:calc(33.33% + 15px); height:240px; padding-top:20px; padding-bottom:20px; text-align:center; padding-left:45px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1223px 77px;}
#Annualmembership dl dd ul.step li:first-child {padding-left:0px; width:calc(33.33% - 30px); background-image:url("/images/css/member_.png");}
#Annualmembership dl dd ul.step li span {display:inline-block; width:200px; height:200px; color:#ffffff; font-size:1.22rem; font-weight: 400; line-height:27px; padding-top:115px; border-radius:100px; background-color:#f73b4b; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-544px 36px;}
#Annualmembership dl dd ul.step li:nth-child(2) span {background-color:#5674b9; background-position:-744px 36px;}
#Annualmembership dl dd ul.step li:nth-child(3) span {background-color:#00a651; background-position:-944px 36px;}
#Annualmembership dl dd ul.img li {width:calc(20% - 10.83px); max-width:195px; float:left; margin-left:13px;}
#Annualmembership dl dd ul.img li:first-child {margin-left:0;}
#Annualmembership dl dd ul.img li:nth-child(5n+1){margin-left:0;}

#Annualmembership ul.info {margin-top:60px; width:100%; height:240px; background-image:url("/images/contents/DE0300_1.jpg"); padding:60px 0; margin-bottom:30px;}
#Annualmembership ul.info li {float:left; width:50%; height:120px; padding:0 50px; line-height:120px; font-size:1.5rem; font-weight: 300; letter-spacing:-1px;}
#Annualmembership ul.info li span {display:inline-block; width:120px; height:120px; background-color:#e4e4e4; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:16px -283px; border-radius:60px; vertical-align:middle; margin-right:25px;}
#Annualmembership ul.info li:nth-child(2) span {background-position:16px -383px;}
#Annualmembership ul.info li b {color:#444444; font-size:2.22rem; font-weight: 500; vertical-align:top; margin-left:10px;}

#Annualmembership .ButtonArea {clear:both; padding:30px 0 0 0;}
#Annualmembership .ButtonArea a {display:inline-block; height:80px; padding:0 100px; line-height:76px; background-color:#ed1c24; color:#ffffff; font-weight: 500; font-size:1.44rem;}
#Annualmembership .ButtonArea a.hi {background-color:#00a651;}

#Annualmembership .JoinMethodWrap div:nth-child(2){margin-top:20px;}
#Annualmembership .JoinMethod a{display:inline-block; min-width:128px; text-align:center; color:#000; border:1px solid #000; padding:2px 10px;; margin-left:10px; font-size:0.79rem; font-weight:bold;}
#Annualmembership .JoinMethod div{background:#f9f9f9; border:1px solid #e2e2e2; margin-top:20px; padding:20px}
#Annualmembership .JoinMethod li{width:24.5%; font-size:0.79rem; text-align:center; display:inline-block; padding-top:50px; position:relative;}
#Annualmembership .JoinMethod li:before{content:''; display:block; width:46px; height:46px; position:absolute; top:0; left:50%; margin-left:-23px; background-image:url(/images/contents/DE0300_icon.png)}
#Annualmembership .JoinMethod li:after{content:''; display:block; width:16px; height:27px; position:absolute; top:50%; left:-8px; margin-top:-13px; background-image:url(/images/contents/DE0300_icon.png); background-position:-336px 0;}
#Annualmembership .JoinMethod li:nth-child(2):before{background-position:-56px 0;}
#Annualmembership .JoinMethod li:nth-child(3):before{background-position:-112px 0;}
#Annualmembership .JoinMethod li:nth-child(4):before{background-position:-168px 0;}
#Annualmembership .JoinMethod .offline li:nth-child(1):before{background-position:-224px 0;}
#Annualmembership .JoinMethod .offline li:nth-child(2):before{background-position:-280px 0;}
#Annualmembership .JoinMethod li:nth-child(1):after{display:none;}
#Annualmembership .MemberBenefitWrap > div:nth-child(2){margin-top:20px;}
#Annualmembership .MemberBenefitWrap em{font-size:1.29rem;}
#Annualmembership .MemberBenefit{font-size:0;}
#Annualmembership .MemberBenefit > li{display:inline-block; width:calc(50% - 10px); margin:20px 0 0 20px; line-height:1.2; border:1px solid #e2e2e2; vertical-align:top; position:relative;}
#Annualmembership .MemberBenefit > li:first-child{margin-left:0}
#Annualmembership .MemberBenefit > li:nth-child(2n+1){margin-left:0}
#Annualmembership .MemberBenefit > li:nth-child(2):after{background-position:-93px 0;}
#Annualmembership .MemberBenefit > li:nth-child(3):after{background-position:-186px 0;}
#Annualmembership .MemberBenefit .Thumb{display:inline-block;width:50%;}
#Annualmembership .MemberBenefit .ConBox{display:inline-block;width:50%;padding:16px;vertical-align:top;}
#Annualmembership .MemberBenefit.out > li:nth-child(1):after{background-position:0 -41px;}
#Annualmembership .MemberBenefit.out > li:nth-child(2):after{background-position:-93px -41px;}
#Annualmembership .MemberBenefit.out > li:nth-child(3):after{background-position:-186px -41px;}
#Annualmembership .MemberBenefit.out > li:nth-child(4):after{background-position:-279px -41px;}
#Annualmembership .MemberBenefit.out > li:nth-child(5):after{background-position:0px -82px;}
#Annualmembership .MemberBenefit.out > li:nth-child(6):after{background-position:-93px -82px;}
#Annualmembership .MemberBenefit.out > li:nth-child(7):after{background-position:-186px -82px;}
#Annualmembership .MemberBenefit.out > li:nth-child(8):after{background-position:-279px -82px;}
#Annualmembership .MemberBenefit.out > li:nth-child(9):after{background-position:0px -123px;}
#Annualmembership .MemberBenefit .cb b{font-size:1rem;}
#Annualmembership .MemberBenefit p{font-size:0.79rem;font-weight:400;margin-top:4px;color:#ed1c24;}
#Annualmembership .MemberBenefit b{font-size:1rem;}
#Annualmembership .MemberBenefit .note{margin-top:16px; font-size:0.79rem;}
#Annualmembership .MemberBenefit .note li{position:relative; padding-left:10px;}
#Annualmembership .MemberBenefit .note li:after{content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:#e2e2e2; border-radius:50%;}
#Annualmembership .MemberBenefit .note li span{font-weight:700;margin-right:4px;}


/* DF0100 */
#TourMap {padding-bottom:80px;}
#TourMap ul {padding-bottom:40px; display: table; margin:0 auto; *zoom:1;}
#TourMap ul:after {content:""; clear:both; display:block;}
#TourMap ul li {float:left; margin-left:3px;}
#TourMap ul li:first-child {margin-left:0;}
#TourMap ul li a {display:inline-block; width:150px; height:55px; color:#464646; background-color:#ffffff; font-size:1.16rem; text-align:center; border:1px solid #dddddd; line-height:51px;}
#TourMap ul li.on a {display:inline-block; color:#ffffff; background-color:#ed1c24;}
#California #TourMap ul li.on a {background-color:#004a97;}
#TourMap #Map {width:100%; height:615px;}

/* DF0120 */
#TourMapView {border-top:3px solid #000000; padding-top:70px;}

#TourMapPhoto {float:left; width:624px; height:433px;}
#TourMapPhoto div {background-color:#333333; width:624px; height:433px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#TourMapPhoto div img {width:100%;}

#TourMapInfo {float:right; width:calc(100% - 702px); min-height:433px;}
#TourMapInfo h4 {font-size:1.94rem; height:50px; font-weight: 300; line-height:35px;}
#TourMapInfo ul {border-top:1px solid #727272;}
#TourMapInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#TourMapInfo ul li:first-child {line-height:30px; padding:25px 0; min-height:280px;}
#TourMapInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#TourMapView .ButtonArea {clear:both; text-align:right; padding:30px 0;}
#TourMapView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border:2px solid #ed1c24; border-radius:25px; font-size:1.17rem; color:#ed1c24; background-color:#f7f7f7;}
#California #TourMapView .ButtonArea a {border:2px solid #004a97; color:#004a97;}

#TourMapLoad {margin-bottom:25px;}
#TourMapLoad h4 {font-size:1.5rem; padding:10px 0;}

/* DG0100 */
#SelectSite { *zoom:1;}
#SelectSite:after {content:""; clear:both; display:block;}
#SelectSite ul {}
#SelectSite ul li {float:left; width:50%; height:97px; background-color:#fac2d3; background-image:url("/images/member/site_bg1.jpg"); background-repeat:no-repeat; background-position:right top; }
#SelectSite ul li:last-child {background-color:#8fd8f3; background-image:url("/images/member/site_bg2.jpg"); background-repeat:no-repeat; background-position:left top; }
#SelectSite ul li a {display:inline-block; width:100%; height:97px; overflow:hidden; text-indent:-9999px;}

#LoginWrap h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding:70px 0;}
#LoginWrap h4 p {font-weight: 300; font-size:0.89rem; color:#474747; letter-spacing:0}

#LoginContent {background-color:#ffffff; padding:70px 8.46% 60px 11.53%; *zoom:1;}
#LoginContent:after {content:""; clear:both; display:block;}
#LoginContent .left {float:left; height:164px; width:66.34%;}
#LoginContent .left ul.input {position:relative;}
#LoginContent .left ul.input li:nth-child(2) {margin-top:10px;}
#LoginContent .left ul.input li:nth-child(3) {position:absolute; top:0; left:420px;}
#LoginContent .left input[type='text'] {width:410px; height:48px; line-height:44px; border:1px solid #cccccc; padding:0 20px; font-size:0.94rem; color:#8b8b8b;}
#LoginContent .left input[type='submit'] {width:130px; height:107px; line-height:103px; background-color:#ed1c24; color:#ffffff; font-size:1.11rem;}
#LoginContent .left input[type='checkbox'] {display:none;}
#LoginContent .left label {cursor:pointer;}
#LoginContent .left input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-29px -836px; }
#LoginContent .left input[type='checkbox']:checked + label::before {background-position:-29px -936px;}
#LoginContent .left ul.link {margin-top:10px;}
#LoginContent .left ul.link li {float:left; height:37px; line-height:33px; margin-left:10px;}
#LoginContent .left ul.link li:first-child {margin-left:0px; padding-right:20px; font-size:0.83rem;}
#LoginContent .left ul.link li a {display:inline-block; width:127px; height:37px; padding-left:10px; line-height:31px; border:1px solid #cccccc; background-color:#f3f3f5; color:#252525; font-size:0.83rem; font-weight: 300; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:68px -1035px; }
#LoginContent .right {float:left; height:164px; border-left:1px solid #d9d9d9; width:33.65%;}
#LoginContent .right ul {float:right;}
#LoginContent .right ul li {margin-top:10px;}
#LoginContent .right ul li:first-child {margin-top:0px;}
#LoginContent .right ul li span{display:inline-block; width:48px; height:48px; border-right:1px solid #9daccc; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-618px -529px; vertical-align:middle;}
#LoginContent .right ul li:nth-child(2) span{background-position:-618px -629px; border-right:1px solid #96d97f;}
#LoginContent .right ul li:nth-child(3) span{background-position:-618px -729px; border-right:1px solid #fdee80;}
#LoginContent .right ul li a {display:inline-block; width:192px; height:48px; background-color:#3b5999; color:#ffffff; line-height:44px; text-align:center; vertical-align:middle;}
#LoginContent .right ul li:nth-child(2) a {background-color:#2db400;}
#LoginContent .right ul li:nth-child(3) a {background-color:#fbdd01; color:#323335;}
#LoginLink {clear:both;}
#LoginLink ul {margin-top:80px;}
#LoginLink ul li {float:left; width:33.33%; padding-left:150px; font-size:0.89rem; font-weight:300; word-break:keep-all; line-height:23px; border-left:1px solid #d9d9d9; letter-spacing:-1px; padding-right:30px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1180px -515px; }
#LoginLink ul li:first-child {border-left:0px solid #d9d9d9; }
#LoginLink ul li:nth-child(2) {background-position:-1180px -715px; }
#LoginLink ul li:nth-child(3) {background-position:-1180px -915px; }
#LoginLink ul li b {font-weight:500; font-size:1.06rem; display:block; margin-bottom:10px;}
#LoginLink ul li a {display:inline-block; font-size:0.83rem; padding:0 18px; height:30px; line-height:26px; border:1px solid #969696; background-color:#ffffff; border-radius:15px; color:#000000; margin-top:15px;}

/* DG0200 */
#MemberWrap {padding-bottom:70px;}
#MemberWrap h4 {font-weight: 300; font-size:1.89rem; text-align:center; padding:30px 0 ;}
#MemberWrap h4 p {font-weight: 300; font-size:0.89rem; color:#474747; margin-top:0; letter-spacing:-1px}

#MemberJoinStep {height:64px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f4f5f8;}
#MemberJoinStep .WrapWidth {height:62px; background-image:url("/images/member/step_bg.png"); background-repeat:no-repeat;}
#MemberJoinStep ul {}
#MemberJoinStep ul li {float:left; width:33.33%; height:62px; line-height:58px; color:#010101; font-size:1.06rem;}
#MemberJoinStep ul li b {font-size:1rem; font-family: 'NanumSquare'; font-weight: 700; color:#ed1c24; padding:0 15px 0 75px;}
#MemberJoinStep ul li:first-child { border-left:1px solid #d9d9d9;}
#MemberJoinStep ul li:nth-child(2) { width:33.34%;}
#MemberJoinStep ul li:nth-child(3) { border-right:1px solid #d9d9d9;}
#MemberJoinStep.step1 .WrapWidth {background-position:-30px 50%;}
#MemberJoinStep.step1 ul li:first-child {  color:#ffffff;}
#MemberJoinStep.step1 ul li:first-child b {color:#ffffff;}
#MemberJoinStep.step2 .WrapWidth {background-position:50% 50%;}
#MemberJoinStep.step2 ul li:nth-child(2) {  color:#ffffff;}
#MemberJoinStep.step2 ul li:nth-child(2) b {color:#ffffff;}
#MemberJoinStep.step3 .WrapWidth {background-position:top 50% right -30px;}
#MemberJoinStep.step3 ul li:nth-child(3) {  color:#ffffff;}
#MemberJoinStep.step3 ul li:nth-child(3) b {color:#ffffff;}

#MemberWrap p {font-size:1.06rem; color:#010101; margin-top:80px;}
#MemberWrap p b {color:#ed1c24; font-weight:400;}
#MemberWrap p textarea {border:1px solid #dcdcdc; width:100%; height:300px; margin:10px 0; padding:10px 20px;}
#MemberWrap p input[type='checkbox'] {display:none;}
#MemberWrap p label {cursor:pointer;}
#MemberWrap p input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-29px -636px; }
#MemberWrap p input[type='checkbox']:checked + label::before {background-position:-29px -536px;}

#MemberWrap .ButtonArea {clear:both; padding:30px 0; text-align:center;}
#MemberWrap .ButtonArea input[type="button"] {height:40px; line-height:34px; border:1px solid #a77c52; background-color:#a77c52; padding:0 30px; font-size:0.89rem; font-weight: 500; color:#ffffff; letter-spacing:-1px;}
#MemberWrap .ButtonArea input[type="button"].hi {border:1px solid #ed1c24; background-color:#ed1c24;}

/* DH0100 */
#CompanyIntroTitle {padding:30px 0 40px 0; text-align:center;}
#CompanyIntroTitle h4 {font-size:2.67rem; font-weight: 100; width:100%;}
#CompanyIntroTitle h4 span {font-size:1.06rem; font-weight: 400; color:#ffffff; background-color:#ed1c24; display:inline-block; height:30px; line-height:26px; padding:0 30px; border-radius:15px;}
#CompanyIntroTitle h4 b {font-weight: 300;}

#CompanyIntroVisual {height:620px; background-image:url("/images/contents/DH0100_2.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#CompanyIntroText {background-color:#f4f4f4; padding-bottom:80px;}
#CompanyIntroText h5 {padding-top:55px; font-weight:400; font-size:1.5rem; line-height:40px; width:100%; max-width:600px; margin:0 auto; word-break: keep-all; text-align:center; padding-bottom:10px;}
#CompanyIntroText p {line-height:36px; font-weight:300; font-size:1rem; text-align:center; max-width:900px; margin:0 auto; word-break: keep-all;}
#CompanyIntroText ul.diagram {width:100%; max-width:900px; margin:30px auto; padding-bottom:50px; *zoom:1;  background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat; background-position:81% -2370px;}
#CompanyIntroText ul.diagram:after {content:""; clear:both; display:block;}
#CompanyIntroText ul.diagram li {width:155px; height:155px; float:left; line-height:240px; background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat; color:#ffffff; text-align:center; font-size:1.28rem; border-radius:77px; margin-left:calc(33.3% - 207px);}
#CompanyIntroText ul.diagram li:first-child {background-position:50% 10px; background-color:#f73b4b; margin-left:0;}
#CompanyIntroText ul.diagram li:nth-child(2) {background-position:50% -290px; background-color:#5674b9;}
#CompanyIntroText ul.diagram li:nth-child(3) {background-position:50% -590px; background-color:#00a651;}
#CompanyIntroText ul.diagram li:nth-child(4) {background-position:50% -890px; background-color:#ed1c24;}
#CompanyIntroText p span { background-color:#d5d5d5; margin-top:40px; display:inline-block; height:24px; line-height:18px; overflow:hidden;}
#CompanyIntroText p span b {font-weight: 500; }
#CompanyIntroText hr {border:0px solid #c2c2c2; height:1px; background-color:#c2c2c2; margin:80px 0;}
#CompanyIntroText h6 {font-size:1rem; color:#ed1c24; width:100%; text-align:center; padding-bottom:40px;}
#CompanyIntroText h6 b {font-size:2.5rem; color:#000000; font-weight:400; display:block;}
#CompanyIntroText p b {background-color:#d5d5d5;}
#CompanyIntroText ul.info { margin-top:50px; }
#CompanyIntroText ul.info li {float:left; width:25%; height:200px; border-right:1px solid #cdcdcd; text-align:center; padding-top:100px; background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat;}
#CompanyIntroText ul.info li b {font-weight:400; font-size:1.28rem;}
#CompanyIntroText ul.info li p {line-height:25px; margin-top:22px;}
#CompanyIntroText ul.info li:first-child {border-left:1px solid #cdcdcd; background-position:50% -1200px;}
#CompanyIntroText ul.info li:first-child p {margin-top:10px;}
#CompanyIntroText ul.info li:nth-child(2) {background-position:50% -1500px;}
#CompanyIntroText ul.info li:nth-child(3) {background-position:50% -1800px;}
#CompanyIntroText ul.info li:nth-child(4) {background-position:50% -2100px;}

/* DH0200 */
#TermsofUseTitle {}
#TermsofUseTitle h4 {height:185px; text-align:center; width:100%; line-height:185px; }
#TermsofUseTitle h4 span {font-size:2.11rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#TermsofUseText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#TermsofUseText h4 {font-size:1.28rem; margin-top:50px; padding-bottom:10px;}
#TermsofUseText ul {}
#TermsofUseText ul li {font-size:0.89rem; }

/* DH0300 */
#PrivacyStatementTitle {}
#PrivacyStatementTitle h4 {height:185px; text-align:center; width:100%; line-height:185px; }
#PrivacyStatementTitle h4 span {font-size:2.11rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#PrivacyStatementText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#PrivacyStatementText h4 {font-size:1.28rem; margin-top:50px; padding-bottom:10px;}
#PrivacyStatementText ul {}
#PrivacyStatementText ul li {font-size:0.89rem; }

/* DH0500 */
#RecruitWrap h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:20px; letter-spacing:-2px;}
#RecruitWrap table.intro {}
#RecruitWrap table.intro td {width:33.33%; text-align:center; color:#010101; font-size:0.94rem; line-height:27px; font-weight: 300; padding:25px 5%; border:1px solid #d3d3d3; word-break:keep-all; word-wrap: break-word; vertical-align:top;}
#RecruitWrap table.intro td span {display:inline-block; width:80px; height:80px; background-color:#f73b4b; background-image:url("/images/css/recruit.png"); background-repeat:no-repeat; border-radius:40px; }
#RecruitWrap table.intro tr:first-child td:first-child span {background-position:50% -10px;}
#RecruitWrap table.intro tr:first-child td:nth-child(2) span {background-position:50% -110px;}
#RecruitWrap table.intro tr:first-child td:nth-child(3) span {background-position:50% -210px;}
#RecruitWrap table.intro tr:nth-child(2) td:first-child span {background-position:50% -310px;}
#RecruitWrap table.intro tr:nth-child(2) td:nth-child(2) span {background-position:50% -410px;}
#RecruitWrap table.intro tr:nth-child(2) td:nth-child(3) span {background-position:50% -510px;}
#RecruitWrap table.intro td b {display:block; color:#000000; font-size:1.33rem; font-weight:500; line-height:50px;}

/* DH0600 */
#UnauthorizedTitle {}
#UnauthorizedTitle h4 {height:185px; text-align:center; width:100%; line-height:185px; }
#UnauthorizedTitle h4 span {font-size:2.11rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#UnauthorizedText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#UnauthorizedText h4 {font-size:1.28rem; margin-top:50px; padding-bottom:10px;}
#UnauthorizedText ul {}
#UnauthorizedText ul li {font-size:0.89rem; }

/* WB0700 */
#LifeGuard {padding-bottom:40px;}
#LifeGuard ul {}
#LifeGuard ul li {float:left; width:calc(33.33% - 26px); margin-left:39px; border:1px solid #dedede; padding:20px; margin-bottom:40px;}
#LifeGuard ul li:first-child {margin-left:0px;}
#LifeGuard ul li:nth-child(3n+1) {margin-left:0px;}
#LifeGuard ul li .photo {width:100%; height:170px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-color:#b5b5b5;}
#LifeGuard ul li.blank {width:100%; font-size:2.22rem; color:#4e4e4e; letter-spacing:-2px; min-height:200px; height:240px; line-height:310px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:center -1335px; text-align:center;}
#LifeGuard ul li .infomation {float:left; width:110px; padding-top:27px;}
#LifeGuard ul li .name {display:block; color:#252525; font-weight: 500; font-size:24px;}
#LifeGuard ul li .position {display:block; color:#555555; font-weight: 300; font-size:16px;}
#LifeGuard ul li hr {width:26px; height:4px; border:none; background-color:#004a97; clear:both; float:left;}
#LifeGuard ul li .career {float:left; width:calc(100% - 110px); color:#555555; font-weight: 300; font-size:16px; line-height:24px; padding-top:30px;}




#StoryArea .mainVisual{height:1020px;background-image:url(/images/contents/story/draken/main_visual.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;color:#f1ede1;text-align:center;}
#StoryArea .mainVisual .mainTit{padding-top:460px;}
#StoryArea .mainVisual span{font-family:'Noto Serif KR',sans-serif;letter-spacing:20px;}
#StoryArea .mainVisual h4{font-family:'Montserrat','sans-serif';font-weight:bold;font-size:4.22rem;letter-spacing:5px;}
#StoryArea .storyInfo{color:#f1ede1;background-color:#000;}
#StoryArea .storyInfo > div{background-attachment:fixed;background-repeat:no-repeat;background-position:left;height:970px;}
.IE #StoryArea .storyInfo > div, .edge #StoryArea .storyInfo > div{background-attachment:scroll;}
#StoryArea .storyInfo .story01{background-image:url(/images/contents/story/draken/story01.jpg);}
#StoryArea .storyInfo .story02{background-image:url(/images/contents/story/draken/story02.jpg);background-position:right;}
#StoryArea .storyInfo .story03{background-image:url(/images/contents/story/draken/story03.jpg);}
#StoryArea .storyInfo .story04{background-image:url(/images/contents/story/draken/story04.jpg);background-position:right;}
#StoryArea .storyInfo .story05{background-image:url(/images/contents/story/draken/story05.jpg);}
#StoryArea .storyInfo .story06{background-image:url(/images/contents/story/draken/story06.jpg);background-position:right;}
#StoryArea .storyInfo .story07{background-image:url(/images/contents/story/draken/story07.jpg);}
#StoryArea .storyInfo .story08{background-image:url(/images/contents/story/draken/story08.jpg);background-position:center;}
#StoryArea .storyInfo .story09{background-image:url(/images/contents/story/draken/story09.jpg);background-position:right;}
#StoryArea .storyInfo .txtBox{position:relative;max-width:1300px;margin:0 auto;}
#StoryArea .storyInfo .txtBox .inner{position:absolute;top:400px;left:67.92%;font-size:0.89rem;}
#StoryArea .storyInfo .txtBox.txtLeft .inner{left:10px;}
#StoryArea .storyInfo .txtBox.txtCenter .inner{width:350px;left:50%;bottom:60px;margin-left:-175px;}
#StoryArea .storyInfo .txtBox .tit{font-family:'Noto Serif KR';}
#StoryArea .storyInfo .txtBox .tit span{font-size:1.19rem;}
#StoryArea .storyInfo .txtBox .tit em{font-size:1.89rem;display:block;}
#StoryArea .storyInfo .txtBox p{margin-top:32px;color:#dbd7cb;line-height:30px;font-weight:300;}
#StoryArea .attInfo{background:url(/images/contents/story/draken/att_bg.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff;padding:180px 0;}
#StoryArea .attInfo .tit{font-weight:300;}
#StoryArea .attInfo .tit p{margin-top:24px;}
#StoryArea .attInfo h5{font-family:'Noto Serif KR';font-size:1.89rem}
#StoryArea .attInfo .attList{max-width:1300px;margin:72px auto 0;}
#StoryArea .attInfo li{position:relative;display:inline-block;overflow:hidden;width:18.384%;margin-left:0.846%;line-height:0;}
#StoryArea .attInfo li:before{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;background:url(/images/contents/story/draken/dimmed.png) no-repeat center bottom;}
#StoryArea .attInfo li:first-child{margin-left:0;}
#StoryArea .attInfo .attDes{padding:0 12px;position:absolute;bottom:32px;left:0;right:0;line-height:normal;}
#StoryArea .attInfo .attList img{width:100%;}
#StoryArea .attInfo .attDes em{font-size:1.19em;font-weight:700;}
#StoryArea .attInfo .attDes p{margin-top:16px;font-size:0.89rem;font-weight:300;}
#StoryArea.xzone .mainVisual{background-image:url(/images/contents/story/xzone/main_visual.jpg);}
#StoryArea.xzone .storyInfo .story01{background-image:url(/images/contents/story/xzone/story01.jpg);}
#StoryArea.xzone .storyInfo .story02{background-image:url(/images/contents/story/xzone/story02.jpg);background-position:right;}
#StoryArea.xzone .storyInfo .story03{background-image:url(/images/contents/story/xzone/story03.jpg);}
#StoryArea.xzone .storyInfo .story04{background-image:url(/images/contents/story/xzone/story04.jpg);background-position:center;}
#StoryArea.xzone .attInfo{background:url(/images/contents/story/xzone/att_bg.jpg) no-repeat center center;}
#StoryArea.wizard .mainVisual{background-image:url(/images/contents/story/wizard/main_visual.jpg);}
#StoryArea.wizard .mainVisual span{font-family:'Noto Sans KR',sans-serif;}
#StoryArea .wizardCha{background-image:url(/images/contents/story/wizard/att_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;padding:80px 0;}
#StoryArea .wizardCha .inner{max-width:1080px;margin:0 auto;}
#StoryArea .wizardCha .name{padding:32px 0 32px 221px;position:relative;font-weight:300;}
#StoryArea .wizardCha .name span{font-size:0.78rem;}
#StoryArea .wizardCha .name em{display:block;font-size:2.22rem;line-height:1}
#StoryArea .wizardCha .name p{margin-top:16px;}
#StoryArea .wizardCha .att{position:relative;min-height:446px;padding:40px;}
#StoryArea .wizardCha .att span{color:#ed1c24;font-size:0.78rem;display:block;}
#StoryArea .wizardCha .att em{display:block;font-size:2.22rem;line-height:1.15;}
#StoryArea .wizardCha .att p{margin-top:40px;font-weight:300;}
#StoryArea .wizardCha .tit{font-weight:300;text-align:center;word-break:keep-all;}
#StoryArea .wizardCha .tit p{margin-top:24px;}
#StoryArea .wizardCha h5{font-size:1.89rem}
#StoryArea .wizardCha .chaInfo{margin-top:40px;height:100%;background:#fff;}
#StoryArea .wizardCha .pager{margin-top:80px;}
#StoryArea .wizardCha .pager:after{content:'';display:block;clear:both;}
#StoryArea .wizardCha .pager a{width:9.25%;display:block;float:left;overflow:hidden;border-radius:10px;border:1px solid #999;line-height:0;margin-left:3.703%}
#StoryArea .wizardCha .pager a img{width:100%;}
#StoryArea .wizardCha .pager a:first-child{margin-left:0;}
#StoryArea .wizardCha .pager a.active{border:1px solid #ed1c24;}
#StoryArea .wizardCha .list{background:#fff;}
#StoryArea .wizardCha .list .name:before{content:'';display:block;width:220px;height:194px;position:absolute;bottom:0;left:0;}
#StoryArea .wizardCha .list .att:before{content:'';display:block;width:662px;height:446px;position:absolute;bottom:0;right:0;}
#StoryArea .wizardCha .bx-wrapper{position:relative;}
#StoryArea .wizardCha .bx-controls{position:absolute;bottom:40px;left:40px;z-index:100;}
#StoryArea .wizardCha .bx-controls a{font-size:0;text-indent:-9999px;width:16px;height:26px;background-image:url(/images/contents/story/wizard/arrow.png);background-repeat:no-repeat;display:inline-block;}
#StoryArea .wizardCha .bx-prev{}
#StoryArea .wizardCha .bx-next{background-position:-20px 0;margin-left:58px;}
#StoryArea .wizardCha .bx-next:before{content:'';display:block;position:absolute;bottom:0;left:44px;width:1px;height:26px;background:#000;}
#StoryArea .wizardCha .list01 .name{background-color:#94d6a9;}
#StoryArea .wizardCha .list01 .name:before{background-image:url(/images/contents/story/wizard/cha01.png)}
#StoryArea .wizardCha .list01 .att:before{background-image:url(/images/contents/story/wizard/att01.jpg)}
#StoryArea .wizardCha .list02 .name{background-color:#e78188;}
#StoryArea .wizardCha .list02 .name:before{background-image:url(/images/contents/story/wizard/cha02.png)}
#StoryArea .wizardCha .list02 .att:before{background-image:url(/images/contents/story/wizard/att02.jpg)}
#StoryArea .wizardCha .list03 .name{background-color:#7fa1c1;}
#StoryArea .wizardCha .list03 .name:before{background-image:url(/images/contents/story/wizard/cha03.png)}
#StoryArea .wizardCha .list03 .att:before{background-image:url(/images/contents/story/wizard/att03.jpg)}
#StoryArea .wizardCha .list04 .name{background-color:#f1d7e2;}
#StoryArea .wizardCha .list04 .name:before{background-image:url(/images/contents/story/wizard/cha04.png)}
#StoryArea .wizardCha .list04 .att:before{background-image:url(/images/contents/story/wizard/att04.jpg)}
#StoryArea .wizardCha .list05 .name{background-color:#dae3a0;}
#StoryArea .wizardCha .list05 .name:before{background-image:url(/images/contents/story/wizard/cha05.png)}
#StoryArea .wizardCha .list05 .att:before{background-image:url(/images/contents/story/wizard/att05.jpg)}
#StoryArea .wizardCha .list06 .name{background-color:#f2f3f3;}
#StoryArea .wizardCha .list06 .name:before{background-image:url(/images/contents/story/wizard/cha06.png)}
#StoryArea .wizardCha .list06 .att:before{background-image:url(/images/contents/story/wizard/att06.jpg)}
#StoryArea .wizardCha .list07 .name{background-color:#e3f1f8;}
#StoryArea .wizardCha .list07 .name:before{background-image:url(/images/contents/story/wizard/cha07.png)}
#StoryArea .wizardCha .list07 .att:before{background-image:url(/images/contents/story/wizard/att07.jpg)}
#StoryArea .wizardCha .list08 .name{background-color:#e2cdb1;}
#StoryArea .wizardCha .list08 .name:before{background-image:url(/images/contents/story/wizard/cha08.png)}
#StoryArea .wizardCha .list08 .att:before{background-image:url(/images/contents/story/wizard/att08.jpg)}



.pcImg {display:block !important; text-align:center;}
.pcImg img {width:100%; max-width:1300px;}
.moImg {display:none !important; text-align:center;}
.moImg img {width:100%;}

.edit_img {text-align:center;}
.print-img {cursor:pointer;}


.template {background:#eee; width:100%; max-width:780px; padding:15px; margin:0 auto;}
.template div.ci {text-align:center;}
.template h4 {text-align:center; font-weight: 500; font-size:1.94rem; padding-bottom:10px;}
.template div.text {background-color:#ffffff; padding:40px 30px;}
.template.cal {background-image:url('/images/layout/notice_bg2.jpg');}
.template.cal h4 {color:#ffffff;}

.template2{background:#eee; width:100%; max-width:780px; padding:15px; margin:0 auto;}
.template2 h4 {text-align:center; font-weight: 500; font-size:1.94rem; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd}
.template2 div.text {background-color:#ffffff; padding:40px 30px;}

.ui-datepicker {z-index:200 !important}

.popupTemplate{background:#fff;}
.popupTemplate .textArea{padding:30px;text-align:center;max-width:300px;}
.popupTemplate em{display: block;font-size:1.5rem;font-weight:bold;line-height:1.15;}
.popupTemplate p{padding:30px;word-break: keep-all;}
.popupTemplate1 em{margin-bottom:20px;}
.popupTemplate1 em:before{content:'';display:block;width:100px;height:31px;margin:0 auto 15px;background:url(/images/layout/popup_logo.jpg);}
.popupTemplate1 p{background:#f1f1f1;}
.popupTemplate1 .textArea img {max-width:240px;}
.popupTemplate2{background:url(/images/layout/popup_bg1.jpg);background-size:cover;}
.popupTemplate3{background:url(/images/layout/popup_bg2.jpg);background-size:cover;}
.popupTemplate2 .textArea, .popupTemplate3 .textArea{color:#fff;}
.popupTemplate2 em:before, .popupTemplate3 em:before{content:'';display:block;width:100%;height:5px;background:#fff;margin:35px auto 15px;}


.conTab ul{display:flex;}
.conTab li{width:auto;margin-left:8px;}
.conTab li:first-child{margin-left:0;}
.conTab li a{display:block; font-size:0.78rem; padding:8px 12px; border-radius: 4px; color:#000; background:#f5f5f5;}
.conTab li.on a{color:#fff; background:#f85549;}

.recruitArea{margin:40px 0; overflow: hidden;}
.recruitList ul{display:flex; flex-wrap: wrap; margin:0 -12px;}
.recruitList li{width:calc(50% - 24px); margin:12px 12px; border:1px solid #e5e5e5; border-radius: 8px; transition: .2s ease;}
.recruitList li:hover{border-color: #000;}
.recruitList li a{display:block; padding:24px 32px; color:#000;}
.recruitStatus{display:inline-block; font-size:0.69rem; width:62px; padding:4px 0; text-align:center; border:1px solid #000;border-radius:50px;vertical-align: middle;}
.recruitList li .status{}
.recruitList li b{display:block; margin-top:8px;}
.recruitList li .date{font-size:0.69rem; margin-top:32px; color:#999; letter-spacing: 0;}
.recruitList li.finish a{
  opacity: .2;
}
.recruitList li.finish:hover{
  border-color:#e5e5e5;
}
.recruitTit{
  padding-bottom:40px;
  border-bottom:1px solid #e5e5e5;
}
.recruitTit b{
  font-size:1.44rem;
}
.recruitTit h4{
  font-size:2rem;
  margin-top:8px;
  line-height:1;
}
.recruitTit .period{
  margin-top:24px;
}
.recruitTit .period span{
  display:inline-block;
  vertical-align: middle;
}
.recruitTit .period .date{
  letter-spacing: 0;
}
.recruitTit .period .date:before{
  content:'';
  display:inline-block;
  width:1px;
  height:14px;
  margin:0 16px;
  background:#999;
}
.recruitTit .period .recruitStatus{
  margin-left:8px;
}
.recruitCon{
  padding:56px 0;
}
.recruitCon img{
  width:100%;
  max-width:800px;
}
.recruitFile{
  margin-top:24px;
  padding:16px 24px;
  border-radius: 8px;
  background:#f5f5f5;
}
.recruitFile a{
  font-size:0.78rem;
  padding-left:30px;
  color:#000;
  position:relative;
}
.recruitFile a:before{
  content:'';
  width:22px;
  height:22px;
  background:url(/images/contents/DI0200_icon.png);
  background-size:22px;
  position:absolute;
  top:0;
  left:0;
}
.recruitWriteSec{
  margin-top: 120px;
  overflow:hidden;
  position:relative;
}
.recruitWriteSec:nth-child(4){
  margin-top:0;
}
.recruitWriteName{
  padding-left:120px;
  position:relative;
}
.recruitWriteName strong{
  font-size:1.44rem;
  position:absolute;
  top:0;
  left:0;
}
.recruitWrite{
  margin-top:40px;
  padding:24px 0 132px;
  border-top:1px solid #e5e5e5;
  position:relative;
}
.recruitWrite h5{
  font-size:1.44rem;
}


.btnBasic{
  display:inline-block;
  font-family: 'Pretendard', sans-serif;
  font-size:0.84rem;
  font-weight:700;
  padding:16px 32px;
  color:#fff;
  background:#000;
  text-align:center;
  border-radius: 8px;
}
.btnRed{
  color:#fff !important;
  background:#f85549;
}

select:focus, input:focus,textarea:focus {
	outline:none;
}
.input_type input[type="text"], 
.input_type input[type="tel"], 
.input_type input[type="email"],
.input_type input[type="password"]{
	display: block;
  font-size:1rem;
	width:100%;
	height:40px;
  border:none;
	border-bottom:1px solid #e5e5e5;
	line-height: 40px;
  outline:none;
}
.input_type input[type="text"]:focus, 
.input_type input[type="tel"]:focus, 
.input_type input[type="email"]:focus,
.input_type input[type="password"]:focus{
	border-color:#f85549;
}
.radio_type input,
.radio_type2 input,
.file_type input{
	position:absolute; 
	width:1px; 
	height:1px; 
	padding:0; 
	margin:-1px; 
	overflow:hidden;
	clip:rect(0,0,0,0); 
	border:0;
}
.radio_type label{
	display:block;
	padding:8px 0;
	border: 1px solid #e5e5e5;
	border-radius:5px;
	cursor: pointer;
}
.radio_type input:checked + label{
	border-color:#f85549;
}

.radio_type2 label{
	display:inline-block;
	font-size:0.84rem;
	padding-left:22px;
	color:#333;
	position:relative;
	cursor:pointer;
}
.radio_type2 label:after{
	content:'';
	width:16px;
	height:16px;
	background-image:url(/images/css/radio_type2.png);
	background-size:16px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.radio_type2 input[type="radio"]:checked + label:after{
	background-position:0 -21px;
}
.radio_type2 > span{
  margin-left:16px;
}
.radio_type2 > span:first-child{
  margin-left:0;
}
.radio_wrap > span{
  display:inline-block;
  margin-left:32px;
}
.radio_wrap > span:first-child{
  margin-left:0;
}
.radio_wrap > span > label{
  display:block;
}
.sort_wrap{
  position:relative;
}
.sort_wrap .radio_type2{
  position:absolute;
  right:0;
  bottom:8px;
}


.input_type.half{
  display:flex;
}
.input_type.half > span{
 width:calc(50% - 24px);
 margin:0 12px; 
}



.recruitBtn{
  padding-top:24px;
  border-top:1px solid #e5e5e5;
}
.recruitBtn a{
  color:#000;
}
.recruitBtn .btnRed{
  float:right;
}

.input_wrap{
  display:flex;
  margin:32px 0 0;
}
.input_wrap.half{
  margin:32px -12px 0;
}
.input_wrap.half > div{
  width:calc(50% - 24px);
  margin:0 12px;

}
.input_tit{display:block;}



.input_date{
  display:flex;
}
.input_date .input_type{
  width:calc(50% - 24px);
}
.input_date span{
  padding-top:27px;
}
.input_date span:first-child{
  padding-top:0;
}
.input_date .tilde{
  width:48px;
  text-align:center;
}


::-webkit-input-placeholder{
	font-size:14px;
	color: #aaa;
}
:-ms-input-placeholder{
	font-size:14px !important;
	color:#aaa;
}

.chk_type{
	position:relative;
}
.chk_type label{
	display: inline-block;
	cursor:pointer;
}
.chk_type input[type="checkbox"]{
	position:absolute; 
	width:1px; 
	height:1px; 
	padding:0; 
	margin:-1px; 
	overflow:hidden;
	clip:rect(0,0,0,0); 
	border:0;
}
.chk_type input[type="checkbox"] + label{
	position:relative;
	padding:2px 0 2px 34px;
}
.chk_type input[type="checkbox"] + label:after{
	content:'';
	width:24px;
	height:24px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/images/css/chkbox.png);
	background-size:24px;
}
.chk_type input[type="checkbox"]:checked + label:after{
	background-position:0 -29px;
}


.slt_type select{
	font-size:0.84rem;
	width:100%;
	border-bottom:1px solid #e5e5e5;
	height:40px;
	padding-right:15px;
	line-height:40px;
	position:relative;
	background:url(/img/arrow_down.png) center right no-repeat;
	background-size:12px;
}
.slt_type option{
	font-size:14px;
}
.recruitWriteSec .slt_type span{
  display:inline-block;
  width:calc(33.333% - 24px);
  margin:0 10px;
  padding-top:27px;
}
.recruitWriteSec .slt_type span:first-child{
  padding-top:0;
}
.recruitWriteSec .slt_type label{
  display:block;
}

.recruitWriteSec .note{
  font-size:0.78rem;
  margin-top:8px;
  color:#999;
}
.recruitWriteSec .write_info{
  width:100%;
}
.recruitWriteSec .write_info textarea{
  font-size:0.84rem;
	width:100%;
	height:102px;
	margin-top:8px;
	padding:16px 24px;
  border:1px solid #e5e5e5;
	border-radius:8px;
	resize: none;
}
.recruitCard{
  margin-top:24px;
}
.recruitCard ul{
  display:flex;
  flex-wrap: wrap;
  margin:0 -12px
}
.recruitCard li{
  width:calc(33.333% - 24px);
  margin:12px;
  padding:24px 32px; 
  border:1px solid #e5e5e5;
  border-radius:8px;
  position:relative;
}
.recruitCard li .input_type{
  margin-top:24px;
}
.recruitCard li .input_type:first-child{
  margin-top:0;
}
.recruitCard li .input_type:first-child{
  margin-top:0;
}
.recruitCard li .input_type label{
  font-size:0.84rem;
}
.recruitCard li .input_type input{
  background:transparent;
}
.recruitCardDelete{
  font-size:0;
  width:22px;
  height:22px;
  background:url(/images/css/btn_delete.png);
  background-size:22px;
  position:absolute;
  top:16px;
  right:16px;
}
.recruitCardAdd{
  padding-left:28px;
  position:absolute;
  top:0;
  right:0;
  background:none;
}
.recruitCardAdd:before{
  content:'';
  display:inline-block;
  width:22px;
  height:22px;
  background:url(/images/css/btn_add.png);
  background-size:22px;
  position:absolute;
  top:0;
  left:0;
}


.termsArea .terms{
  font-size:0.84rem;
  font-weight:300;
  max-height: 240px;
  margin-top:24px;
  padding:24px 24px;
  color:#999;
  overflow-y:auto;
  border:1px solid #e5e5e5;
  border-radius: 8px;
}
.termsArea .chk_type label{
  font-size:0.84rem;
}
.termsArea .chk_wrap{
  margin-top:16px;
}
.termsArea .chk_wrap .chk_type{
  margin-top:8px;
}
.recruitPicWrap{
  margin-top:24px;
}
.recruitPic{
  margin-top:8px;
}
.recruitPic > div{
  display:inline-block;
  margin-left:16px;
  vertical-align: bottom;
}
.recruitPic .imgPre{
  max-width:192px;
  vertical-align: bottom;
}
.recruitPic label{
  margin-top:8px;
}
.recruitWriteSec input[type="file"]{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.recruitWriteSec .noteBox{
  margin-top:16px;
  padding:24px;
  background:#f5f5f5;
}
.recruitWriteSec .noteBox li{
  font-size:0.84rem;
  margin-top:4px;
  padding-left:12px;
  line-height:1.4;
  position:relative;
}
.recruitWriteSec .noteBox li:first-child{
  margin-top:0;
}
.recruitWriteSec .noteBox li:before{
  content:'';
  width:3px;
  height:3px;
  background:#000;
  position:absolute;
  top:10px;
  left:0;
}
.recruitWriteSec .noteBox.red span{
  color:#ed1d25;
}
.recruitWriteSec .noteBox.red li{
  padding-left:0;
}
.recruitWriteSec .noteBox.red li:before{
  display: none;
}

.recruitWrite .recruitBtn{
  max-width:1300px;
  margin:0 auto;
  padding-bottom:24px;
  background:#fff;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
.recruitWrite .recruitBtn.fix{
  position:fixed;
}


.recruitWrite .recruitBtn .btnRed{
  width:156px;
  padding:16px
}


.recruitLogin{
  max-width:628px;
  margin:0 auto;
}
.recruitLogin h4{
  font-size:1.44rem;
}
.loginInput .input_type{
  margin-top:16px;
}
.loginInput .input_type label{
  font-size:0.84rem;
}

.recruitLogin .note{
  font-size:0.69rem;
  font-weight:300;
  margin-top:24px;
  padding:16px 24px;
  color:#999;
  border-radius:8px;
  background:#f5f5f5;
}
.recruitLoginBtn{
  margin-top:24px;
}
.recruitLoginBtn button{
  width:100%;
}
.recruitLogin .note b{
  color:#000;
}

.recruitLogin:nth-child(2){
  margin-top:40px;
  padding-top:40px;
  border-top:1px solid #000;
}

.resumeUpArea label{
  display:block;
  font-size:0.84rem;
  margin-top:16px;
  padding:16px;
  color:#999;
  border:1px solid #e5e5e5;
  border-radius: 8px;
  cursor: pointer;
}

.recruitResult h4{
  font-size:1.44rem;
}
.recruitResult ul{
  margin-top:16px;
}
.recruitResult li{
  padding:24px 78px 24px 112px;
  border-bottom:1px solid #e5e5e5;
  position:relative;
}
.recruitResult li:first-child{
  border-top:1px solid #000;
}
.recruitResult .date{
  font-size:0.84rem;
  width:80px;
  text-align:center;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
}
.recruitResult .date span{
  display: block;
  font-size:0.69rem;
  color:#999;
}
.recruitResult .recruitStatus{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.recruitResult .tit h5{
  font-size:1.22rem;
}
.recruitResult .duty{
  font-size:0.84rem;
  margin-top:8px;
  color:#999;
}
.recruitResult .recruitStatus.off{
  color:#999;
  border-color:#f5f5f5;
  background:#f5f5f5;
}
.recruitResult .recruitStatus.on{
  color:#fff;
  background:#000;
}

.recruitJob{
  background:#f5f5f5;
}
.recruitJob .WrapWidth{
  padding:40px 0;
}
.recruitJob ul{
  display:flex;
  flex-wrap:wrap;
  margin:0 -12px;
}
.recruitJob li{
  width:calc(33.333% - 24px);
  margin:24px 12px;
  padding:24px;
  border-radius: 8px;
  background:#fff;
}
.recruitJob li strong{
  display: block;
  font-size:1.24rem;
  padding-top:96px;
  position:relative;

}
.recruitJob li strong:before{
  content:'';
  width:64px;
  height:64px;
  background-image:url(/images/css/recruit_job.png?v1);
  background-size:64px;
  position:absolute;
  top:0;
  left:0;
}

.recruitJob li:nth-child(2) strong:before{
  background-position:0 -69px;
}
.recruitJob li:nth-child(3) strong:before{
  background-position:0 -138px;
}
.recruitJob li:nth-child(4) strong:before{
  background-position:0 -207px;
}
.recruitJob li:nth-child(5) strong:before{
  background-position:0 -278px;
}
.recruitJob li:nth-child(6) strong:before{
  background-position:0 -347px;
}

.recruitJob li p{
  font-size:0.84rem;
  margin-top:8px;
}

.recruitType{
  max-width:800px;
  margin:0 auto;
  padding:72px 0;
  text-align:center;
}
.recruitTypeDesc{
  display:flex;
  margin-top:40px;
  justify-content: center;
}
.recruitTypeDesc > li{
  min-width:400px;
  margin:0 8px;
  padding:40px;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius: 8px;
}
.recruitTypeDesc > li h5{
  font-size:1.44rem;
  padding-top:72px;
  position:relative;
}
.recruitTypeDesc > li dl{
  display:inline-block;
  font-size:0.84rem;
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #e5e5e5;
}
.recruitTypeDesc > li dl:after{
  content:'';
  display:block;
  clear:both;
}
.recruitTypeDesc > li dt,
.recruitTypeDesc > li dd{
  margin-top:8px;
  text-align:left;
  float:left;
}
.recruitTypeDesc > li dt{
  width:104px;
  color:#999;
  clear:both;
}
.recruitTypeDesc > li dd{
  margin-left:24px;
}
.recruitTypeDesc > li dd li{
  padding-left:12px;
  position:relative;
}
.recruitTypeDesc > li dd li:before{
  content:'';
  display:inline-block;
  width:2px;
  height:2px;
  border-radius: 50px;
  background:#000;
  position:absolute;
  top:12px;
  left:0;
}

.recruitArea h4{
  font-size:1.44rem;
}

.recruitTypeDesc h5:before{
  content:'';
  width:64px;
  height:64px;
  background:url(/images/css/recruit_job.png);
  background-size:64px;
  background-position:0 -416px;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.recruitTypeDesc li:nth-child(2) h5:before{
  background-position:0 -485px;
}


.recruitBenefit{
  margin-top:16px;
}
.recruitBenefit li{
  font-size:0.84rem;
  margin-top:4px;
  padding-left:12px;
  text-align:left;
  line-height:1.4;
  position:relative;
}
.recruitBenefit li:first-child{
  margin-top:0;
}
.recruitBenefit li:before{
  content:'';
  width:2px;
  height:2px;
  background:#000;
  position:absolute;
  top:10px;
  left:0;

}
.recruitBenefit li p{
  font-size:0.69rem;
  color:#999;
}

.noList{
  margin-top:24px;
  padding-top:40px;
  text-align:center;
  border-top:1px solid #e5e5e5;
}
.noList span{
  display: inline-block;
  font-size:0.84rem;
  padding-top:72px;
  color:#999;
  position:relative;
}
.noList span:before{
  content:'';
  width:64px;
  height:64px;
  background-image:url(/images/css/recruit_job.png);
  background-size:64px;
  background-position:0 -554px;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.frm_require{
  padding-right:12px;
  position:relative;
}
.frm_require:after{
  content:'';
  display:inline-block;
  width:5px;
  height:5px;
  margin-left:8px;
  margin-bottom:2px;
  border-radius: 50px;
  background:#f85549;
  vertical-align: middle;
}





@media only screen and (max-width: 1000px){


.pcImg {display:none !important;}
.moImg {display:block !important;}

#OperatingTimeSelect {height:420px; background-image:url('/images/contents/DA0100_1.jpg');}
#California #OperatingTimeSelect {height:420px; background-image:url('/images/contents/WA0100_1.jpg');}
#OperatingTimeSelect .cols1 {display:none;}
#OperatingTimeSelect .cols2 {clear:both; width:100%; height:415px; background-image:url('/images/contents/DA0100_2.png'); background-repeat:no-repeat; background-position:bottom center; padding:110px 14% 0 14%; background-size:100%;}
#OperatingTimeSelect .cols2 table {height:200px;}
#OperatingTimeSelect .cols2 span.month {font-size:1.78rem;}
#OperatingTimeSelect .cols2 table thead th {font-size:0.83rem;}
#OperatingTimeSelect .cols2 table tbody td {font-size:0.83rem;}
#OperatingTimeSelect .cols3 {display:none;}

#ClosedDay .WrapWidth {padding:30px 0;}
#ClosedDay .WrapWidth br {display:inline-block;}

#OperatingTime {height:auto; text-align:center; padding-top:46px; padding-bottom:30px;}
#California #OperatingTime {padding-bottom:30px;}
#OperatingTime p.time { color:#4d4d4d; font-size:1.78rem; height:46px; letter-spacing:-1px;}
#OperatingTime p.time span.mark {color:#717171; font-size:0.83rem; font-weight: 700; position:absolute; top:-20px; left:0;}
#OperatingTime p.time span.num {color:#1c1c1c; font-size:3rem; font-family: 'NanumSquare'; width:33px; height:43px; line-height:46px; display:inline-block; background-color:#f4f4f4; border-radius:7px; vertical-align:middle;}
#OperatingTime p.alert {font-size:1.78rem; color:#4e4e4e; letter-spacing:-2px; height:140px; line-height:200px;}
#OperatingTime p.alert span {font-family: 'NanumSquare'; font-weight: 400; }
#OperatingTime p.alert b {color:#ed1c24; font-weight: 500;}
#OperatingTime p.notice {font-size:0.94rem; color:#4e4e4e; line-height:26px; margin-top:29px; _display:none;}
#OperatingTime p.notice span {color:#ed1c24;}
#OperatingTime p.time span.mark {letter-spacing:0px;}

#California .OperatingNote{padding-bottom:30px;}
#California .OperatingNote th{width:84px;}

#OperatingTimeCalendar {height:auto; display:block; height:auto; }
#OperatingTimeCalendar table {height:auto;}
#OperatingTimeCalendar thead {display:none;}
#OperatingTimeCalendar table,#OperatingTimeCalendar tbody,#OperatingTimeCalendar tr,#OperatingTimeCalendar td {display: block; float: left; clear: both; width: 100%}
#OperatingTimeCalendar table tbody td {width: 100%}
#OperatingTimeCalendar table tbody td span.time {display:inline-block; margin-left:10px;}
#OperatingTimeCalendar table tbody td span.date {display:none; width:30%;}
#OperatingTimeCalendar table tbody td span.date_m {display:inline-block; width:30%; word-break:keep-all;}
#OperatingTimeCalendar table tbody td {border-left:1px solid #e0e0e0;}
#OperatingTimeCalendar table tbody td {border-left:1px solid #e0e0e0;}
#OperatingTimeCalendar table tbody td.blank {display:none;}
#OperatingTimeCalendar span.month {font-size:1.78rem;}

#IdleSelectDay { padding:15px 0;}

#IdleInformation {height:auto; }
#IdleInformation ul li:nth-child(5n+1){margin-left:12px;}
#IdleInformation ul li {width:calc(50% - 6px); float:left; margin-left:12px; margin-top:12px; margin-bottom:12px; border:1px solid #dedede; min-height:322px; background-color:#ffffff;}
#IdleInformation ul li a {color:#000000;}
#IdleInformation ul li:nth-child(2n+1) {margin-left:0px;}
#IdleInformation ul li div.photo {height:160px;}
#IdleInformation ul li div span.location {background-position:-408px -717px;}

#IdleTotalInformation {padding:25px 0;}
#IdleTotalInformation dl {border-top:0px solid #000000; border-bottom:0px solid #9a9696;}
#IdleTotalInformation dt {float:left; width:100%; height:53px; line-height:50px; border-bottom:1px solid #ffffff; background-color:#868686; color:#ffffff; font-size:1rem; font-weight: 500; text-align:center;}
#IdleTotalInformation dt.rows2 {height:53px; line-height:50px;}
#IdleTotalInformation dd {float:left; width:25%; height:93px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#IdleTotalInformation dd.empty {display:none;}
#IdleTotalInformation dd span.title {display:inline-block; width:100%; height:41px; line-height:18px; background-color:#f2f2f2; text-align:center; letter-spacing:-1px; padding:3px 0;}
#IdleTotalInformation dd span.state {display:inline-block; width:100%; height:52px; line-height:48px; text-align:center;}
#IdleTotalInformation dd span.state span {vertical-align:middle;}
#IdleTotalInformation dd span.on {display:inline-block; width:30px; height:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-212px -1014px;}
#IdleTotalInformation dd span.off {display:inline-block; width:30px; height:30px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-412px -1014px;}

#ChargeGuide h4 {font-weight: 300; font-size:1.89rem; text-align:center; padding-top:30px; letter-spacing:-2px;}
#ChargeGuide h4 span {color:#ed1c24; font-weight: 500;}
#ChargeGuide h4 p {font-weight: 300; font-size:0.89rem; color:#474747; letter-spacing:-1px;}

#ChargeGuide {}
#ChargeGuide > div > ul {margin-top:20px;}
#ChargeGuide > div > ul > li {clear:both; width:100%; height:auto; border-left:0px solid #e4e4e4; text-align:center; padding:8px 0; border-bottom:1px solid #e4e4e4; }
#ChargeGuide .img {float:left; width:20%; height:auto;}
#ChargeGuide .img img {width:60px;}
#ChargeGuide .age {float:left; width:30%; height:auto;}
#ChargeGuide .total {float:left; width:50%; height:auto;}

#ChargeGuide ul div {padding-top:0;}
#ChargeGuide ul span.age {font-size:0.78rem; color:#494949; letter-spacing:-1px; text-align:left;}
#ChargeGuide ul span.age b {font-weight: 500; font-size:1.22rem; color:#000000; display:block; padding-top:5px;}
#ChargeGuide ul span.ticket {display:inline-block; width:95%; height:27px; font-size:0.78rem; line-height:23px; text-align:center; background-color:#ffffff; vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#ChargeGuide ul span.admission {color:#00a651; border:2px solid #00a651;}
#ChargeGuide ul span.free {color:#ed1c24; border:2px solid #ed1c24;}
#ChargeGuide ul span.price {display:block; padding-top:2px;}
#ChargeGuide ul span.price b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.02rem; color:#000000; padding-right:3px;}
#ChargeGuide ul span.price.plus:before{top:3px;}
#ChargeGuide > div > ul > li > ul {margin-top:5px;}
#ChargeGuide > div > ul > li > ul > li {float:left; width:50%; text-align:center;}


#ChargeGuide .TicketSortWrap{margin-top:32px;}
#ChargeGuide .TicketSort{width:100%;margin:40px 0 0;}
#ChargeGuide .TicketSort:first-child{margin-top:0;}
#ChargeGuide .TicketSort h5{display:inline-block;height:auto;padding:16px;text-align:center;}
#ChargeGuide .TicketSort h5 span{display:inline-block;}
#ChargeGuide .TicketSort h5 .note{display: block;margin-top:16px;text-align:left;}
#ChargeGuide .TicketSort h5 .note .link{text-align:center;}
#ChargeGuide .TicketSort .inner{padding:0 20px 32px;}
#ChargeGuide .TicketSort:first-child .inner{border-bottom:none;}
#ChargeGuide .TicketSort .TicketList{width:100%;padding:0;border-left:none;}
#ChargeGuide .TicketSort .TicketList:first-child{padding:0;}
#ChargeGuide .TicketSort .TicketName{width:100%;margin-top:32px;}










#ChargeGuideNotice {}
#ChargeGuideNotice .ButtonArea {clear:both; padding:30px 0 30px 0; text-align:center;}
#ChargeGuideNotice .ButtonArea a {display:inline-block; height:64px; padding:0 100px; line-height:60px; background-color:#ed1c24; color:#ffffff; font-weight: 500; font-size:1.44rem;}
#ChargeGuideNotice .notice {clear:both; display:inline-block; font-weight: 500; font-size:1.5rem; line-height:50px; color:#ed1c24; width:100%; height:60px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-130px -1100px; text-align:center; margin-top:20px; padding-left:40px;}
#ChargeGuideNotice > ul {margin-left:0; clear:both;}
#ChargeGuideNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-405px -200px; padding-left:20px; color:#444444; font-size:1rem; letter-spacing:-1px;}
#ChargeGuideNotice > ul > li.hi {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-405px -200px; padding-left:20px; color:#e83123; margin:32px 0;}
#ChargeGuideNotice > ul > li.hi ul li {color:#444444;}
#ChargeGuideNotice > ul > li a {display:inline-block; width:78px; height:26px; border:1px solid #747474; vertical-align:middle; line-height:22px; color:#010101; text-align:center; margin-left:20px; font-size:0.78rem;}

#ChargeGuideTable {padding-bottom:50px;}
#ChargeGuideTable h4 {height:auto; line-height:1.2; margin-top:30px;}
#ChargeGuideTable table {font-size:0.89rem;letter-spacing:-1px;}
#ChargeGuideTable table thead {background-color:#f9f9f9;}
#ChargeGuideTable table thead th {height:54px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#ChargeGuideTable table thead th:first-child {border-left:1px solid #e2e2e2;}
#ChargeGuideTable table thead th span {font-size:0.78rem; color:#5d5d5d; display:block;}
#ChargeGuideTable table tbody {}
#ChargeGuideTable table tbody th {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; color:#ed1c24;}
#ChargeGuideTable table tbody td {word-break:keep-all;}

#RentalChargeGuideNotice .notice {float:left; display:inline-block; font-weight: 500; font-size:1.5rem; line-height:50px; color:#ed1c24; width:100%; height:60px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-130px -1100px; text-align:center; margin-top:20px; padding-left:40px;}
#RentalChargeGuideNotice > ul {margin-left:0; padding-bottom:30px; clear:both;}
#RentalChargeGuideNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-405px -200px; padding-left:20px; color:#444444; font-size:1rem; letter-spacing:-1px;}
#RentalChargeGuideNotice > ul > li.hi ul li {color:#444444;}
#RentalChargeGuideNotice > ul > li ul li {color:#777777; font-size:0.89rem;}
#RentalChargeGuideNotice > ul > li a {display:inline-block; width:auto; padding:0 5px; height:26px; border:1px solid #747474; vertical-align:middle; line-height:22px; color:#010101; text-align:center; margin-left:20px; font-size:0.78rem;}

/* DA0400 */
#PreferredProgram {}
#PreferredProgram ul {width:100%; margin-top:10px;}
#PreferredProgram ul li {width:calc(50% - 6px); float:left; margin-left:12px; border:1px solid #dedede; min-height:352px; margin-bottom:12px;}
#PreferredProgram ul li a {color:#000000;}
#PreferredProgram ul li:nth-child(2n+1) {margin-left:0px;}
#PreferredProgram ul li div.photo {height:180px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#PreferredProgram ul li.blank {font-size:1.78rem;}
#PreferredProgram ul li div.infomation {padding:24px 15px 0 15px;}
#PreferredProgram ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#PreferredProgram ul li div span.name {font-weight: 700; font-size:1.06rem; }
#PreferredProgram ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#PreferredProgram .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#PreferredProgram .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DA0500 */
#AffiliateCardsSearch {padding:32px 16px;}
#AffiliateCardsSearch h4 {font-size:1.89rem;}
#AffiliateCardsSearch h4 span {font-weight: 500;}
#AffiliateCardsSearch h4 p {font-weight: 400; font-size:0.89rem; letter-spacing:-1px;}
#AffiliateCardsSearch ul {margin-top:16px;}
#AffiliateCardsSearch ul:after {content:""; clear:both; display:block;}
#AffiliateCardsSearch ul li {float:left; width:calc(100% - 100px); border-left:1px solid #f3f0f0;}
#AffiliateCardsSearch ul li:first-child {border-left:0px solid #f3f0f0; width:100%; margin-bottom:5px;}
#AffiliateCardsSearch ul li:last-child {width:100px; border-left:0px solid #f3f0f0;}
#AffiliateCardsSearch ul li label {display:none; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#AffiliateCardsSearch ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -805px right -240px;}
#AffiliateCardsSearch ul li select::-ms-expand {display: none;}
#AffiliateCardsSearch ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#AffiliateCardsSearch ul li input[type='submit'] {width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem;}
#AffiliateCardsSearch ul li span.submit {display:inline-block; width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem; text-align:center; cursor:pointer;}


.creditAffiliate li{width:calc(33.333% - 30px);}

#CreditcardCompany {padding:20px 0 ;}
#CreditcardCompany ul {}
#CreditcardCompany ul li {float:left; width:calc(33.33% - 5px); margin-left:7px; margin-top:7px;}
#CreditcardCompany ul li:nth-child(3n+1) {margin-left:0px;}
#CreditcardCompany ul li:hover {border:1px solid #ed1c24;}
#CreditcardCompany ul li a {width:100%; vertical-align:middle;}
#CreditcardCompany ul li img {width:100%;}

#AffiliateCardsNotice {clear:both; padding:20px 0;}
#AffiliateCardsNotice > ul {width:100%;}
#AffiliateCardsNotice > ul > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-405px -200px; padding-left:20px; color:#444444; font-size:1rem; letter-spacing:-1px;}

#CreditcardCompanyContact {}
#CreditcardCompanyContact h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:20px;}
#CreditcardCompanyContact dl {width:100%; border-top:1px solid #000000; border-left:1px solid #e2e2e2; *zoom:1;}
#CreditcardCompanyContact dl:after {content:""; clear:both; display:block;}
#CreditcardCompanyContact dl dt {float:left; width:25%; height:55px; line-height:51px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background-color:#f9f9f9; text-align:center;}
#CreditcardCompanyContact dl dd {float:left; width:25%; height:55px; line-height:51px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center;}

#AffiliateCardsList {padding-bottom:50px;}
#AffiliateCardsList h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:30px;}
#AffiliateCardsList ul {width:100%; border-top:1px solid #000000; border-left:1px solid #e2e2e2; *zoom:1;}
#AffiliateCardsList ul:after {content:""; clear:both; display:block;}
#AffiliateCardsList ul li {float:left; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:100%; padding:10px 5px;}
#AffiliateCardsList ul li div {float:left; width:70%; height:auto; padding:5px; font-size:0.78rem; font-weight:300;}
#AffiliateCardsList ul li div:first-child {width:30%; text-align:center;}
#AffiliateCardsList ul li div:first-child img {width:100%;}
#AffiliateCardsList ul li div span.name {font-weight:500; display:block; font-size:0.83rem;}
#AffiliateCardsList ul li div span.note {font-weight:500; display:block; color:#ed1c24; font-size:0.89rem; height:auto;}
#AffiliateCardsList b {background-color:#00ffff;}

.creditCardArea{
  margin:16px 0 40px
}
.creditHeader h4{
  font-size:1.89rem;
}
.creditList > ul{
  margin:-4px;
}
.creditList .creditInfo{
  width:calc(50% - 8px);
  margin:4px;
  padding:24px 16px;
}
.creditInfo h5{
  font-size:1.29rem;
}
.creditInfo a{
  font-size:0.89rem;
}
.creditInfo a:before{
  top:6px;
}
.creditNotice li{
  font-size:0.89rem;
  padding-left:10px;
  word-break: keep-all;
}
.creditNotice li:before{
  width:3px;
  height:3px;
  top:8px;
}
.creditNotice p{
  font-size:0.79rem;
}






/* DA0600 */
#SpecialChargeGuide {height:auto; background-color:#f4f4f4;}
#SpecialChargeGuide h4 {font-weight: 300; font-size:1.44rem; text-align:center; padding-top:30px; letter-spacing:-2px;}
#SpecialChargeGuide h4 span {color:#ed1c24; font-weight: 500;}
#SpecialChargeGuide h4 p {font-weight: 400; font-size:0.80rem; color:#474747; letter-spacing:-2px;}
#SpecialChargeGuide > div > ul {margin-top:20px;}
#SpecialChargeGuide > div > ul > li {clear:both; width:100%; height:auto; border-left:0px solid #e4e4e4; text-align:center; padding:8px 0px; border-bottom:1px solid #e4e4e4;}
#SpecialChargeGuide > div > ul > li:first-child {border-left:0px solid #e4e4e4;}
#SpecialChargeGuide ul div {padding-top:0px;}
#SpecialChargeGuide ul span.age {font-size:0.78rem; color:#494949; text-align:left; letter-spacing:-1px;}
#SpecialChargeGuide ul span.age b {font-weight: 500; font-size:1.22rem; color:#000000; display:block; padding-top:5px;}
#SpecialChargeGuide ul span.ticket {display:inline-block; width:95%; height:27px; font-size:0.89rem; line-height:23px; text-align:center; background-color:#ffffff; vertical-align:middle;}
#SpecialChargeGuide ul span.ticket.normal {color:#8d8d8d; border:2px solid #8d8d8d;}
#SpecialChargeGuide ul span.ticket.discount {color:#ed1c24; border:2px solid #ed1c24;}
#SpecialChargeGuide ul span.price {display:block; padding-top:2px;}
#SpecialChargeGuide ul span.price.normal b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.22rem; color:#8d8d8d; text-decoration:line-through; padding-right:3px; letter-spacing:-2px;}
#SpecialChargeGuide ul span.price.discount b {font-family: 'NanumSquare'; font-weight: 700; font-size:1.22rem; color:#ed1c24; padding-right:3px; letter-spacing:-1px;}
#SpecialChargeGuide ul span.price b {font-family: 'NanumSquare'; font-weight: 700; font-size:0.78rem; color:#000000;}
#SpecialChargeGuide_ > div > ul > li > ul {margin-top:5px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:center -888px; *zoom:1;}
#SpecialChargeGuide > div > ul > li > ul {margin-top:5px; background-size:350px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:center -609px; *zoom:1;}
#SpecialChargeGuide > div > ul > li > ul:after {content:""; clear:both; display:block;}
#SpecialChargeGuide > div > ul > li > ul > li {float:left; width:50%; text-align:center;}

#SpecialChargeGuide .img {float:left; width:20%; height:auto;}
#SpecialChargeGuide .img img {width:60px;}
#SpecialChargeGuide .age {float:left; width:30%; height:auto;}
#SpecialChargeGuide .total {float:left; width:50%; height:55px;}

#SpecialChargeSearch {background-color:#ed1c24; height:auto; padding-bottom:10px;}
#SpecialChargeSearch h4 {font-weight: 300; font-size:2.22rem; padding-top:10px; color:#ffffff; letter-spacing:-1px}
#SpecialChargeSearch h4 span {font-weight: 500;}
#SpecialChargeSearch h4 p {font-weight: 400; font-size:0.89rem;}
#SpecialChargeSearch ul {margin-top:20px; background-color:#ed1c24; *zoom:1;}
#SpecialChargeSearch ul:after {content:""; clear:both; display:block;}
#SpecialChargeSearch ul li {float:left; width:calc(100% - 100px); border-left:1px solid #f3f0f0;}
#SpecialChargeSearch ul li:first-child {border-left:0px solid #f3f0f0; width:100%; margin-bottom:5px;}
#SpecialChargeSearch ul li:last-child {width:100px; border-left:0px solid #f3f0f0;}
#SpecialChargeSearch ul li label {display:none; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#SpecialChargeSearch ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -805px right -240px;}
#SpecialChargeSearch ul li select::-ms-expand {display: none;}
#SpecialChargeSearch ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#SpecialChargeSearch ul li input[type='submit'] {width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem;}
#SpecialChargeSearch ul li span.submit {display:inline-block; width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem; text-align:center; cursor:pointer;}

#SpecialChargeTable {padding-bottom:50px;}
#SpecialChargeTable h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:30px;}
#SpecialChargeTable table {width:100%; border-top:1px solid #000000; letter-spacing:-1px;}
#SpecialChargeTable table thead {background-color:#f9f9f9;}
#SpecialChargeTable table thead th {height:54px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#SpecialChargeTable table thead th:first-child {border-left:1px solid #e2e2e2;}
#SpecialChargeTable table tbody {}
#SpecialChargeTable table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:15px 10px;}
#SpecialChargeTable table tbody td:first-child { border-left:1px solid #e2e2e2;}
#SpecialChargeTable table.totallist tbody td:first-child {width:10%;}
#SpecialChargeTable table.totallist tbody td:nth-child(2) {width:16%;}
#SpecialChargeTable table.totallist tbody td:nth-child(3) {width:16%;}
#SpecialChargeTable table.totallist tbody td:nth-child(4) {width:36%; text-align:left;}
#SpecialChargeTable table.totallist tbody td:nth-child(5) {width:22%; display:none;}
#SpecialChargeTable table.totallist thead th:nth-child(5) {width:22%; display:none;}

/* DA0700 */
#CompanyCharge{margin:0 20px;}
#CompanyCharge .CCVisual img.pc{display:none;}
#CompanyCharge .CCVisual img.mo{display:block;}
#CompanyCharge .CCTit > div{float:none;}
#CompanyCharge .CCTit .left{width:auto;}
#CompanyCharge .CCTit .right{width:auto;margin-top:8px;}
#CompanyCharge .CCTit .right p br{display:none;}
#CompanyCharge .CCDesc{margin-top:40px;}
#CompanyCharge .CCDesc li{float:none;margin-left:auto;}
#CompanyCharge .CCDesc table.pc{display:none;}
#CompanyCharge .CCDesc table.mo{display:table;}
#CompanyCharge .CCDesc table.mo th, #CompanyCharge .CCDesc table.mo td{border-bottom:1px solid #e2e2e2;}
#CompanyCharge .CCDesc li:before{top:10px;}
#Directions {}
#Directions #Map {width:100%; height:270px;}
#Directions {padding-bottom:50px;}
#Directions h4 {font-weight: 300; font-size:1.5rem; color:#000000; height:60px; line-height:60px; margin-top:30px;}
#Directions table {width:100%; border-top:1px solid #000000; font-size:0.89rem; letter-spacing:-1px;}
#Directions table tbody {}
#Directions table tbody th {border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:20%; background-color:#f9f9f9; font-weight: 500;}
#Directions table tbody td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:15px 5px;}
#Directions table tbody td.use { width:20%; text-align:center;}
.TabSelector ul li {float:left; width:33.333%;}
.TabSelector ul li:nth-child(4),.TabSelector ul li:nth-child(5) {width:50%;}
.TabSelector ul li:nth-child(4) span { border-left:1px solid #9a9a9a;}
.TabSelector ul li:nth-child(4).on span { border-left:1px solid #ed1c24;}

#MapLink ul li a {width:100%; margin:10px 0 0 0; background-position:20px 6px; background-size:120px; padding-left:160px; padding-right:0; height:60px; line-height:56px; text-align:left;}
#MapLink ul li a:nth-child(2) {background-position:20px -69px;}

#MapTxt div.detail div.car {margin-top:30px;}
#MapTxt div.detail div.public {margin-top:30px;}
#MapTxt div.detail div h6 {width:91px; height:91px; border-radius:46px; line-height:125px; background-size:50px; font-size:0.89rem;}
#MapTxt div.detail div div.txt {margin-left:100px; padding-top:20px;}
#MapTxt div.detail div div.txt b {margin-top:20px;}
#MapTxt div.detail div.public h6 {background-position:50% -150px;}

/* DA0800 */
#UseGoodtipList {}
#UseGoodtipList ul {width:100%; margin-top:30px;}
#UseGoodtipList ul li {width:calc(50% - 6px); float:left; margin-left:12px; border:1px solid #dedede; min-height:362px; margin-bottom:44px;}
#UseGoodtipList ul li a {color:#000000;}
#UseGoodtipList ul li:nth-child(5n+1) {margin-left:12px;}
#UseGoodtipList ul li:nth-child(2n+1) {margin-left:0px;}
#UseGoodtipList ul li div.photo {height:170px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#UseGoodtipList ul li div.infomation {padding:24px 15px 20px 15px;}
#UseGoodtipList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#UseGoodtipList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#UseGoodtipList ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#UseGoodtipList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#UseGoodtipList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}


.contactBox{padding:40px 24px;}
.contactBox p{padding-left:0;}
.contactBox .ticket{display:block;width:72px;margin-bottom:16px;position:static;}


/* DA0900 */
.parkingStep > ul{
  margin:-24px -10px 0;
}
.parkingStep > ul > li{
  width:calc(50% - 20px);
  margin:24px 10px;
  float:left;
}




/* DB0100 */
#RecommendedCourse {height:auto; background-color:#ed1c24; padding-bottom:10px;}
#RecommendedCourse h4 {font-weight: 300; font-size:1.89rem; text-align:center; padding-top:20px; color:#ffffff;}
#RecommendedCourse h4 span {font-weight: 500; color:#fff200;}
#RecommendedCourse h4 p {font-weight: 400; font-size:0.89rem; letter-spacing:-1px;}
#RecommendedCourse ul {width:100%; margin-top:30px;}
#RecommendedCourse ul li {float:left; width:20%; margin-left:0; text-align:center;}
#RecommendedCourse ul li:first-child {margin-left:0;}
#RecommendedCourse ul li a {}
#RecommendedCourse ul li img {width:100%;}

#RecommendedCourseList {height:auto; background-image:url("/images/contents/DB0100_11_.jpg"); background-repeat:no-repeat; background-position:50% 50%; position:relative; *zoom:1;}
#RecommendedCourseList:after {content:""; clear:both; display:block;}

#RecommendedCourseList div.list {clear:both; width:100%; height:110px; position:relative; border-bottom:1px solid #c1c2c6; margin-top:10px;}
#RecommendedCourseList div.list:nth-child(2) {border-top:1px solid #c1c2c6; padding-top:10px;}
#RecommendedCourseList div.photo {float:left; width:100px; height:100px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#RecommendedCourseList div span.badge {position:absolute; height:30px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; line-height:30px; word-break:break-all; padding:0 5px;}
#RecommendedCourseList div.title {margin-left:110px; text-align:left;}
#RecommendedCourseList div.zone {margin-left:110px; text-align:left;}
#RecommendedCourseList div.num {font-size:1.56rem; color:#ed1c24; font-family: 'GothamPro'; font-weight: 600; display:inline; float:right; margin:-30px 20px 0 0;}

#RecommendedCourseList h5 {position:relative; top:0px; left:0px; text-align:center; padding-top:10px; }
#RecommendedCourseList div.list:nth-child(2) {top:0; left:0; height:120px;}
#RecommendedCourseList div.list:nth-child(3) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(4) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(5) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(6) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(7) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(8) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(9) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(10) {top:0; left:0; }
#RecommendedCourseList div.list:nth-child(11) {top:0; left:0; }
#RecommendedCourseList div.zone span.name {border:1px solid #c1c1c1;}

/* DB0200 */
#AttractionsSearch {height:auto; background-color:#f4f4f4; padding:10px 0;}
#AttractionsSearch > div {position:relative;}
#AttractionsSearch > div > ul {float:left; width:100%;}
#AttractionsSearch > div > ul > li {height:80px; clear:both;}
#AttractionsSearch > div > ul > li:first-child {height:50px;}
#AttractionsSearch > div > ul > li > span {display: none; position: relative; margin: 10px 0; padding-left:30px; width: 200px; height: 44px; background: #3bb375; line-height:40px; font-size:1.11rem; color:#ffffff; vertical-align:middle; float:left;}
#AttractionsSearch > div > ul > li > span:after {display: block; content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 0; border: 22px solid transparent; border-left-color: #3bb375;}
#AttractionsSearch > div > ul > li > ul {margin-left:0; vertical-align:middle; width:100%;}
#AttractionsSearch > div > ul > li > ul > li {float:left; height:50px; line-height:30px; width:20%; border-bottom:1px solid #e0e0e0;}
#AttractionsSearch > div > ul > li > ul > li span {display:inline-block; }
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox'] {display:none;}
#AttractionsSearch > div > ul > li > ul > li label {cursor:pointer;}
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin: 0 5px 0 0; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-149px -850px; background-size:350px;}
#AttractionsSearch > div > ul > li > ul > li input[type='checkbox']:checked + label::before {background-position:-289px -850px;}
#AttractionsSearch > div > ul > li #SearchHeightArea {margin-left:0; vertical-align:middle; width:calc(100% - 100px); padding-top:36px;}
#AttractionsSearch > div > ul > li .ui-widget.ui-widget-content {border:0px solid #c5c5c5 !important; background-color:#cfcfcf; }
#AttractionsSearch > div > ul > li #SearchHeightHandle {background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-215px -1315px; width:23px; height:23px; cursor:pointer; outline: none;}
#AttractionsSearch > div > ul > li .ui-state-default
, #AttractionsSearch > div > ul > li .ui-widget-content .ui-state-default
, #AttractionsSearch > div > ul > li .ui-widget-header .ui-state-default
, #AttractionsSearch > div > ul > li .ui-button
, html #AttractionsSearch > div > ul > li .ui-button.ui-state-disabled:hover
, html #AttractionsSearch > div > ul > li .ui-button.ui-state-disabled:active {border:none; background:none; width:23px; height:23px; padding-top:30px; color:#000000;}
#AttractionsSearch #SearchHeight .min {top:26px;}
#AttractionsSearch #SearchHeight .max {top:26px;}
#AttractionsSearch > div > .ButtonArea {float:left; position:absolute; right:5px; bottom:0; width:90px; height:80px; margin-top:0; border-left:1px solid #e0e0e0; margin-left:5px}
#AttractionsSearch > div > .ButtonArea > input[type="button"] {width:90px; height:80px; line-height:80px; background-color:#ed1d25; float:right; color:#ffffff; font-size:1.11rem;}
#AttractionsSearch > div > .ButtonArea > input[type="button"] {background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-350px -188px;}
#AttractionsNotice {font-size:1rem; color:#000000; padding-top:50px;}

#AttractionsList {}
#AttractionsList ul {width:100%; margin-top:30px;}
#AttractionsList ul li {width:calc(50% - 6px); margin-left:12px; margin-bottom:40px;}
#AttractionsList ul li:nth-child(5n+1) {margin-left:12px;clear:none}
#AttractionsList ul li:nth-child(2n+1) {margin-left:0px;clear:both;}
#AttractionsList ul li a {color:#000000;}
#AttractionsList ul li div.photo {}
#AttractionsList ul li div.infomation {padding-top:16px;}
#AttractionsList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#AttractionsList ul li div span.name {font-weight: 700; font-size:1.00rem; letter-spacing:-1px}
#AttractionsList ul li div span.location {}
#AttractionsList ul li div p {}
#AttractionsList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#AttractionsList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #979797; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

#AttractionsList #wrap-loading {text-align:center; padding:100px;}

/* DB0220 */
#AttractionsView {border-top:1px solid #000000; padding-top:10px;}

#AttractionsPhoto {clear:both; width:100%; height:auto;}
#AttractionsPhoto div {background-color:#333333; width:100%; height:250px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#AttractionsPhoto div img {width:100%;}
#AttractionsPhoto ul {margin-top:8px}
#AttractionsPhoto ul li {margin-left:4px; width:calc(25% - 3px); height:70px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttractionsPhoto ul li:first-child {margin-left:0px;}
#AttractionsPhoto ul li.on {border:2px solid #004a97;}
#AttractionsPhoto ul li img {width:100%;}

#AttractionsInfo {clear:both; width:100%; height:auto;}
#AttractionsInfo h4 {font-size:1.89rem; height:50px; line-height:35px; margin-top:30px;}
#AttractionsInfo ul li {min-height:50px;border-bottom:1px solid #e0e0e0; font-size:0.94rem; color:#555555; font-weight: 300;}
#AttractionsInfo ul li:first-child {min-height:auto; letter-spacing:-1px;}
#AttractionsInfo ul li span {background-position:-303px -608px;}

#AttractionsView .ButtonArea {clear:both; text-align:center; padding:30px 0;}
#AttractionsView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border-radius:25px; font-size:1.17rem; background-color:#f7f7f7;}

/* DB0300 */
#RestaurantList {}
#RestaurantList ul {width:100%; margin-top:10px;}
#RestaurantList ul li {width:calc(50% - 6px); margin-left:12px; margin-bottom:40px;}
#RestaurantList ul li a {color:#000000;}
#RestaurantList ul li:nth-child(5n+1) {margin-left:12px;clear:none;}
#RestaurantList ul li:nth-child(2n+1) {margin-left:0px;clear:both}
#RestaurantList ul li div.infomation {padding:14px 5px 0 5px;}
#RestaurantList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#RestaurantList ul li div span.name {font-weight: 700; font-size:1.00rem; letter-spacing:-1px}
#RestaurantList ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#8c8c8c; padding-left:20px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-408px -715px; margin-top:13px;}
#RestaurantList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#RestaurantList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DB0320 */
#RestaurantView {border-top:1px solid #000000; padding-top:10px;}

#RestaurantPhoto {clear:both; width:100%; height:auto;}
#RestaurantPhoto div {background-color:#333333; width:100%; height:auto; padding-top:68.89%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#RestaurantPhoto div img {width:100%;}
#RestaurantPhoto ul {margin-top:8px}
#RestaurantPhoto ul li {margin-left:4px; width:calc(25% - 3px); height:auto; padding-top:20%; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#RestaurantPhoto ul li:first-child {margin-left:0px;}
#RestaurantPhoto ul li.on {border:2px solid #ed1c24;}
#RestaurantPhoto ul li img {width:100%;}

#RestaurantInfo {clear:both; width:100%; height:auto;}
#RestaurantInfo h4 {font-size:1.89rem; height:50px; line-height:35px; margin-top:30px;}
#RestaurantInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#RestaurantInfo ul li:first-child {padding-bottom:16px; height:auto; letter-spacing:-1px;}
#RestaurantInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#RestaurantView .ButtonArea {clear:both; text-align:center; padding:30px 0;}
#RestaurantView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border-radius:25px; font-size:1.17rem; background-color:#f7f7f7;}

#RestaurantMenu {}
#RestaurantMenu h4 {font-size:1.5rem; padding:10px 0;}
#RestaurantMenu ul {width:100%;}
#RestaurantMenu ul li {width:calc(50% - 6px); float:left; margin-left:12px; border:1px solid #dedede; margin-bottom:12px; background-color:#ffffff;}
#RestaurantMenu ul li a {color:#000000;}
#RestaurantMenu ul li:nth-child(5n+1) {margin-left:12px;}
#RestaurantMenu ul li:nth-child(2n+1) {margin-left:0px;}
#RestaurantMenu ul li div.photo {background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#RestaurantMenu ul li div.infomation {padding:12px 0 ; text-align:center;}

/* DB0400 */
#AttachedList {}
#AttachedList ul {width:100%; margin-top:10px;}
#AttachedList ul li {width:calc(50% - 6px); float:left; margin-left:12px; margin-bottom:40px;}
#AttachedList ul li:nth-child(5n+1) {margin-left:12px;clear:none;}
#AttachedList ul li a {color:#000000;}
#AttachedList ul li:nth-child(4n+1) {margin-left:12px;}
#AttachedList ul li:nth-child(2n+1) {margin-left:0px; clear: both;}
#AttachedList ul li div.photo {background-image:url("/images/contents/DA0200_1.jpg");}
#AttachedList ul li div.infomation {padding:14px 5px 0 5px;}
#AttachedList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 20px; line-height:14.5px; word-break:break-all;}
#AttachedList ul li div span.name {font-weight: 700; font-size:1.00rem; letter-spacing:-1px}
#AttachedList ul li div span.location {display:block; font-weight: 300; font-size:0.78rem; color:#8c8c8c; padding-left:20px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-408px -715px; margin-top:13px;}
#AttachedList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#AttachedList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

/* DB0420 */
#AttachedView {border-top:1px solid #000000; padding-top:10px;}

#AttachedPhoto {clear:both; width:100%; height:auto;}
#AttachedPhoto div {background-color:#333333; width:100%; height:250px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttachedPhoto div img {width:100%;}
#AttachedPhoto ul {margin-top:8px}
#AttachedPhoto ul li {margin-left:4px; width:calc(25% - 3px); height:70px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#AttachedPhoto ul li:first-child {margin-left:0px;}
#AttachedPhoto ul li.on {border:2px solid #ed1c24;}
#AttachedPhoto ul li img {width:100%;}

#AttachedInfo {clear:both; width:100%; height:auto;}
#AttachedInfo h4 {font-size:1.94rem; height:50px; line-height:35px; margin-top:20px;}
#AttachedInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#AttachedInfo ul li:first-child {padding:0 0 16px; height:auto; min-height:auto;}
#AttachedInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#AttachedView .ButtonArea {clear:both; text-align:center; padding:30px 0;}
#AttachedView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border-radius:25px; font-size:1.17rem; background-color:#f7f7f7;}

/* DB0500 */
#GuideMap {background-color:#ffffff;}
#GuideMap .WrapWidth {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#GuideMap .WrapWidth div {height:auto; padding:30px 0 30px 10px;}
#GuideMap .WrapWidth div span {font-size:1.89rem; color:#000000; font-weight: 300; display:block; line-height:35px; letter-spacing:-3px; padding-left:15px;}
#GuideMap .WrapWidth div span:nth-child(2) {font-weight: 500;}
#GuideMap .WrapWidth div hr {width:21px; height:3px; border:none; background-color:#000000; margin:20px 15px; float:left;}
#GuideMap .WrapWidth div a {display:block; width:182px; height:auto; line-height:52px; padding-left:0; margin-top:8px; text-align:center; color:#ffffff; background-color:#ed1c24; background-image:none;}


/* DB0600 */
#RealtimeWebcam {background-color:#eaeef3;}
#SelectWebcam {clear:both; width:100%; height:auto; padding:20px 0 20px 0; text-align:center;}
#SelectWebcam span {font-size:1.89rem; color:#000000; font-weight: 300; display:inline-block; line-height:35px; letter-spacing:-3px; padding-left:5px; padding-right:5px;}
#SelectWebcam span:nth-child(2) {font-weight: 500;}
#SelectWebcam hr {width:21px; height:3px; border:none; background-color:#000000; margin:20px auto; float:none;}
#SelectWebcam p {clear:both; font-weight: 100; font-size:1rem; letter-spacing:-1px; color:#000000; line-height:24px; padding-left:15px;}
#SelectWebcam a.cam1 {text-align:left; display:inline-block; width:222px; height:65px; line-height:61px; padding-left:75px; margin-top:40px; font-size:1.33rem; color:#ffffff; background-color:#ed1c24; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -995px;}
#SelectWebcam a.cam2 {text-align:left; display:inline-block; width:222px; height:65px; line-height:61px; padding-left:75px; margin-top:20px; font-size:1.33rem; color:#ffffff; background-color:#004a97; border-radius:32px; letter-spacing:-2px; background-image:url("/images/css/diagram.png"); background-repeat:no-repeat; background-position:-384px -1095px;}
#Webcam {clear:both; width:100%; height:250px; background-color:#000000; margin:0 0 30px 0; color:#ffffff; font-size:1.0rem; font-weight: 300; text-align:center; line-height:300px; background-image:url("/images/contents/DB0600_1.png"); background-repeat:no-repeat; background-position:50% 40%;}
#Webcam iframe {height:250px;}
#Webcam-MediaController-FullscreenButton {display: block !important;}
#Webcam-TopBar {
    background-image:none !important;
    background-image:none !important;
    background-image:none !important;
}

/* DC0100 */
#ShowInformation {background-color:#5675b8; height:auto;}
#ShowInformation h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; color:#000000;}
#ShowInformation h4 span {font-family: 'NanumSquare'; font-weight: 800; font-size:2.44rem;}
#ShowInformation h4 p {font-weight: 400; font-size:0.89rem;}
#ShowInformation ul {margin-top:30px; background-color:#5675b8; *zoom:1;}
#ShowInformation ul:after {content:""; clear:both; display:block;}
#ShowInformation ul li {float:left; width:calc(100% - 100px); border-left:1px solid #f3f0f0; padding-bottom:5px;}
#ShowInformation ul li:first-child {width:100%; border-left:0px solid #f3f0f0;}
#ShowInformation ul li:last-child {width:100px; border-left:0px solid #f3f0f0;}
#ShowInformation ul li label {display:none; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#ShowInformation ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -810px right -240px;}
#ShowInformation ul li select::-ms-expand {display: none;}
#ShowInformation ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#ShowInformation ul li input[type='submit'] {width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem;}

/* DC0120 */
#ShowView {border-top:1px solid #000000; padding-top:10px;}

#ShowPhoto {clear:both; width:100%; height:auto;}
#ShowPhoto div {background-color:#333333; width:100%; height:250px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#ShowPhoto div img {width:100%;}
#ShowPhoto ul {margin-top:8px}
#ShowPhoto ul li {margin-left:4px; width:calc(25% - 3px); height:70px; background-color:#c9c9c9; float:left; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; cursor:pointer;}
#ShowPhoto ul li:first-child {margin-left:0px;}
#ShowPhoto ul li.on {border:2px solid #004a97;}
#ShowPhoto ul li img {width:100%;}

#ShowInfo {clear:both; width:100%; height:auto;}
#ShowInfo h4 {font-size:1.89rem; height:50px; font-weight: 300; line-height:35px; margin-top:30px;}
#ShowInfo ul {border-top:1px solid #727272;}
#ShowInfo ul li {border-bottom:1px solid #e0e0e0; min-height:52px; line-height:50px; font-size:0.94rem; color:#555555; font-weight: 300;}
#ShowInfo ul li:first-child {line-height:30px; padding:25px 0; height:auto; letter-spacing:-1px;}
#ShowInfo ul li span {display:inline-block; font-weight: 400; color:#000000; width:110px; text-align:center; margin-right:30px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-303px -590px;}

#ShowView .ButtonArea {clear:both; text-align:center; padding:30px 0;}
#ShowView .ButtonArea a {display:inline-block; height:50px; width:140px; text-align:center; line-height:44px; border-radius:25px; font-size:1.17rem; background-color:#f7f7f7;}


/* DC0200 */
#EventInformation {background-color:#5675b8; height:auto;}
#EventInformation h4 {font-weight: 300; font-size:2.22rem; text-align:center; padding-top:30px; color:#000000;}
#EventInformation h4 span {font-family: 'NanumSquare'; font-weight: 800; font-size:2.44rem;}
#EventInformation h4 p {font-weight: 400; font-size:0.89rem;}
#EventInformation ul {margin-top:30px; background-color:#5675b8; *zoom:1;}
#EventInformation ul:after {content:""; clear:both; display:block;}
#EventInformation ul li {float:left; width:calc(100% - 100px); border-left:1px solid #f3f0f0; padding-bottom:5px;}
#EventInformation ul li:first-child {width:100%; border-left:0px solid #f3f0f0;}
#EventInformation ul li:last-child {width:100px; border-left:0px solid #f3f0f0;}
#EventInformation ul li label {display:none; height:45px; line-height:49px; width:100%; background-color:#ffffff; padding:0 20px; font-size:0.89rem;}
#EventInformation ul li select {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem; color:#a0a0a0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance:none; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position: top -810px right -240px;}
#EventInformation ul li select::-ms-expand {display: none;}
#EventInformation ul li input[type='text'] {width:100%; height:45px; line-height:41px; border:none; padding:0 20px; font-size:0.89rem;}
#EventInformation ul li input[type='submit'] {width:100%; height:45px; line-height:45px; background-color:#222222; color:#ffffff; font-size:0.89rem;}

.SelectDay {}
.SelectDay .left {width:100%; clear:both; font-size:2.22rem; font-family: 'NanumSquare'; font-weight: 800; color:#000000; text-align:center; height:50px; line-height:46px;}
.SelectDay .right {margin-left:0;}
.SelectDay span.prev {float:left; display:inline-block; height:60px; margin:20px 0; line-height:56px; width:20px; cursor:pointer; text-indent:-9999px; background-image:url('/images/css/sign.png'); background-position:-107px -730px; background-repeat:no-repeat; background-size:250px;}
.SelectDay span.next {float:left; display:inline-block; height:60px; margin:20px 0; line-height:56px; width:20px; cursor:pointer; text-indent:-9999px; background-image:url('/images/css/sign.png'); background-position:-200px -730px; background-repeat:no-repeat; background-size:250px;}
.SelectDay ul {float:left; width:calc(100% - 40px);}
.SelectDay ul li {float:left; height:10 0px; width:40px; border-radius:20px; background-color:#ffffff; overflow:hidden; position:relative; background-image:url('/images/contents/DC0100_1.png'); background-position:50% top; background-repeat:no-repeat; cursor:pointer; margin-left:calc(16.66% - 46.67px);}

#ShowList {padding:20px 0;}
.ListHorizontalimage table {border-top:2px solid #000000;}
.ListHorizontalimage table thead tr th {display:none;}
.ListHorizontalimage table thead tr th:last-child {width:100%; _display:none;}
.ListHorizontalimage table tbody td {border-bottom:1px solid #e0e0e0; padding:15px 5px; text-align:center; color:#171717; font-size:1.11rem; font-weight: 300;}
.ListHorizontalimage table tbody tr td:first-child {width:100%; display: block; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; margin-top:30px;}
.ListHorizontalimage table tbody tr td:nth-child(2) {width:100%; display: inline-block; float:left; border-bottom:0px solid #e0e0e0; border-top:0px solid #e0e0e0;}
.ListHorizontalimage table tbody tr td:nth-child(3) {width:100%; display: inline-block; float:left; text-align:left; border-bottom:0px solid #e0e0e0; border-top:0px solid #e0e0e0;}
.ListHorizontalimage table tbody td div.photo {width:100%; height:auto; padding-top:88%; background-color:#b5b5b5; background-size:cover; background-position:50% 50%; margin:0 auto;}
.ListHorizontalimage table tbody td div.photo a {display:block; width:200px; height:150px;}
.ListHorizontalimage table tbody td ul {text-align:left; }
.ListHorizontalimage table tbody td ul li {font-size:0.89rem; color:#171717; padding:3px 0;}
.ListHorizontalimage table tbody td ul li a {font-size:1.33rem; color:#000000; font-weight: 400;}
.ListHorizontalimage table tbody td ul li:nth-child(3) {display:block;}
.ListHorizontalimage table tbody td ul li:nth-child(4) {display:inline-block; margin-left:0;}
.ListHorizontalimage table tbody td ul li span {display:inline-block; border:1px solid #00a651; color:#00a651; padding:0 10px 2px 10px; margin-right:10px; font-weight: 400;}
.ListHorizontalimage .timeTit{display:block}

#ShowSlider .left {clear:both; width:100%; background-color:#d1d1d1; height:auto; position:relative;}
#ShowSlider .bxslider, #ShowSlider .bxslider li {height:auto;}
#ShowSlider .bxslider li{padding-top:19.048%}
#ShowSlider .right {clear:both; width:100%; padding:50px 30px; background-color:#ed1c24; height:auto; color:#ffffff; position:relative;}
#ShowSlider h5 {font-size:2.22rem; padding:20px 0;}
#ShowSlider .right table {position:relative; bottom:0px; margin-top:20px;}
#ShowSlider .bx-wrapper .bx-pager{bottom:0;left:10px;}

/* DC0300 */
#WrapWebzineTop {height:110px; border-bottom:1px solid #ebebeb; background-image:url('/images/layout/logo_0.jpg'); background-repeat:no-repeat; background-position:20px 20px; background-size:35%;}
#WebzineSearch {width:100%; text-align:right; margin:0 auto; padding-top:13px;}
#WebzineSearch div {display:inline-block; width:50%; height:53px; border:3px solid #f26c4f; border-radius:26px; padding:0 20px;}
#WebzineSearch div label {display:none;}
#WebzineSearch div #sch_str {width:calc(100% - 43px); height:43px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;}
#WebzineSearch div #sch_submit {width:43px; height:43px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-385px -305px; background-color:#ffffff;}
#WebzineSearch form {display:inline-block; width:50%; height:53px; border:3px solid #f26c4f; border-radius:26px; padding:0 20px;}
#WebzineSearch form label {display:none;}
#WebzineSearch form #sch_str {width:calc(100% - 43px); height:43px; padding:0 10px; float:left; border:none; color:#707070; font-size:0.89rem; font-weight:300;}
#WebzineSearch form #sch_submit {width:43px; height:43px; float:right; text-indent:-9999px; border:none; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-385px -305px; background-color:#ffffff;}
#WrapWebzineTop p {text-align:center; font-size:1rem; border-top:1px solid #e1e1e1; padding-top:5px; margin-top:5px;}
#WrapWebzineTop p a {color:#000000;}
#WrapWebzineTop a.home {display:inline-block; width:230px; height:76px; position:absolute; top:0; left:0;}

#WrapWebzineList {background-color:#ebebeb; padding:10px 0;}
#WrapWebzineList .WrapWidth {max-width:1000px;}
#WrapWebzineList ul {width:100%;}
#WrapWebzineList ul li {width:calc(50% - 6px); float:left; margin-left:12px; border:1px solid #dedede; min-height:360px; height:360px; margin-bottom:12px; background-color:#ffffff;}
#WrapWebzineList ul li a {color:#000000;}
#WrapWebzineList ul li:nth-child(3n+1) {margin-left:12px;}
#WrapWebzineList ul li:nth-child(2n+1) {margin-left:0px;}
#WrapWebzineList ul li div.photo {height:170px; background-image:url("/images/contents/DA0200_1.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}
#WrapWebzineList ul li div.infomation {padding:14px 5px 0 5px;}
#WrapWebzineList ul li div span.badge {position:absolute; width:61px; height:52px; background-color:#5674b9; font-weight: 500; font-size:0.69rem; color:#ffffff; text-align:center; padding:12px 18px; line-height:14.5px; word-break:break-all;}
#WrapWebzineList ul li div span.name {font-weight: 700; font-size:1.06rem; }
#WrapWebzineList ul li div span.date {display:inline-block; font-weight: 300; font-size:0.67rem; color:#707070; margin-top:13px;}
#WrapWebzineList ul li div span.view {display:inline-block; font-weight: 300; font-size:0.67rem; color:#707070; margin-top:13px; padding-left:40px; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:-390px -417px;}
#WrapWebzineList ul li div p {display:block; font-weight: 300; line-height:24px; letter-spacing:-1px; margin-top:3px;}
#WrapWebzineList .ButtonArea {clear:both; padding:0 0 30px 0; text-align:center;}
#WrapWebzineList .ButtonArea span {display:inline-block; height:50px; line-height:46px; padding:0 63px 0 33px; border:1px solid #000000; border-radius:25px; font-size:1.17rem; color:#676767; background-color:#ffffff; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:top -702px right -240px; cursor:pointer;}

#WrapWebzineContent dl dd.content {padding:15px 10px;}

#WrapWebzineBottom {height:60px;}
#WrapWebzineContent {padding:0px 0;}
#WrapWebzineContent .ButtonArea {clear:both; text-align:center; padding:30px 0;}

#Groupmember dl dt {float:left; width:180px; padding:50px 0; color:#8c8c8c; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700; letter-spacing:-2px; }
#Groupmember dl dt span {display:block; font-size:1.5rem; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; color:#000000; word-break:keep-all;}
#Groupmember dl dt.notice span {display:inline-block; font-weight: 500; font-size:1.5rem; line-height:160px; color:#ed1c24; width:230px; height:100px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-150px -1100px;}
#Groupmember dl dd {float:left; border-top:0px solid #e6e6e6; width:calc(100% - 180px); padding:50px 0 50px 90px; font-weight: 300; font-size:0.89rem;  height:auto; }
#Groupmember dl dd.title {font-size:1rem; font-weight: 500; letter-spacing:-2px; color:#444444; line-height:32px; }
#Groupmember dl dd span {font-size:1.22rem; display:block; margin-top:40px;}
#Groupmember dl dd.title  span {font-size:1.5rem; margin-top:0px;}
#Groupmember dl dd b {color:#ed1c24; font-weight: 500;}
#Groupmember dl dd table {width:100%; border-top:1px solid #000000;}
#Groupmember dl dd table thead {}
#Groupmember dl dd table thead th {padding:15px 0; background-color:#f9f9f9; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#Groupmember dl dd table thead th:first-child {border-left:1px solid #e2e2e2;}
#Groupmember dl dd table tbody {}
#Groupmember dl dd table tbody td {padding:15px 0; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:12.5%; word-break:keep-all;}
#Groupmember dl dd table tbody td:first-child {border-left:1px solid #e2e2e2;}
#Groupmember dl dd table tbody td ul.detail li {clear:both; width:100%; text-align:center;}
#Groupmember dl dd img {width:100%; }
#Groupmember dl dd ul.text > li {background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -206px; padding-left:20px; color:#444444; font-size:1rem; font-weight:500;}
#Groupmember dl dd ul.download {margin-top:25px;}
#Groupmember dl dd ul.download li {float:left; width:100%; font-weight:400px; color:#ed1c24; font-size:1.11rem; line-height:32px; letter-spacing:-2px;}
#Groupmember dl dd ul.download li a {display:inline-block; width:100%; padding:11px 65px 11px 40px; border-radius:37px; border:2px solid #ed1c24; font-weight:500px; color:#444444; font-size:1rem; line-height:25px; margin-left:0; margin-top:10px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:top -207px right -1420px;}
#Groupmember dl dd ul.step li {float:left; width:calc(33.33% + 15px); height:auto; padding-top:20px; padding-bottom:20px; text-align:center; padding-left:45px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-849px 32px; background-size:1050px;}
#Groupmember dl dd ul.step li:first-child {padding-left:0px; width:calc(33.33% - 30px); background-image:url("/images/css/member_.png");}
#Groupmember dl dd ul.step li span {display:inline-block; width:80px; height:80px; color:#ffffff; font-size:0.67rem; font-weight: 400; line-height:14px; padding-top:55px; border-radius:40px; background-color:#f73b4b; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:9px 0px; background-size:1050px;}
#Groupmember dl dd ul.step li:nth-child(2) span {background-color:#5674b9; background-position:-131px 0px; padding-top:45px;}
#Groupmember dl dd ul.step li:nth-child(3) span {background-color:#00a651; background-position:-271px 0px;}
#Groupmember dl dd ul.step span { margin-top:0px;}

#Groupmember ul.info {margin-top:10px; width:100%; height:auto; background-image:url("/images/contents/DE0300_1.jpg"); padding:20px 0; margin-bottom:0; *zoom:1;}
#Groupmember ul.info:after {content:""; clear:both; display:block;}
#Groupmember ul.info li {float:left; width:50%; height:100px; padding:0 10px; line-height:60px; font-size:1.0rem; font-weight: 300; letter-spacing:-1px; text-align:center;}
#Groupmember ul.info li span {display:block; width:60px; height:60px; background-color:#e4e4e4; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1px -210px; border-radius:30px; vertical-align:middle; margin-right:auto; margin-left:auto;  background-size:1050px;}
#Groupmember ul.info li:nth-child(2) span {background-position:-1px -280px;}
#Groupmember ul.info li b {color:#444444; font-size:0.89rem; font-weight: 500; vertical-align:top; margin-left:10px;}

#Groupmember dl dt {width:100%;  padding:20px 5px;}
#Groupmember dl dd {width:100%; height:auto; padding:20px 5px 20px 5px;}
#Groupmember dl dt span {display:inline-block; margin-left:10px;}
#Groupmember dl dt.notice {text-align:center;}
#Groupmember dl dt.notice span {display:block; font-weight: 500; font-size:1.5rem; line-height:60px; color:#ed1c24; width:100%; height:60px; }

#Groupmember .ButtonArea{padding:24px 16px;}
#Groupmember .kakao a{padding:16px 10px;}

/* DD0600 */
.LostNote{padding:24px 40px;text-align:center;}
.LostNote a{margin-top:8px;position:static;}



/* DE0200 */
.groupMember{
  margin:16px 0 40px;
}
.groupHeader{
  padding-bottom:0;
}
.groupHeader h4{
  position:static;
}
.groupHeader ul{
  display: block;
  height:auto;
  margin-top:24px;
  margin-left:0;
}
.groupHeader li:nth-child(3){
  margin-top:24px;
}
.groupHeader .kakao b{
  display:inline;
}
.groupHeader .btnActive{
  display: block;
  width: auto;
  max-width:360px;
  margin:40px 0 0;
  height: 64px;
  line-height: 64px;
  position:static;
}
.groupNavArea{
  height:184px;
}
.groupNav{
  margin-top:40px;
  padding:24px 0 12px;
}
.groupNav ul{
  height:120px;
}
.groupNav ul:after{
  display: none;
  top:29px;
}
.groupNav li{
  width:55px;
}
.groupNav li:nth-child(2){
  left:calc(25% - 13.75px);
}
.groupNav li:nth-child(3){
  left:calc(50% - 27.5px);
}
.groupNav li:nth-child(4){
  left:calc(75% - 41.25px);
}
.groupNav li:nth-child(5){
  left:calc(100% - 55px);
}
.groupNav li a{
  font-size:0.89rem;
  width:auto;
  padding-top:64px;
  word-break: keep-all;
}
.groupNav li a:after{
  width:55px;
  height:55px;
  margin-bottom:8px;
}
.groupNav li a:before{
  width:32px;
  height:32px;
  background-size:64px;
  top:12px;
}
.groupNav li a.on:before{
  background-position:-32px 0;
}
.groupNav li:nth-child(2) a:before{
  background-position:0 -37px;
}
.groupNav li:nth-child(2) a.on:before{
  background-position:-32px -37px;
}
.groupNav li:nth-child(3) a:before{
  background-position:0 -74px;
}
.groupNav li:nth-child(3) a.on:before{
  background-position:-32px -74px;
}
.groupNav li:nth-child(4) a:before{
  background-position:0 -111px;
}
.groupNav li:nth-child(4) a.on:before{
  background-position:-32px -111px;
}
.groupNav li:nth-child(5) a:before{
  background-position:0 -148px;
}
.groupNav li:nth-child(5) a.on:before{
  background-position:-32px -148px;
}
/* .groupNav li:nth-child(1) a:hover:before,
.groupNav.on li:nth-child(1) a:hover:before{
  background-position:0 0;
}
.groupNav li:nth-child(2) a:hover:before,
.groupNav.on li:nth-child(2) a:hover:before{
  background-position:0 -37px;
}
.groupNav li:nth-child(3) a:hover:before,
.groupNav.on li:nth-child(3) a:hover:before{
  background-position:0 -74px;
}
.groupNav li:nth-child(4) a:hover:before,
.groupNav.on li:nth-child(4) a:hover:before{
  background-position:0 -111px;
}
.groupNav li:nth-child(5) a:hover:before,
.groupNav.on li:nth-child(5) a:hover:before{
  background-position:0 -148px;
} */
.groupNav li:first-child{
  margin-left:0;
}
.groupNav.on{
  top:120px;
}
.groupNav.on li{
  width:calc(20% - 8px);
  margin:0 4px;
}
.groupNav.on li a,
.groupNav.on li a.on{
  color:#000;
}
.groupNav.on li a:before{
  display:block;
  margin: 0 auto 16px;
}
.groupNav.on li a:after{
  width:48px;
  height:48px;
}
.groupNav.on li br{
  display:block;
}
.groupSec{
  margin-top:56px;
}
.groupTit{
  margin-bottom:16px;
}
.groupTit .link{
  display:block;
  margin-top:16px;
  margin-left:0;
}
.groupTit .link a{
  display: block;
  margin-left:-36px;
  padding:16px 12px;
  border-radius: 8px;
}
.groupSchoolDesc dl{
  padding:32px 0 32px 88px;
}
.groupSchoolDesc dl dt{
  font-size:1.49rem;
  top:32px;
}
.groupSchoolDesc li{
  padding-left:12px;
}
.groupSchoolDesc .sort dd{
  width: auto;
  float:none;
}
.groupSchoolDesc .sort dd:nth-child(3){
  margin-top:16px;
  margin-left:0;
}

.groupTicket li{
  width:auto;
  margin-left:0;
  margin-top:16px;
  float:none;
}
.groupTicket li:first-child{
  margin-top:0;
}
.groupTicket li:before{
  width:58px;
  height:58px;
  background-size:58px;
}
.groupTicket li:nth-child(2):before{
  background-position: 0 -63px;
}
.groupTicket li:nth-child(3):before{
  background-position: 0 -126px;
}

.tblType1 th, .tblType1 td{
  padding:0 8px;
}
.tblType1 td{
  height:64px;
}
.groupEatListWrap{
  margin-top:24px;
}
.groupEatList > li{
  width:auto;
  margin-left:0;
  margin-top:40px;
  float:none;
}
.groupEatList > li:first-child{
  margin-top:0;
}
.groupEatList > li ul{
  margin-top:8px;
}
.groupDocumentList li{
  font-size:0.89rem;
  width:calc(50% - 8px);
  margin:4px;
  text-align:left;
}
.groupDocumentList li a{
  padding:16px 32px 16px 12px;
}
.groupDocumentList li a:before{
  width:16px;
  height:16px;
  background-size:16px;
  right:8px;
}
.groupTel{
  margin-top:40px;
  padding:0 15px;
}
#WrapContents .groupTel .WrapWidth{
  padding:24px 16px;
  border:none;
  border-top:1px solid #e5e5e5;
  border-radius: 0;
}
.groupTel .WrapWidth span{
  display: block;
  font-size:1.29rem;
}
.groupTel .WrapWidth div{
  margin-top:8px;
  text-align:left;
  position:static;
  transform: none;
}



/* DE0300 */
#Annualmembership dl dt {width:100%; float:left; padding:20px 5px; color:#8c8c8c; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700;  letter-spacing:-2px; }
#Annualmembership dl dt br{display:none;}
#Annualmembership dl dt span {display:inline-block; margin-left:10px;}
#Annualmembership dl dd {width:100%; float:left; border-top:0px solid #e6e6e6; padding:20px 5px 20px 5px; font-weight: 300; font-size:0.89rem;   height:auto;}
#Annualmembership dl dd.title {font-size:1rem; font-weight: 400; letter-spacing:-1px; color:#444444; line-height:32px; }
#Annualmembership dl dd.title b {color:#ed1c24; display:block; font-weight: 400;}
#Annualmembership dl dt.notice {text-align:center;}
#Annualmembership dl dt.notice span {display:block; font-weight: 500; font-size:1.5rem; line-height:60px; color:#ed1c24; width:100%; height:60px; background-image:url("/images/css/sign.png"); background-repeat:no-repeat; background-position:-130px -1098px; margin:0 auto; padding-left:40px;}
#Annualmembership dl dd table {width:100%; border-top:1px solid #000000;}
#Annualmembership dl dd table thead {}
#Annualmembership dl dd table thead th {padding:15px 0; background-color:#f9f9f9; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
#Annualmembership dl dd table thead th:first-child {border-left:1px solid #e2e2e2;}
#Annualmembership dl dd table tbody {}
#Annualmembership dl dd table tbody td {padding:15px 0; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; width:12.5%}
#Annualmembership dl dd table tbody td:first-child {border-left:1px solid #e2e2e2;}
#Annualmembership dl dd img {width:100%; }
#Annualmembership dl dd ul.text li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem; font-weight:400;}
#Annualmembership dl dd ul.step li {float:left; width:calc(33.33% + 15px); height:240px; padding-top:20px; padding-bottom:20px; text-align:center; padding-left:45px; background-image:url("/images/css/member.png"); background-repeat:no-repeat;  background-position:-849px 32px; background-size:1050px;}
#Annualmembership dl dd ul.step li:first-child {padding-left:0px; width:calc(33.33% - 30px); background-image:url("/images/css/member_.png"); letter-spacing:-1px;}
#Annualmembership dl dd ul.step li span {display:inline-block; width:80px; height:90px; color:#ffffff; font-size:0.89rem; font-weight: 400; line-height:14px; padding:55px 10px 5px; border-radius:10px; background-color:#f73b4b; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-411px 0px; background-size:1050px;word-break:keep-all;}
#Annualmembership dl dd ul.step li:nth-child(2) span {background-color:#5674b9; background-position:-551px 0px;}
#Annualmembership dl dd ul.step li:nth-child(3) span {background-color:#00a651; background-position:-691px 0px;}
#Annualmembership dl dd ul.img li {width:calc(33% - 2px); margin-left:3px;}
#Annualmembership dl dd ul.img li:nth-child(3n+1) {margin-left:0px;}
#Annualmembership dl dd ul.img li:nth-child(5n+1){margin-left:3px;}
#Annualmembership dl dd ul.img li:first-child{margin-left:0;}

#Annualmembership ul.info {margin-top:10px; width:100%; height:auto; background-image:url("/images/contents/DE0300_1.jpg"); padding:20px 0; margin-bottom:0; *zoom:1;}
#Annualmembership ul.info:after {content:""; clear:both; display:block;}
#Annualmembership ul.info li {float:left; width:50%; height:100px; padding:0 10px; line-height:60px; font-size:1.0rem; font-weight: 300; letter-spacing:-1px; text-align:center;}
#Annualmembership ul.info li span {display:block; width:60px; height:60px; background-color:#e4e4e4; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1px -210px; border-radius:30px; vertical-align:middle;  margin-right:auto; margin-left:auto;  background-size:1050px;}
#Annualmembership ul.info li:nth-child(2) span {background-position:-1px -280px;}
#Annualmembership ul.info li b {color:#444444; font-size:0.89rem; font-weight: 500; vertical-align:top; margin-left:10px;}

#Annualmembership .ButtonArea a {width:100%; height:60px; padding:0 40px; line-height:56px; font-size:1.44rem; text-align:center; margin-top:2px;}

#Annualmembership .JoinMethod li{width:100%; text-align:left; padding-top:0; padding-left:40px; margin-top:20px;}
#Annualmembership .JoinMethod li:first-child{margin-top:0;}
#Annualmembership .JoinMethod li:before{width:23px; height:23px; top:50%; left:0; margin-top:-10px; margin-left:0; background-size:176px;}
#Annualmembership .JoinMethod li:nth-child(2):before{background-position:-28px 0;}
#Annualmembership .JoinMethod li:nth-child(3):before{background-position:-56px 0;}
#Annualmembership .JoinMethod li:nth-child(4):before{background-position:-84px 0;}
#Annualmembership .JoinMethod .offline li:nth-child(1):before{background-position:-112px 0;}
#Annualmembership .JoinMethod .offline li:nth-child(2):before{background-position:-140px 0;}
#Annualmembership .JoinMethod li:after{width:8px; height:13px; top:-15px; left:8px; margin-top:0; background-position:-168px 0; transform:rotate(90deg); background-size:176px;}
#Annualmembership .MemberBenefit > li{width:100%; min-height:142px; margin-left:0;}
#Annualmembership .MemberBenefit .Thumb{display:block;width:auto;}
#Annualmembership .MemberBenefit .ConBox{display:block;width:auto;}
#Annualmembership .MemberBenefit b{font-size:1.19rem;}
#Annualmembership .MemberBenefit p{font-size:1rem;}
#Annualmembership .MemberBenefit .note{margin-top:10px;font-size:0.89rem;}

/* DF0100 */
#TourMap {padding-bottom:50px;}
#TourMap ul {padding-bottom:10px; display: table; margin:0 auto; *zoom:1;}
#TourMap ul:after {content:""; clear:both; display:block;}
#TourMap ul li {float:left; margin-left:3px;}
#TourMap ul li:first-child {margin-left:0;}
#TourMap ul li a {display:inline-block; width:100px; height:45px; color:#464646; background-color:#ffffff; font-size:1.00rem; text-align:center; border:1px solid #dddddd; line-height:41px;}
#TourMap ul li.on a {display:inline-block; color:#ffffff; background-color:#ed1c24;}
#TourMap #Map {width:100%; height:270px;}

/* DF0120 */
#TourMapView {border-top:1px solid #000000; padding-top:10px;}

#TourMapPhoto {clear:both; width:100%; height:auto;}
#TourMapPhoto div {width:100%; height:250px;}

#TourMapInfo {clear:both; width:100%; min-height:0;}
#TourMapInfo h4 {font-size:1.89rem; margin-top:30px;}
#TourMapInfo ul li:first-child {min-height:0;}

#TourMapView .ButtonArea {text-align:center;}

#TourMapLoad {margin-bottom:25px;}
#TourMapLoad h4 {font-size:1.5rem; padding:10px 0;}
#map {height:300px !important;}

/* DG0100 */
#SelectSite { *zoom:1;}
#SelectSite:after {content:""; clear:both; display:block;}
#SelectSite ul {}
#SelectSite ul li {float:left; width:50%; height:39px; background-color:#ed1c24; background-image:url("/images/member/site_bg1_.jpg"); background-repeat:no-repeat; background-position:right top; border-bottom:1px solid #e1e1e1;}
#SelectSite ul li:last-child {background-color:#ffffff; background-image:url("/images/member/site_bg2_.jpg"); background-repeat:no-repeat; background-position:left top; }
#SelectSite ul li a {display:inline-block;  height:40px; line-height:40px; text-align:center; width:100%; overflow:hidden; text-indent:0; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:30px 3px;  color:#000000;font-size:0.89rem;}
#SelectSite ul li:first-child a {color:#ffffff;}

/*
#TopSite {float:left; width:50%;}
#TopSite ul {}
#TopSite ul li {float:left; height:39px; border-right:1px solid #e1e1e1;}
#TopSite ul li:first-child {border-left:1px solid #e1e1e1;}
#TopSite ul li a {display:inline-block; height:40px; line-height:40px; width:210px; text-align:center; color:#000000; font-size:0.89rem;}
#TopSite ul li a.on {background-color:#ed1c24; color:#ffffff; background-image:url('/images/css/diagram.png'); background-repeat:no-repeat; background-position:30px 3px;}
#TopSite {width:100%;}
#TopSite ul {width:100%}
#TopSite ul li {width:50%}
#TopSite ul li:first-child {border-left:0px solid #ffffff;}
#TopSite ul li a {width:100%; letter-spacing:-1px;}
#TopGlobal {display:none;}
#TopSite ul li a.on {background-position:10px 3px;}
*/

/* DH0100 */
#CompanyIntroTitle {padding:20px 0 20px 0; text-align:center;}
#CompanyIntroTitle h4 {font-size:1.89rem; font-weight: 100; width:100%;}
#CompanyIntroTitle h4 span {font-size:1.06rem; font-weight: 400; color:#ffffff; background-color:#ed1c24; display:inline-block; height:30px; line-height:26px; padding:0 30px; border-radius:15px; margin-bottom:10px;}
#CompanyIntroTitle h4 b {font-weight: 300; display:block; margin-top:-10px;}

#CompanyIntroVisual {height:380px; background-image:url("/images/contents/DH0100_2.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#CompanyIntroText {background-color:#f4f4f4; padding-bottom:30px;}
#CompanyIntroText h5 {padding-top:55px; font-weight:400; font-size:1.5rem; line-height:40px; width:100%; max-width:600px; margin:0 auto; word-break: keep-all; text-align:center; padding-bottom:10px;}
#CompanyIntroText p {line-height:36px; font-weight:300; font-size:1rem; text-align:center; max-width:900px; margin:0 auto; word-break: keep-all; letter-spacing:-1px}
#CompanyIntroText ul.diagram {width:100%; max-width:900px; margin:30px auto; padding-bottom:0px; *zoom:1;  background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat; background-position:81% -1185px; background-size:50px}
#CompanyIntroText ul.diagram:after {content:""; clear:both; display:block;}
#CompanyIntroText ul.diagram li {width:72px; height:72px; float:left; line-height:103px; background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat; color:#ffffff; text-align:center; font-size:1.0rem; border-radius:36px; margin-left:calc(33.33% - 96px); background-size:50px}
#CompanyIntroText ul.diagram li:first-child {background-position:50% 0px; background-color:#f73b4b; margin-left:0;}
#CompanyIntroText ul.diagram li:nth-child(2) {background-position:50% -150px; background-color:#5674b9;}
#CompanyIntroText ul.diagram li:nth-child(3) {background-position:50% -300px; background-color:#00a651;}
#CompanyIntroText ul.diagram li:nth-child(4) {background-position:50% -450px; background-color:#ed1c24;}
#CompanyIntroText p span { background-color:#d5d5d5; margin-top:40px; display:inline-block; height:24px; line-height:18px; overflow:hidden;}
#CompanyIntroText p span b {font-weight: 500; }
#CompanyIntroText hr {border:0px solid #c2c2c2; height:1px; background-color:#c2c2c2; margin:30px 0;}
#CompanyIntroText h6 {font-size:1rem; color:#ed1c24; width:100%; text-align:center; padding-bottom:40px;}
#CompanyIntroText h6 b {font-size:2.5rem; color:#000000; font-weight:400; display:block;}
#CompanyIntroText p b {background-color:#d5d5d5;}
#CompanyIntroText ul.info { margin-top:50px; }
#CompanyIntroText ul.info li {float:left; width:50%; height:175px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:center; padding-top:70px; background-image:url("/images/contents/DH0100_1.png"); background-repeat:no-repeat; background-size:50px}
#CompanyIntroText ul.info li b {font-weight:400; font-size:1.28rem;}
#CompanyIntroText ul.info li p {line-height:25px; margin-top:22px;}
#CompanyIntroText ul.info li:first-child {border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; background-position:50% -580px;}
#CompanyIntroText ul.info li:first-child p {margin-top:10px;}
#CompanyIntroText ul.info li:nth-child(3) p {margin-top:10px;}
#CompanyIntroText ul.info li:nth-child(2) {background-position:50% -730px; border-top:1px solid #cdcdcd;}
#CompanyIntroText ul.info li:nth-child(3) {background-position:50% -880px; border-left:1px solid #cdcdcd;}
#CompanyIntroText ul.info li:nth-child(4) {background-position:50% -1030px;}

/* DH0200 */
#TermsofUseTitle {}
#TermsofUseTitle h4 {height:100px; text-align:center; width:100%; line-height:96px; }
#TermsofUseTitle h4 span {font-size:1.89rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#TermsofUseText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#TermsofUseText h4 {font-size:1.28rem; margin-top:30px; padding-bottom:10px;}
#TermsofUseText ul {}
#TermsofUseText ul li {font-size:0.89rem; }

/* DH0300 */
#PrivacyStatementTitle {}
#PrivacyStatementTitle h4 {height:100px; text-align:center; width:100%; line-height:96px; }
#PrivacyStatementTitle h4 span {font-size:1.89rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#PrivacyStatementText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#PrivacyStatementText h4 {font-size:1.28rem; margin-top:30px; padding-bottom:10px;}
#PrivacyStatementText ul {}
#PrivacyStatementText ul li {font-size:0.89rem; }

/* DH0500 */
#RecruitWrap table.intro {border-top:1px solid #d3d3d3;}
#RecruitWrap table.intro td {line-height:23px; padding:25px 5%; border-top:0px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;position: relative;}
#RecruitWrap table.intro td {width:100%; display:block; text-align:left; *zoom:1;}
#RecruitWrap table.intro td:after {content:""; clear:both; display:block;}
#RecruitWrap table.intro td span {position: absolute; left: 20px;}
#RecruitWrap table.intro td p {margin-left:100px; }
#RecruitWrap table.intro td b {line-height:30px;}

/* DH0600 */
#UnauthorizedTitle {}
#UnauthorizedTitle h4 {height:100px; text-align:center; width:100%; line-height:96px; }
#UnauthorizedTitle h4 span {font-size:1.89rem; font-weight:300; height:60px; border-bottom:4px solid #ed1c24;}

#UnauthorizedText {background-color:#f4f4f4;  font-weight: 300; padding:1px 0 50px 0;}
#UnauthorizedText h4 {font-size:1.28rem; margin-top:30px; padding-bottom:10px;}
#UnauthorizedText ul {}
#UnauthorizedText ul li {font-size:0.89rem; }

/* WB0700 */
#LifeGuard {padding-bottom:30px;}
#LifeGuard ul {}
#LifeGuard ul li {clear:both; width:100%; margin-left:0; border:1px solid #dedede; padding:20px; margin-bottom:20px;}
#LifeGuard ul li:first-child {margin-left:0px;}
#LifeGuard ul li:nth-child(3n+1) {margin-left:0px;}
#LifeGuard ul li .photo {width:100%; height:170px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-color:#b5b5b5;}
#LifeGuard ul li.blank {font-size:1.78rem;}
#LifeGuard ul li .infomation {float:left; width:110px; padding-top:27px;}
#LifeGuard ul li .name {display:block; color:#252525; font-weight: 500; font-size:24px;}
#LifeGuard ul li .position {display:block; color:#555555; font-weight: 300; font-size:16px;}
#LifeGuard ul li hr {width:26px; height:4px; border:none; background-color:#004a97; clear:both; float:left;}
#LifeGuard ul li .career {float:left; width:calc(100% - 110px); color:#555555; font-weight: 300; font-size:16px; line-height:24px; padding-top:30px;}

#MemberWrap {padding-bottom:10px;}
#MemberWrap p {margin-top:20px;}

#MemberJoinStep {height:50px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f4f5f8;}
#MemberJoinStep .WrapWidth {height:50px; background-image:url("/images/member/step_bg_mobile.png"); background-repeat:no-repeat; background-size:225px; padding:0;}
#MemberJoinStep ul {}
#MemberJoinStep ul li {float:left; width:33.33%; height:50px; line-height:14px; color:#010101; font-size:1.06rem; overflow:hidden; padding-left:5px}
#MemberJoinStep ul li b {display:block; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700; color:#ed1c24; padding:7px 0;}
#MemberJoinStep ul li:first-child { border-left:0px solid #d9d9d9;}
#MemberJoinStep ul li:nth-child(2) { width:33.34%;}
#MemberJoinStep ul li:nth-child(3) { border-right:0px solid #d9d9d9;}
#MemberJoinStep.step1 .WrapWidth {background-position:-30px 50%;}
#MemberJoinStep.step1 ul li:first-child {  color:#ffffff; background-color:#ed1c24;}
#MemberJoinStep.step1 ul li:first-child b {color:#ffffff;}
#MemberJoinStep.step2 .WrapWidth {background-position:50% 50%;}
#MemberJoinStep.step2 ul li:nth-child(2) {  color:#ffffff; background-color:#ed1c24;}
#MemberJoinStep.step2 ul li:nth-child(2) b {color:#ffffff;}
#MemberJoinStep.step3 .WrapWidth {background-position:top 50% right -30px;}
#MemberJoinStep.step3 ul li:nth-child(3) {  color:#ffffff; background-color:#ed1c24;}
#MemberJoinStep.step3 ul li:nth-child(3) b {color:#ffffff;}

#LoginWrap h4 {font-weight: 300; font-size:1.89rem; text-align:center; padding:30px 0;}
#LoginWrap h4 p {font-weight: 400; font-size:0.89rem; color:#474747; letter-spacing:-1px; max-width:270px; margin:0 auto; word-break:keep-all;}

#LoginContent {background-color:#ffffff; padding:20px 10px 20px 10px; *zoom:1;}
#LoginContent:after {content:""; clear:both; display:block;}
#LoginContent .left {clear:both; height:auto; width:100%;}
#LoginContent .left ul.input {position:relative;}
#LoginContent .left ul.input li:nth-child(2) {margin-top:10px;}
#LoginContent .left ul.input li:nth-child(3) {position:absolute; top:0; left:calc(100% - 107px);}
#LoginContent .left input[type='text'] {width:calc(100% - 117px); height:48px; line-height:44px; border:1px solid #cccccc; padding:0 20px; font-size:0.94rem; color:#8b8b8b;}
#LoginContent .left input[type='submit'] {width:107px; height:107px; line-height:103px; background-color:#ed1c24; color:#ffffff; font-size:1.11rem;}
#LoginContent .left input[type='checkbox'] {display:none;}
#LoginContent .left label {cursor:pointer;}
#LoginContent .left input[type='checkbox'] + label::before {content: ' '; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-29px -836px; }
#LoginContent .left input[type='checkbox']:checked + label::before {background-position:-29px -936px;}
#LoginContent .left ul.link {margin-top:10px;}
#LoginContent .left ul.link li {float:left; height:37px; line-height:33px; margin-left:10px;}
#LoginContent .left ul.link li:first-child {margin-left:0px; padding-right:31px;}
#LoginContent .left ul.link li a {display:inline-block; width:auto; height:37px; padding-left:10px; padding-right:10px; line-height:31px; border:1px solid #cccccc; background-color:#f3f3f5; color:#252525; font-size:0.83rem; font-weight: 300; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:68px -1035px; }
#LoginContent .right {clear:both; height:164px; border-left:0px solid #d9d9d9; width:100%;}
#LoginContent .right ul {clear:both;}
#LoginContent .right ul li {margin-top:10px; float:left; width:100%; }
#LoginContent .right ul li:first-child {margin-top:10px;}
#LoginContent .right ul li span{display:inline-block; width:48px; height:48px; border-right:1px solid #9daccc; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-618px -529px; vertical-align:middle;}
#LoginContent .right ul li:nth-child(2) span{background-position:-618px -629px; border-right:1px solid #96d97f;}
#LoginContent .right ul li:nth-child(3) span{background-position:-618px -729px; border-right:1px solid #fdee80;}
#LoginContent .right ul li a {display:inline-block; width:calc(100% - 48px); height:48px; background-color:#3b5999; color:#ffffff; line-height:44px; text-align:center; vertical-align:middle;}
#LoginContent .right ul li:nth-child(2) a {background-color:#2db400;}
#LoginContent .right ul li:nth-child(3) a {background-color:#fbdd01; color:#323335;}
#LoginLink {clear:both;}
#LoginLink ul {margin-top:0px;}
#LoginLink ul li {float:left; width:100%; padding-left:150px; padding-bottom:20px; font-size:0.89rem; font-weight:300; word-break:keep-all; line-height:23px; border-left:0px solid #d9d9d9; border-bottom:1px solid #d9d9d9; letter-spacing:-1px; padding-right:30px; background-image:url("/images/css/member.png"); background-repeat:no-repeat; background-position:-1180px -515px; margin-top:20px;}
#LoginLink ul li:first-child {border-left:0px solid #d9d9d9; }
#LoginLink ul li:nth-child(2) {background-position:-1180px -715px; }
#LoginLink ul li:nth-child(3) {background-position:-1180px -915px; }
#LoginLink ul li b {font-weight:500; font-size:1.06rem; display:block; margin-bottom:10px;}
#LoginLink ul li a {display:inline-block; font-size:0.83rem; padding:0 18px; height:30px; line-height:26px; border:1px solid #969696; background-color:#ffffff; border-radius:15px; color:#000000; margin-top:15px;}



#StoryArea .mainVisual{height:700px;background-image:url(/images/contents/story/draken/main_visual_mo.jpg);}
#StoryArea .mainVisual .mainTit{padding-top:300px;}
#StoryArea .mainVisual h4{font-size:3.22rem;line-height:1.05;}
#StoryArea .mainVisual span{letter-spacing:0;}
#StoryArea .storyInfo > div{background-attachment:scroll;background-size:contain;background-position:center top;height:auto;padding-top:61%;padding-bottom:9%;}
#StoryArea .storyInfo .story01{background-image:url(/images/contents/story/draken/story_mo01.jpg);margin-top:0;}
#StoryArea .storyInfo .story02{background-image:url(/images/contents/story/draken/story_mo02.jpg); background-position:top}
#StoryArea .storyInfo .story03{background-image:url(/images/contents/story/draken/story_mo03.jpg);}
#StoryArea .storyInfo .story04{background-image:url(/images/contents/story/draken/story_mo04.jpg);background-position:top}
#StoryArea .storyInfo .story05{background-image:url(/images/contents/story/draken/story_mo05.jpg);}
#StoryArea .storyInfo .story06{background-image:url(/images/contents/story/draken/story_mo06.jpg);background-position:top}
#StoryArea .storyInfo .story07{background-image:url(/images/contents/story/draken/story_mo07.jpg);}
#StoryArea .storyInfo .story08{background-image:url(/images/contents/story/draken/story_mo08.jpg);background-position:top}
#StoryArea .storyInfo .txtBox .inner{position:inherit;top:auto;left:auto;padding:0 20px;}
#StoryArea .storyInfo .txtBox.txtCenter .inner{left:auto;bottom:auto;margin-left:0;width:auto;}
#StoryArea .storyInfo .txtBox p{margin-top:24px;line-height:24px;}
#StoryArea .storyInfo .txtBox.txtLeft .inner{left:auto;}
#StoryArea .attInfo{padding:40px 0;}
#StoryArea .attInfo .tit p{margin-top:16px;}
#StoryArea .attInfo .attList{margin:32px auto 0;}
#StoryArea .attInfo .attList ul{overflow:auto;width:100%;white-space:nowrap;padding:0 30px;-webkit-overflow-scrolling:touch;}
#StoryArea .attInfo li{width:70.384%;margin-left:3.846%;}
#StoryArea .attInfo li:before{background-size:cover;}
#StoryArea .attInfo .attDes{bottom:24px;}
#StoryArea.xzone .mainVisual{height:700px;background-image:url(/images/contents/story/xzone/main_visual_mo.jpg);}
#StoryArea.xzone .storyInfo .story01{background-image:url(/images/contents/story/xzone/story_mo01.jpg);margin-top:0;}
#StoryArea.xzone .storyInfo .story02{background-image:url(/images/contents/story/xzone/story_mo02.jpg); background-position:top}
#StoryArea.xzone .storyInfo .story03{background-image:url(/images/contents/story/xzone/story_mo03.jpg);}
#StoryArea.xzone .storyInfo .story04{background-image:url(/images/contents/story/xzone/story_mo04.jpg);background-position:top}

#StoryArea.wizard .mainVisual{height:700px;background-image:url(/images/contents/story/wizard/main_visual_mo.jpg);}
#StoryArea .wizardCha h5{padding:0 15px;line-height:1.3;}
#StoryArea .wizardCha .pager{white-space:nowrap;overflow:auto;padding:0 15px;margin-top:64px;-webkit-overflow-scrolling:touch;}
#StoryArea .wizardCha .pager a{width:19.25%;float:none;display:inline-block;}
#StoryArea .wizardCha .pager:after{display:none;}
#StoryArea .wizardCha .bx-wrapper{margin:0 15px;}
#StoryArea .wizardCha .bx-viewport{overflow:inherit !important;}
#StoryArea .wizardCha .name{padding:140px 15px 24px 15px;}
#StoryArea .wizardCha .name em{font-size:1.89rem;}
#StoryArea .wizardCha .list .name:before{bottom:auto;top:0;left:auto;right:-15px;}

#StoryArea .wizardCha .att{padding:15px 15px 60px;min-height:inherit}
#StoryArea .wizardCha .list .att:before{width:100%;height:auto;padding-bottom:46.4%;background-size:cover;position:inherit;bottom:auto;right:auto;}
#StoryArea .wizardCha .list01 .att:before{background-image:url(/images/contents/story/wizard/att_mo01.jpg);}
#StoryArea .wizardCha .list02 .att:before{background-image:url(/images/contents/story/wizard/att_mo02.jpg);}
#StoryArea .wizardCha .list03 .att:before{background-image:url(/images/contents/story/wizard/att_mo03.jpg);}
#StoryArea .wizardCha .list04 .att:before{background-image:url(/images/contents/story/wizard/att_mo04.jpg);}
#StoryArea .wizardCha .list05 .att:before{background-image:url(/images/contents/story/wizard/att_mo05.jpg);}
#StoryArea .wizardCha .list06 .att:before{background-image:url(/images/contents/story/wizard/att_mo06.jpg);}
#StoryArea .wizardCha .list07 .att:before{background-image:url(/images/contents/story/wizard/att_mo07.jpg);}
#StoryArea .wizardCha .list08 .att:before{background-image:url(/images/contents/story/wizard/att_mo08.jpg);}

#StoryArea .wizardCha .att span{margin-top:16px;}
#StoryArea .wizardCha .att em{font-size:1.89rem;}
#StoryArea .wizardCha .att p{margin-top:16px;}
#StoryArea .wizardCha .bx-controls{left:15px;bottom:15px;}
#StoryArea .wizardCha .bx-controls a{width:8px;height:13px;background-size:18px 13px;}
#StoryArea .wizardCha .bx-next:before{left:22px;height:13px;}
#StoryArea .wizardCha .bx-next{background-position:-10px 0;margin-left:29px;}




.edit_img {width:100% !important;}
.ul2 li {width:50%;}
.edit_img img {max-width:100%;}


div.mw_table {overflow-x:scroll;}
div.mw_table table {min-width:1000px;}



.recruitList ul{
  margin:0;
}
.recruitList li{
  width:100%;
  margin:12px 0 0;
}
.recruitList li a{
  padding:24px 24px;
}
.recruitList li a .tit{
  font-size:1.28rem;
}
.recruitList li .date{
  margin-top:16px;
}
.recruitCon{
  padding:32px 0;
}
.recruitRead .recruitBtn a:first-child{
  display:none;
}
.recruitRead .recruitBtn a.btnRed{
  width:100%;
}

.recruitWriteName{
  padding-left:96px;
}
.recruitWrite{
  margin-top:24px;
}
.recruitPic .imgPre{
  width:120px;
}
.recruitPic > div{
  display: block;
  margin-left: 0;
  margin-top:16px;
}
.input_wrap{
  display:block;
  margin-top:0;
}
.input_wrap.half{
  margin-top:0;
}
.input_wrap.half > div{
  width:auto;
  margin:24px 12px;
}
.radio_wrap > span{
  display: block;
  margin:24px 0;
}

.input_date span{
  padding-top:22px;
}

.recruitCard li{
  width:100%;
  padding:24px;
}
.recruitWriteSec{
  margin-top:56px
}
.recruitWrite .recruitBtn a:first-child{
  display:none;
}
.recruitWrite .recruitBtn a.btnRed{
  width:100%;
  padding:12px;
}

.recruitResult li{
  padding-left:0;
}
.recruitResult .date{
  width:auto;
  text-align:left;
  position:static;
  transform:none;
}
.recruitResult .date span{
  display:inline;
  font-size:inherit;
  margin-right:4px;
}
.recruitResult .tit{
  margin-top:4px;
}
.recruitResult .duty{
  margin-top:16px;
}

.recruitJob li{
  width:100%;
  margin:8px 12px;
}
.recruitType .inner{
  margin:40px 15px;
}
.recruitType{
  padding-top:24px;
}
.recruitTypeDesc{
  display:block;
}
.recruitTypeDesc > li{
  min-width:auto;
  margin:16px 0;
  padding:40px 24px;
}
.recruitTypeDesc > li dt{
  width:80px;
}

.recruitJob .WrapWidth{
  padding:40px 15px !important;
}
.recruitWrite .recruitBtn.fix{
  padding:0;
}
.recruitWrite .recruitBtn .btnRed{
  width:100%;
}
.recruitWrite .recruitBtn.fix .btnRed{
  border-radius: 0;
}


}


@media only screen and (max-width: 480px){
.conTab ul{
  flex-wrap: wrap;
}
.conTab li{
  width:calc(33.333% - 8px);
  margin:8px 0 0 8px;
  text-align:center;
}
.conTab li:nth-child(4){
  margin-left:0;
}
}











@media print {
  @page {
    size:21cm 29.7cm; /*A4*/
    margin:0;
  }
  html, body { border:0; margin:0; padding:0; }
  #WrapPrint {width:100%;}
.edit_img {width:100% !important;}
.ul2 li {width:50%;}
.edit_img img {max-width:100%;}
}