@CHARSET "UTF-8"; /* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess 100 : NotoSansKR-Thin 300 : NotoSansKR-Light 400 : NotoSansKR-Regular 500 : NotoSansKR-Medium 700 : NotoSansKR-Bold 900 : NotoSansKR-Black */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(/font/NotoSans-Thin.eot); src: local(※), url(/font/NotoSans-Thin.woff2) format('woff2'), url(/font/NotoSans-Thin.woff) format('woff'), url(/font/NotoSans-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(/font/NotoSans-Light.eot); src: local(※), url(/font/NotoSans-Light.woff2) format('woff2'), url(/font/NotoSans-Light.woff) format('woff'), url(/font/NotoSans-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src:url(/font/NotoSans-Regular.eot); src: local(※), url(/font/NotoSans-Regular.woff2) format('woff2'), url(/font/NotoSans-Regular.woff) format('woff'), url(/font/NotoSans-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src:url(/font/NotoSans-Medium.eot); src: local(※), url(/font/NotoSans-Medium.woff2) format('woff2'), url(/font/NotoSans-Medium.woff) format('woff'), url(/font/NotoSans-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src:url(/font/NotoSans-Bold.eot); src: local(※), url(/font/NotoSans-Bold.woff2) format('woff2'), url(/font/NotoSans-Bold.woff) format('woff'), url(/font/NotoSans-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src:url(/font/NotoSans-Black.eot); src: local(※), url(/font/NotoSans-Black.woff2) format('woff2'), url(/font/NotoSans-Black.woff) format('woff'), url(/font/NotoSans-Black.otf) format('opentype'); } /* common */ * {box-sizing:border-box;} td, div, p, li, dt, dd, input, textarea, h1, h2, h3, h4, h5 { font-family:"Noto Sans KR"; font-size:13px; line-height:1.6em; font-weight:400; color:#555; word-break:break-all;} textarea, .scr { border:none;background:none; scrollbar-face-color:#cdcdcd; /* bar 의 표면색 */ scrollbar-highlight-color:#cdcdcd; /* 밝게 빛나는 좌상단 모서리 */ scrollbar-3dlight-color:#cdcdcd; /* 좌상단 모서리 아래부분 */ scrollbar-shadow-color:#cdcdcd; /* 그림자 지는 우하단 */ scrollbar-darkshadow-color:#cdcdcd; /* 그림자 우하단 */ scrollbar-track-color:#f0f0f0; /* 스크롤 트랙의 색 */ scrollbar-arrow-color:#4a4947; /* 삼각형부분 */ overflow-x:hidden;overflow-y:auto; box-sizing:border-box; } .scr2 {border:none;background:none; scrollbar-face-color:#cdcdcd; /* bar 의 표면색 */ scrollbar-highlight-color:#cdcdcd; /* 밝게 빛나는 좌상단 모서리 */ scrollbar-3dlight-color:#cdcdcd; /* 좌상단 모서리 아래부분 */ scrollbar-shadow-color:#cdcdcd; /* 그림자 지는 우하단 */ scrollbar-darkshadow-color:#cdcdcd; /* 그림자 우하단 */ scrollbar-track-color:#f0f0f0; /* 스크롤 트랙의 색 */ scrollbar-arrow-color:#4a4947; /* 삼각형부분 */ overflow-x:hidden;overflow-y:auto; } .scr2::-webkit-scrollbar {width:4px; border: 1px solid #fff; } .scr2::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height:0px } .scr2::-webkit-scrollbar-track {background:#fff; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)} .scr2::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#c1c1c1; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)} input[type=text], input[type=file], input[type=password], input[type=date], input[type=number] {height:34px; width:100%; padding:0 5px; margin:0; border:1px solid #dedede; background:#fff; line-height:32px; vertical-align:middle; border-radius:0px; box-shadow:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; font-size:14px;} input[type=text].readonlyA, input[type=file].readonlyA, input[type=password].readonlyA, input[type=date].readonlyA, input[type=number].readonlyA {border-color:transparent;} input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#818181; } input::-moz-placeholder { /* Firefox 19+ */ color:#818181; } input:-ms-input-placeholder { /* IE 10+ */ color:#818181; } input:-moz-placeholder { /* Firefox 18- */ color:#818181; } input[type=text]:readonly {border:none; padding:0;} input[type=text]:focus, input[type=file]:focus, input[type=password]:focus {border:1px solid #f66c18 !important;} select {display:block; font-family:sans-serif; font-size:12px; font-weight:normal; height:30px; line-height:28px; padding:0 0 0 5px; margin:0; border:1px solid #b8b8b8; background:#fff url(/images/blt/blt.png) no-repeat 94% 50%; background-size:10px auto; text-align:left; border-radius:0px; box-shadow:none; vertical-align:middle; -webkit-appearance:none; appearance:none; cursor:pointer; font-size:12px;} select option {color:#555;} select option:first-child{color:#555;} option::-moz-selection { background: yellow; } option::selection { background: yellow; } option:selected {background: yellow; } /* input[type=checkbox], */ input[type=radio] {width:14px; height:14px; border:none; vertical-align:-2px; box-shadow: none; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/blt/rdo_off.png) no-repeat 0 0; box-sizing:border-box; line-height:14px; background-size:14px auto;} input[type=radio]:checked {background:url(/images/blt/rdo_on.png) no-repeat 0 0; background-size:14px auto;} input[type=radio]:disabled { background:red; } input[type=checkbox] {width:13px; height:13px; border:none; border-radius:0; box-shadow: none; vertical-align:middle; margin-top:-6px; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/blt/chk_off.gif) no-repeat 0 0; box-sizing:border-box; line-height:13px;} input[type=checkbox]:checked { background:url(/images/blt/chk_on.gif) no-repeat 0 0;} input[type=checkbox]:disabled { background:red; } textarea { border: 1px solid #d8d8d8; padding:5px; margin:0; line-height:20px; background:#fff; border-radius: 0px; box-shadow: none; vertical-align:top} em { font-style:normal; } a { color:#555; text-decoration:none; word-break:break-all;} a:visited { color:#555; text-decoration:none;} a:hover { color:#555; text-decoration:none;} a:focus { color:#555; text-decoration:none;} a:active { color:#555; text-decoration:none;} .shadowBox { -moz-box-shadow: 0px 3px 5px #f5f5f5; /* Firefox */ -webkit-box-shadow: 0px 3px 5px #f5f5f5; /* Safari and Chrome */ box-shadow: 0px 3px 5px #f5f5f5; } iframe {vertical-align:top;} img {max-width:100%;} .imgVm {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;} .titTypeA {display:block; padding-bottom:10px; font-size:18px; color:#2a2d35; line-height:22px; font-weight:400; text-align:center;} .titTypeA .subTit {display:block;font-size:15px; color:#555; line-height:22px; font-weight:300; text-align:center;} .ell {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;} .ellLine1 {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .ellLine2 {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .ellLine3 {display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;} #blockArea {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:100000;} .btn {display:inline-block; text-align:center; letter-spacing:-1px;} .btn.al {padding-left:10px;} .btn.btnArrow {position:relative;} .btn.btnArrow:after {content:"〉"; position:absolute; right:5px; line-height:inherit; text-align:right;} .btn.iconDetail {position:relative;} .btn.iconDetail:after {content:""; position:absolute; right:10px; top:50%; margin-top:-5px; width:11px; height:11px; font-size:0px; line-height:0px; background:url(/images/icon/detail.png) no-repeat 0 0; background-size:11px 11px;} .btnAreaTypeA {padding:15px 15px 20px; margin-bottom:-30px; background:#ededed;} .btnAreaTypeA a {display:block; margin-bottom:10px; height:34px; line-height:32px; font-size:14px; background:#f66c18; text-align:center; color:#fff;} .btnAreaTypeA a:first-child {margin-top:0px;} .btnTypeA {background:#f66c18 !important; padding:1px; /* border:1px solid #f66c18 !important; */ color:#fff !important;} .btnTypeA.btnArrow:after {color:#fff;} .btnTypeB {background:#fff !important; padding:1px; border:1px solid #c3c3c3 !important; color:#555 !important;} .btnTypeB.btnArrow:after {color:#555;} .btnTypeC {background:#555 !important; padding:1px; /* border:1px solid #555 !important; */ color:#fff !important;} .btnTypeC.btnArrow:after {color:#fff;} .btnSizeA {height:34px; line-height:32px; font-size:13px;} .btnMoreArea {clear:both; padding-top:15px; text-align:center;} .btnMoreArea a {display:inline-block;} .btnArea {*zoom:1;} .btnArea:after {content:""; display:block; clear:both;} .btnArea .btn.fl, .btnArea .btn.fr {width:49%;} a.youtubeThum {display:block; position:relative; min-height:150px; background:rgba(0,0,0,.4)} a.youtubeThum:before {content:""; display:block; width:39px; height:39px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url(/images/icon/play.png) no-repeat 0 0; background-size:39px auto;} a.youtubeThum span.icon {position:absolute; left:8px; top:8px; display:table; width:27px; height:27px; background:#f77219; border-radius:50%;} a.youtubeThum span.icon span {display:table-cell; vertical-align:middle; width:100%; font-size:9px; font-weight:300; line-height:10px; text-align:center; color:#fff;} a.youtubeThum img {width:100%;} a.youtubeThum p {position:absolute; left:0; bottom:0; width:100%; padding:10px; border-top:1px solid rgba(255,255,255,.2); text-align:center; font-size:11px; font-weight:300; line-height:15px; color:#fff;} .infoAreaTypeA {padding-top:10px;} .infoAreaTypeA strong {display:block; padding-bottom:5px; color:#f66c18; font-weight:400; line-height:18px;} .dotListA {padding-left:5px;} .dotListA li {padding:2px 0 2px 5px; font-size:12px; color:#818181; line-height:16px; font-weight:300; background:url(/images/blt/dot.png) no-repeat 0 9px; background-size:2px 2px; letter-spacing:-1px;} .bltList {} .bltList li {position:relative; padding:2px 0 2px 7px; font-size:12px; color:#818181; line-height:16px; font-weight:300; letter-spacing:-1px; font-weight:300;} .bltList li:before {content:"-"; position:absolute; left:0; top:2px} .bltList2 li {position:relative; padding:2px 0; font-size:12px; color:#818181; line-height:16px; font-weight:300; letter-spacing:-1px; font-weight:300;} .colorTypeA, .colorTypeA:after, .colorTypeA:before {color:#f66c18 !important;} .colorTypeB, .colorTypeB:after, .colorTypeB:before {color:#1895f6 !important;} .colorTypeC, .colorTypeC:after, .colorTypeC:before {color:#f62818 !important;} .containerBorder {border-top:15px solid #ededed;} .containerBgColor {padding-bottom:30px; background-color:#ededed;} .containerCont {background:#fff; padding-bottom:40px;} .sectionDivi {border-top:15px solid #ededed;} .sectionLast {border-bottom:30px solid #ededed;} .titAreaTypeA {background:#fff;} .titAreaTypeA.line {border-bottom:1px solid #555;} .titAreaTypeA strong {display:block; font-size:20px; padding-bottom:6px; line-height:27px; text-align:center; font-weight:300; color:#2a2d35;} .titAreaTypeA.line strong {padding-bottom:10px;} .titAreaTypeA.notTxt strong {padding-bottom:10px;} .titAreaTypeA p {padding:0 0 10px; font-size:12px; color:#818181; text-align:center; letter-spacing:-1px; line-height:16px; font-weight:300;} .titAreaTypeB {padding:25px 15px 15px;} .titAreaTypeB span {display:block; font-size:12px; color:#818181; text-align:center; letter-spacing:-1px; line-height:16px; font-weight:300;} .titAreaTypeB strong {display:block; font-size:20px; line-height:27px; text-align:center; font-weight:300; color:#2a2d35;} .titAreaTypeC {position:relative; padding:30px 15px 25px; background:#ededed;} .titAreaTypeC:after {content:""; display:block; position:absolute; left:50%; bottom:-8px; width:1px; height:15px; font-size:0; line-height:0; background:#f66c18; z-index:2;} .titAreaTypeC .thum {display:block; width:74px; height:74px; margin:0 auto 10px; background:#fff; border-radius:50%;} .titAreaTypeC .tabTypeB {padding-top:25px;} .titAreaTypeC strong {display:block; padding-bottom:6px; font-size:15px; color:#2a2d35; text-align:center; font-weight:400;} .titAreaTypeC p {font-size:12px; text-align:center; letter-spacing:-1px; line-height:16px; font-weight:300;} .titAreaTypeC.hasTab {padding-bottom:0;} .titAreaTypeC.hasTab:after {display:none;} /* tab */ .tabTypeA {padding:0 15px; border-bottom:1px solid #cdcdcd; background:#fff; *zoom:1;} .tabTypeA:after {content:""; display:block; clear:both;} .tabTypeA li {float:left; width:50%; background:#fff;} .tabTypeA li a {position:relative; display:block; font-size:13px; line-height:39px; text-align:center; letter-spacing:-1px; color:#818181;} .tabTypeA li.on a {color:#2a2d35;} .tabTypeA li.on a:before {content:""; display:block; height:2px; width:100%; font-size:0; line-height:0; position:absolute; left:0; bottom:0; background:#f66c18;} .tabTypeA.swiper-container {padding:0;} .tabTypeA.swiper-container li {float:none; width:auto;} .tabTypeB {*zoom:1;} .tabTypeB:after {content:""; display:block; clear:both;} .tabTypeB li {float:left; width:50%;} .tabTypeB li a {position:relative; display:block; line-height:34px; font-size:13px; text-align:center; background:#dfdfdf; color:#818181;} .tabTypeB li.on a {background:#fff; color:#2a2d35;} .tabTypeB li.on a:before {position:absolute; left:0; top:0; display:block; height:2px; width:100%; content:""; font-size:0; line-height:0; background:#f66c18;} .tabTypeC {text-align:center;} .tabTypeC li {display:inline-block;} .tabTypeC li a {display:block; width:45px; height:31px; margin:0 4px; border-radius:15px; background:transparent; color:rgba(255,255,255,.8); text-align:center; line-height:31px;} .tabTypeC li.on a {background:#f66c18; color:#fff;} .tabTypeD {background:#fff; border-bottom:1px solid #dfdfdf; *zoom:1;} .tabTypeD:after {content:""; display:block; clear:both;} .tabTypeD li {float:left; width:50%;} .tabTypeD li a {display:block; height:34px; line-height:34px; text-align:center; color:#2a2d35;} .tabTypeD li.on a {color:#fff; background:#f66c18;} .tabTypeE {padding:15px 0;} .tabTypeE:after {content:""; display:block; clear:both;} .tabTypeE li {display:inline-block; width:auto;} .tabTypeE li a {display:inline-block; padding:0 15px; height:26px; line-height:24px; border:1px solid #c3c3c3; border-radius:13px; color:#818181; font-weight:400;} .tabTypeE li.on a {border-color:#f66c18; color:#f66c18;} .slideTabA {padding:20px 10px 15px; text-align:center; background:#fff; text-align:center; border-bottom:1px solid #cdcdcd;} .slideTabA ul {text-align:center;} .slideTabA li {display:inline-block; width:calc(25% - 4px); text-align:center;} .slideTabA li a {display:block;} .slideTabA li a .thum {display:inline-block; width:52px; height:52px; border-radius:50%; overflow:hidden; background:#ededed;} .slideTabA li a .thum img {width:52px;} .slideTabA li a strong {display:block; font-size:12px; line-height:16px; font-weight:300; color:#818181; text-align:center; letter-spacing:-1px;} .slideTabA li.on a {} .slideTabA li.on a .thum {background:#f76c17;} .slideTabA li.on a .thum img {margin-top:-52px;} .slideTabA li.on a strong {color:#2a2d35; font-weight:300;} /* list */ .programList {padding:0 15px;} .programList li {position:relative; margin-top:15px; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12)} .programList li:after {content:""; position:absolute; right:15px; bottom:15px; display:block; width:9px; height:14px; background:url(/images/blt/blt_arrowRight2.png) no-repeat 0 0; background-size:9px 14px;} .programList li a {position:relative; display:block; padding:15px 15px 13px; } .programList li a:before {content:""; position:absolute; left:0; top:16px; display:block; width:7px; height:10px; font-size:0; line-height:0;} .programList li a:after {content:""; position:absolute; left:7px; top:16px; display:block; width:0px; height:0; border-style:solid; border-width:5px 0 5px 4px;} .programList li .proName, .programList li strong {display:block; color:#2a2d35;} .programList li .proName {font-size:11px; line-height:12px; font-weight:300;} .programList li strong {padding:5px 90px 11px 0; font-size:17px; line-height:20px; letter-spacing:-1px; font-weight:400;} .programList li .time {position:absolute; right:15px; top:15px; font-size:35px; line-height:35px; font-weight:300; color:#9a9a9a; letter-spacing:-1px;} .programList li .leadTime, .programList li .location {padding:2px 0 1px 14px;; font-size:11px; font-weight:400; color:#818181; line-height:13px;} .programList li .leadTime {background:url(/images/icon/s_time.png) no-repeat 0 3px; background-size:11px 11px;} .programList li .location {background:url(/images/icon/s_location.png) no-repeat 0 3px; background-size:11px 11px;} .programList li.type01 a:before {background:#5394af; } .programList li.type01 a:after {border-color:transparent transparent transparent #5394af;} .programList li.type02 a:before {background:#599a6e; } .programList li.type02 a:after {border-color:transparent transparent transparent #599a6e;} .programList li.type03 a:before {background:#c86a6a; } .programList li.type03 a:after {border-color:transparent transparent transparent #c86a6a;} /* form */ .formTypeA {table-layout:fixed; width:100%; border-top:1px solid #555555;} .formTypeA th, .formTypeA td {border-bottom:1px solid #c3c3c3;} .formTypeA th {position:relative; padding:24px 0 0 10px; vertical-align:top; font-weight:400; line-height:16px; text-align:left;} .formTypeA th:after {position:absolute; right:0; bottom:0; content:""; display:block; width:1px; height:5px; font-size:0; line-height:0; background:#c3c3c3;} .formTypeA td {position:relative; padding:15px 10px; font-weight:300;} .formTypeA td * {font-weight:300;} .formTypeA td .divi {margin-top:5px;} .formTypeA td .infoTxt {position:relative; padding:5px 0 0 8px; font-size:11px; line-height:14px; color:#818181; letter-spacing:-1px; clear:both;} .formTypeA td .infoTxt:before {position:absolute; left:0; top:5px; content:"*"; font-size:11px; line-height:14px; color:#818181;} .formTypeA td .infoList {} .formTypeA td .infoList li {position:relative; padding:5px 0 0 8px; font-size:11px; line-height:14px; color:#818181; letter-spacing:-1px;} .formTypeA td .infoList li:before {position:absolute; left:0; top:5px; content:"-"; font-size:11px; line-height:14px; color:#818181} .formTypeA td.birthdayArea .txt {display:inline-block; width:15px; text-align:right;} .formTypeA td textarea {font-size:14px; border:1px solid #dedede} .formTypeA td .rdoWrap {*zoom:1;} .formTypeA td .rdoWrap:after {content:""; display:block; clear:both;} .formTypeA td .rdoWrap .rdoSection {float:left; font-size:12px; line-height:34px;} .formTypeA td select {display:inline-block; width:100%; height:34px; font-size:14px; color:#555 !important; border:1px solid #dedede; background:url(/images/blt/blt_down2.png) no-repeat 95% 50%; background-size:10px 6px; box-sizing:border-box; font-weight:300;} .formTypeA td select option {color:#555 !important; font-weight:300;} .formTypeA td .btn {height:34px; line-height:32px; font-size:12px; text-align:center; vertical-align:middle;} .formTypeA td.telArea {} .formTypeA td.telArea select, .formTypeA td.telArea input {float:left; display:inline-block; width:calc(33.3% - 10px)} .formTypeA td.telArea span {float:left; display:inline-block; width:15px; text-align:center; line-height:34px;} .formTypeA td.agreeArea {} .formTypeA td.agreeArea p {padding-bottom:10px; font-size:12px; font-weight:300; line-height:16px;} .formTypeA td.agreeArea .section {padding:7px 0 0; border-top:1px dotted #d2d2d2;} .formTypeA td.agreeArea .section strong {font-weight:400;} .formTypeA td.agreeArea .section strong span {font-weight:300;} .formTypeA .agreeArea2 {padding:10px 10px;} .formTypeA .agreeArea2 .section {position:relative; padding:5px 0 5px 30px;} .formTypeA .agreeArea2 .section input[type=checkbox]{position:absolute; left:0; top:15px; width:23px; height:23px;background:url(/images/blt/all_chk_off.png) no-repeat 0 0;line-height:23px; background-size:23px auto; margin:-4px 4px 0 0; vertical-align:middle;} .formTypeA .agreeArea2 .section input[type=checkbox]:checked{background:url(/images/blt/all_chk_on.png) no-repeat 0 0; background-size:23px auto} .formTypeA .agreeArea2 .section label {display:block; font-size:12px; letter-spacing:-1px; line-height:16px; font-weight:400;} .formTypeA .agreeArea2 .section a {display:inline-block; color:#818181; font-weight:400; font-size:12px; line-height:14px;} .formTypeA .agreeArea2 .section a:after {content:"〉"; margin-left:4px;} .listTypeA {} .listTypeA li {border-bottom:1px solid #dedede; background:#fff;} .listTypeA li a {position:relative; display:block; padding:10px 15px;} .listTypeA li a .divi {position:absolute; right:15px; top:10px; padding:0 5px; height:18px; font-size:10px; border:1px solid #f66c18; border-radius:9px; text-align:center; line-height:16px; color:#f66c18;} .listTypeA li a strong {display:block; padding-bottom:3px; color:#2a2d35; line-height:18px;} .listTypeA li a strong.tit {padding-right:100px;} .listTypeA li.notice a strong {padding-right:70px;} .listTypeA li a span.date {display:block; font-size:11px; color:#818181;} .listTypeA li.noticeList a {padding-right:85px;} .listTypeB {padding:0 15px 4px;} .listTypeB .section {margin-top:15px; padding-bottom:20px; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12); text-align:center;} .listTypeB .section:first-child {margin-top:0;} .listTypeB .section .tit {display:block; padding:15px 15px 7px; color:#2a2d35; font-size:18px; line-height:20px; letter-spacing:-1px; font-weight:400;} .listTypeB .section .txt {padding:0 15px 0; font-weight:300; letter-spacing:-1px;} .listTypeB .section .btn {margin-top:10px;} .listTypeC {padding:0 15px 4px; *zoom:1;} .listTypeC:after {content:""; display:block; clear:both;} .listTypeC .section {position:relative; float:left; width:calc(50% - 5px); margin-top:15px; padding-bottom:5px; } .listTypeC .section:nth-child(2n) {float:right;} .listTypeC .section:nth-child(2n + 1) {clear:both} .listTypeC .section .thum {background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12);} .listTypeC .section strong {display:block; padding-top:7px; color:#2a2d35; font-weight:400; text-align:center;} .listTypeD {padding:0; *zoom:1;} .listTypeD:after {content:""; display:block; clear:both;} .listTypeD .section {position:relative; float:left; width:calc(50% - 5px); margin-top:15px; border:1px solid #c7c7c7; background:#fff;} .listTypeD .section:nth-child(1), .listTypeD .section:nth-child(2) {margin-top:0;} .listTypeD .section:nth-child(2n) {float:right;} .listTypeD .section:nth-child(2n + 1) {clear:both} .listTypeD .section .thum {} .listTypeD .section .gubun {position:absolute; right:10px; top:137px;} .listTypeD .section .gubun img {width:29px;} .listTypeD .section .cont {padding:15px;} .listTypeD .section strong {display:block; font-size:15px; color:#2a2d35; font-weight:400;} .listTypeD .section p {display:block; margin-top:5px; font-size:13px; letter-spacing:-1px; font-weight:300;} .listTypeE {table-layout:fixed; width:100%; border-top:1px solid #555555;} .listTypeE th, .listTypeE td {border-bottom:1px solid #c3c3c3; text-align:center;} .listTypeE th {position:relative; padding:10px 0; vertical-align:middle; font-weight:400; line-height:16px;} .listTypeE th:after {position:absolute; right:0; bottom:0; content:""; display:block; width:1px; height:5px; font-size:0; line-height:0; background:#c3c3c3;} .listTypeE th .infoTxt {font-size:11px; font-weight:300;} .listTypeE td {position:relative; padding:10px 10px; font-weight:300;} .listTypeE td .sale {margin-right:5px; font-size:12px; color:#a3a094; font-weight:300; text-decoration:line-through;} .listTypeF {padding:0 15px;} .listTypeF li {margin-top:15px; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12);} .listTypeF li:first-child {margin-top:0;} .listTypeF li a {position:relative; display:block;} .listTypeF li a img {width:100%;} .listTypeF li a .cont {padding:15px;} .listTypeF li a strong {display:block; padding-bottom:3px; color:#2a2d35; font-size:15px; line-height:18px; font-weight:400;} .listTypeF li a .date {padding-top:10px; font-size:12px; color:#818181; line-height:18px; font-weight:300;} .listTypeF li a .date b {display:inline-block; padding:0 8px; margin-right:5px; height:18px; font-size:10px; border:1px solid #d2d2d2; border-radius:9px; text-align:center; line-height:16px; color:#2a2d35; font-weight:400;} .listTypeG {table-layout:fixed; width:100%; border-top:1px solid #555555;} .listTypeG {border-bottom: 1px solid #c3c3c3;} .listTypeG {width: 100%; overflow: hidden;} .listTypeG {width: 100%; min-width: 760px;} .listTypeG .bg-grey {background: #f7f7f7;} .listTypeG tr {border-bottom: 1px solid #c3c3c3;} .listTypeG th, .listTypeG td {border-right:1px solid #c3c3c3; text-align:center;} .listTypeG th {position:relative; padding:10px 0; vertical-align:middle; font-weight:400; line-height:16px;} .listTypeG th:after {position:absolute; right:0; bottom:0; content:""; display:block; width:1px; height:5px; font-size:0; line-height:0; background:#c3c3c3;} .listTypeG th .infoTxt {font-size:11px; font-weight:300;} .listTypeG td {position:relative; padding:10px 10px; font-weight:300;} .listTypeG td .sale {margin-right:5px; font-size:12px; color:#a3a094; font-weight:300; text-decoration:line-through;} .listTypeH {table-layout:fixed; width:100%; border-top:1px solid #555555;} .listTypeH {width: 100%; overflow: hidden;} .listTypeH {width: 100%; min-width: 760px;} .listTypeH .bg-grey {background: #f7f7f7;} .listTypeH tr {border-bottom: 1px solid #c3c3c3;} .listTypeH th, .listTypeH td {border-right:1px solid #c3c3c3; text-align:center;} .listTypeH th {position:relative; padding:10px 0; vertical-align:middle; font-weight:400; line-height:16px;} .listTypeH th:after {position:absolute; right:0; bottom:0; content:""; display:block; width:1px; height:5px; font-size:0; line-height:0; background:#c3c3c3;} .listTypeH th .infoTxt {font-size:11px; font-weight:300;} .listTypeH td {position:relative; padding:10px 10px; font-weight:300;} .listTypeH td .sale {margin-right:5px; font-size:12px; color:#a3a094; font-weight:300; text-decoration:line-through;} .listStyleG {margin:15px 15px 0 15px; border-top:1px solid #555;} .listStyleG li { padding:15px 10px 12px 10px; font-size:14px; color:#2a2d35; border-bottom:1px solid #c3c3c3; } .listStyleG li span.num {display:inline-block; margin-right:2px; width:20px; height:20px; font-size:12px; color:#fff; background:#f66c18; border-radius:20px;text-align:center;} .listStyleG li span.time {font-size:13px; color:#555;} .listStyleG span.step {display:block; font-size:13px; color:#f77219;} .listStyleG li>div {margin-top:8px; font-size:13px; color:#555; font-weight:300;} .listStyleG li>div.info {display:inline-block; margin-left:20px; } /* sns btn */ .snsArea {padding:15px 0 20px; text-align:center; background-color: #fff;} .snsArea a {display:inline-block; margin:0 4px;} /* view */ .viewTypeA {padding-bottom:20px; background:#fff;} .viewTypeA .viewHeader {padding:15px; border-bottom:1px solid #c3c3c3;} .viewTypeA .viewHeader strong {display:block; font-size:15px; line-height:18px; letter-spacing:-1px; color:#2a2d35; font-weight:400;} .viewTypeA .viewHeader .date {display:block; padding-top:5px; color:#818181; font-weight:300; font-size:12px; line-height:14px;} .viewTypeA .viewHeader div.date {padding-top:5px; font-size:12px; color:#818181; line-height:18px; font-weight:300;} .viewTypeA .viewHeader div.date b {display:inline-block; padding:0 8px; margin-right:5px; height:18px; font-size:10px; border:1px solid #d2d2d2; border-radius:9px; text-align:center; line-height:16px; color:#2a2d35; font-weight:400;} .viewTypeA .viewCont {padding:15px 15px 0;} .viewTypeA .commentArea {padding:25px 15px 60px;} .viewTypeA .commentArea .inputBox {position:relative; margin:5px 0 20px; padding:0 10px; height:36px; border:1px #c3c3c3 solid;} .viewTypeA .commentArea .inputBox a {line-height: 34px; color:#c2c2c2;} .viewTypeA .commentArea .inputBox .btnBox {position:absolute; bottom:0; right:0; line-height: initial;} .viewTypeA .commentArea .inputBox .btn {width:60px; border-left: 1px #c3c3c3 solid;} .viewTypeA .commentArea .inputBox.afterLogin {padding:5px 10px 40px; height:auto;} .viewTypeA .commentArea .inputBox.afterLogin .id {display: block;} .viewTypeA .commentArea .inputBox.afterLogin textarea {width:100%; padding:0; border: none; resize: none;} .viewTypeA .commentArea .inputBox.afterLogin .letters {display: inline-block; margin-bottom:5px; margin-right:5px; vertical-align: bottom; color:#c2c2c2;} .viewTypeA .commentArea .inputBox.afterLogin .btn {border-top: 1px #c3c3c3 solid;} .viewTypeA .commentArea ul li {position: relative; padding:10px 5px; border-bottom:1px #c3c3c3 solid;} .viewTypeA .commentArea ul li:first-child {border-top:1px #c3c3c3 solid;} .viewTypeA .commentArea ul li.myComment { background:#f8f8f8;} .viewTypeA .commentArea ul li .date {margin-top:15px; color:#c3c3c3;} .viewTypeA .commentArea ul li .btnDel {display: none; position: absolute; bottom:10px; right:10px; width:50px; height:28px; line-height: 26px;} .viewTypeA .commentArea ul li.myComment .btnDel {display: inline-block;} .viewTypeA .commentArea ul li .con {font-weight:300;} .viewTypeA .commentArea .moreBox {margin-top: 20px; text-align: center;} .viewTypeA .commentArea .moreBox .btnCommentMore {width:40px; height:40px; font-size:0; text-indent: -999999%; background: url('/images/btn/btn_comment_more.png') no-repeat center; background-size:cover; -webkit-background-size:cover;} .pagingTypeA {position:relative; padding:15px 0 0; width:100%; overflow:hidden; background:#ededed; text-align:center;} .pagingTypeA .btn {display:block; position:absolute; left:0px; top:5px; width:39px; height:44px; background:url(/images/blt/blt_arrowRight3.png) no-repeat 50% 50%; background-size:9px auto; transform:rotate(180deg); text-indent:-3000em;} .pagingTypeA .btn:last-child {left:auto; right:0px; transform:rotate(0deg);} .pagingTypeA b, .pagingTypeA a:not(.btn) {display:inline-block; margin:0 8px; font-size:13px; width:16px; height:16px; text-align:center; font-weight:300; vertical-align:middle; line-height:16px;} .pagingTypeA b {font-weight:400; color:#f66c18;} .pagingTypeB {position:relative; padding:15px 15px 0; background:#ededed;} .pagingTypeB.pb30 {padding-bottom: 30px;} .pagingTypeB .btn {position:absolute; right:15px; top:15px; width:80px;} .pagingTypeB .prev, .pagingTypeB .next {display:inline-block; height:34px; width:30px; background:url(/images/blt/blt_arrowRight3.png) no-repeat 50% 50%; background-size:9px auto; transform:rotate(180deg); text-indent:-10em; overflow:hidden;} .pagingTypeB .prev {margin-left:-5px;} .pagingTypeB .next {margin-left:5px; transform:rotate(0deg);} /* popup */ #frameArea {position:absolute; left:0; top:0; bottom:0; right:0; width:95%; height:95%; margin:auto; background:#fff; z-index:10000;} .btnLayerClose {position:absolute; right:10px; top:11px; display:block; width:30px; height:30px;} #popWrap { height:100%} #popWrap h1 {height:45px; padding:0 15px; font-size:15px; border-bottom:1px solid #2a2d35; color:#2a2d35; line-height:44px;} #popWrap.popWrapTypeB h1 {height:61px; line-height:60px; text-align:center;} #popWrap.popWrapTypeB h1 img {margin-right:4px; vertical-align:-2px;} #popWrap .contents {padding:15px 5px 15px 15px;} #popWrap .infoTxt {padding:15px; font-size:12px; color:#818181; line-height:16px; font-weight:300;} .agreeTxtArea {width:10px; height:100%; min-width:100%; padding-right:10px;} .agreeTxtArea p {font-size:12px; font-weight:300;} .agreeTxtArea > p {padding-bottom:10px;} .agreeTxtArea > ul {} .agreeTxtArea ul li {padding-top:5px; font-size:12px; font-weight:300;} .agreeTxtArea ul li ul li ul {padding-left:10px;} .agreeTxtArea ul li ul li ul li {padding-top:2px; font-size:11px;} .agreeTxtArea ul li > strong {display:block; padding-top:5px; color:#2a2d35; font-weight:400;} .agreeTxtArea dl {padding-left:5px;} .agreeTxtArea dt {font-size:12px;} .agreeTxtArea dd {font-size:11px; font-weight:300} .agreeTxtArea table {margin:10px 0;} .agreeTxtArea table th, .agreeTxtArea table td{border:1px solid #ddd; text-align:center; padding:5px 5px 2px; font-weight:300; font-size:11px;} .agreeTxtArea table th {font-weight:400;} .agreeTxtArea .infoTxt {padding-top:15px; font-size:12px; font-weight:300;} #popWrap.couponUseWrap .contents{padding:0 0 30px 0;} #popWrap.agreementWrap .contents {height:calc(100% - 45px);} #popWrap.cctvWrap .contents {height:calc(100% - 45px);} #popWrap.privacyWrap .contents {height:calc(100% - 45px - 74px);} .privacyWrap .selecArea {padding:20px 15px 0px; text-align:center;} .privacyWrap .selecArea select {width:100%; text-align:center; background:url(/images/blt/blt_down2.png) no-repeat 97% 50%; background-size:10px 6px;} #youtubeFullFrame {position:absolute; left:0; top:0; width:100%; height:100%;} .tableOverWrap {width:100%; overflow:auto;} .tableOverWrap::-webkit-scrollbar {width:4px; height:4px; border: 1px solid #fff; } .tableOverWrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height:0px } .tableOverWrap::-webkit-scrollbar-track {background:#fff; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)} .tableOverWrap::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#c1c1c1; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)} .tableOverWrap table {min-width:100%;} .tableOverWrap table th, .tableOverWrap table td {max-width:180px; word-break:keep-all;} .noSwiper {} .noSwiper .swiper-pagination, .noSwiper .swiper-button-next, .noSwiper .swiper-button-prev {display:none !important;} .popup_voc { display: none; position: fixed; left: 50%; top: 58%; width:95%; margin-left:-48%; height: 340px; margin-top: -200px; z-index: 1000001; background: #f6f6f6; }