/* CheckBox Style 빨간사각*/ input[type="checkbox"].chkBox { display:inline-block; width:18px; height:18px; vertical-align:middle; background:#fff; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ border:1px solid #ccc; } input[type="checkbox"].chkBox:checked { display:inline-block; width:18px; height:18px; vertical-align:middle; background:url("/m/img/common/chkBox_checked.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ border:none; } /* SelectBox Style */ select {height:35px; font-size:11pt; margin:0; color:#353535; padding-left:5px; padding-right:30px; vertical-align: middle; min-width:40px; box-sizing:border-box; background: url("/m/img/common/select_arrow_2.png") no-repeat right center; /* 네이티브 화살표 대체 */ background-size:auto 100%; border:1px solid #c6c6c6; font-family: inherit; /* 폰트 상속 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } /* inputBox Style */ input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] { height:35px; font-size:11pt; margin:0; color:#353535; background:#fff; padding:0 5px; vertical-align: middle; min-width:40px; box-sizing:border-box; background-size:auto 100%; border:1px solid #c6c6c6; font-family: inherit; /* 폰트 상속 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } /* textarea Style */ textarea { color:#353535; box-sizing:border-box; border:1px solid #c6c6c6; font-family: inherit; /* 폰트 상속 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; padding:10px; } .phoneInput {display:block;} .phoneInput li {display:inline-block; width:30%; height:35px; line-height:35px; float:left;} .phoneInput li:first-child {padding-left:0} .phoneInput li:nth-child(2),.phoneInput li:nth-child(4){width:5%; text-align:center;} .phoneInput li select {width:100%;} .phoneInput li input {width:100% !important;} .nameInput {width:100%;} .subtuitonlist li label {margin-left:2px; letter-spacing:-0.075em; font-size:11pt;} .w_checkLabel {vertical-align:middle; font-size:9pt; margin-left:4px; display:inline-block; margin-top:-5px;} .mainClass {background-color:#161a25;} .mainClass ul {display:inline-block;} .mainClass ul li {display:block; width:50%; float:left; padding:9px 9px 0 9px;} .mainClass ul li:nth-child(2n-1) {padding-right:4px;} .mainClass ul li:nth-child(2n) {padding-left:4px;} .mainClass ul li a {display:block; background:#fff; padding-bottom:9px;} .mainClass ul li a img {width:100%; display:block;} .mainClass ul li a h5 {text-align:center; color:#333333; line-height:100%; margin:10px 0; letter-spacing:-0.075em; font-size:14pt; font-weight:700;} .mainClass ul li a p {display:block; text-align:center; color:#666666; letter-spacing:-0.095em; font-size:9pt; line-height:1.4em; padding:0 5px; white-space: normal; line-height: 1.4; height: 4.2em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .mainbottomBanner {display:block; padding:18px 9px; padding-top:14px;} .mainbottomBanner img {width:100%;} .awardSlider {background:#20243a;} .awardSlider .slick-slide img {display:block; height:30px; width:auto; margin:0 auto;} .licenceInfo {float:left; width:100%; padding:30px; padding-top:0px;} .licenceMore {display:inline-block; position:relative; height:40px; line-height:40px; width:100%; background:#f2f3f5; text-align:center; color:#666; font-size:11pt; font-weight:500; border-radius:4px; cursor:pointer; box-shadow: 0px 0px 4px #ccc; letter-spacing:-0.075em;} .licenceMore .moreArrow {position:absolute; top:50%; right:15px; width:15px; margin-top:-4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .licenceMore.current .moreArrow {-webkit-transform:rotate(180deg); transform:rotate(180deg);} .licenceCont {} .licenceTitle {text-align:left; font-size:15px; font-weight:bold; color:#2e2e2e; margin-top:30px; margin-bottom:10px; letter-spacing:-0.075em; padding-left: 13px; background:url("/m/img/common/bullet02.gif") left center no-repeat; background-size: 7px;} .licenceSubTitle {font-size:13px; font-weight:bold; color:#2e2e2e; margin-top:14px; margin-bottom:6px; letter-spacing:-0.075em;} .licenceTable {width:100%;} .licenceTable tr {border-bottom:solid 1px #ddd;} .licenceTable tr th {padding:6px; text-align:center; color:#fff; font-size:9pt; font-weight:600; border:solid 1px #262b38; background:#262b38;} .licenceTable tr td {padding:6px; font-size:9pt; color:#666; border:solid 1px #ababab; letter-spacing:-0.03em;} .licenceTable tr td.bgGray {background:#f2f3f5; font-weight:500;} .licenceTable tr td.txtAlLef {text-align:left;} .licenceDesc {margin-top:30px; font-size:13px; color:#666; text-align:left;} .grayBg{background:#ededed} /* index page renewal 161213 */ body {background:#fff; padding-top:96px;} #wrapNew {min-width:320px; max-width:720px; width:100%; margin:0 auto; overflow:hidden; position:relative; background:#f3f3f3; z-index:0;} /* gnb */ #gnbNew {position:fixed; top:0; left:0; width:100%; z-index:1000;} #headerNew {max-width:720px; width:100%; margin:0 auto; width:100%; height:60px; background:#fff; border-bottom:solid 1px #ececec; position:relative;} /* #headerNew .logo {display:inline-block; width:100%; height:100%; background:url("/m/img/main2018/logo_1.png") 10px center no-repeat; background-size:200px 60px; text-indent:-9999px;} */ #headerNew .logo {display:inline-block; width:100%; height:100%; background:url("/img/common/gnb_kcooklogo_autumn.png") left center no-repeat; background-size:auto 100%; text-indent:-9999px;} #headerNew .logo a {display:block; height:100%;} #headerNew .gnbTelNew {position:absolute; top:0; right:50px; display:block; width:55px; height:55px; background:url("/m/img/main2018/call.png") center center no-repeat; background-size:24px auto; text-indent:-9999px;} #headerNew .gnbOnline {position:absolute; top:0; right:95px; display:block; width:55px; height:55px; background:url("/m/img/main2018/online.png") center center no-repeat; background-size:24px auto; text-indent:-9999px;} #headerNew a.btn_gnbMenu {display:block; position:absolute; top:0; right:0; width:55px; height:55px; padding:21px 12px; margin:0; z-index:10;} #headerNew a.btn_gnbMenu span {display:block; height:1px; margin-bottom:5px; background:#272c39; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} #headerNew a.btn_gnbMenu span.slice1 {width:14px;} #headerNew a.btn_gnbMenu span.slice2 {width:26px;} #headerNew a.btn_gnbMenu span.slice3 {width:20px; margin-bottom:0;} #headerNew a.btn_gnbMenu.close {z-index:1500; position:absolute; right:0; top:0;} #headerNew a.btn_gnbMenu.close span {width:24px;} #headerNew a.btn_gnbMenu.close span.slice1 {margin-top:6px; margin-bottom:6px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);} #headerNew a.btn_gnbMenu.close span.slice2 {opacity:0} #headerNew a.btn_gnbMenu.close span.slice3 {margin-top:-13px; margin-bottom:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} .gnbMenuNew {display:none; position:fixed; width:100%; max-width:720px !important; margin:0 auto !important; left:0; right:0; top:55px !important; bottom:0; padding-top:0 !important; z-index:1000 !important;} .gnbMenuNew .bg {width:100%; height:100%; z-index:10; background:#272c39; display:none;} .gnbMenuNew .menu_area{z-index:15; height:0; width:100%; position:absolute; left:0; top:0 !important; opacity:0;} .gnbSlideMenu {width:100%; max-width: 720px; margin:0 auto; height:41px; background-color: #fff; position:relative; z-index:10; border-bottom:solid 1px #c7c7c7;} .gnbSlideMenu ul {margin:0 auto; height:41px !important; padding:0 9px;} .gnbSlideMenu ul li {position:relative; display:inline-block; height:100%;} .gnbSlideMenu ul li:nth-child(1) {width:34px;} .gnbSlideMenu ul li:nth-child(2) {width:84px;} .gnbSlideMenu ul li:nth-child(3) {width:90px;} .gnbSlideMenu ul li:nth-child(4) {width:70px;} .gnbSlideMenu ul li:nth-child(5) {width:84px;} .gnbSlideMenu ul li:nth-child(6) {width:98px;} .gnbSlideMenu ul li:nth-child(7) {width:70px;} .gnbSlideMenu ul li:nth-child(8) {width:84px;} .gnbSlideMenu ul li:nth-child(9) {width:70px;} .gnbSlideMenu ul li a {display:block; width:100%; height:100%; padding:0 9px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10;} .gnbSlideMenu ul li a span {display:block; height:41px; line-height:41px; color:#424242; font-size:10.5pt; text-align:center; letter-spacing:-0.1em; font-weight:400; box-sizing:border-box; white-space:nowrap;} .gnbSlideMenu ul li.active a span {color:#ffcb00; border-bottom:solid 3px #ffcb00; font-weight:600;} .gnbSlideMenu .gnbSlidShadow {position:absolute; display:inlnie-block; height:41px; width:auto; top:0; right:0; z-index:10;} .gnbSlideMenu .gnbSlidShadow img {height:100%; width:auto;} ul.slyList {display:block; height:100%;} ul.slyList li {float:left; display:block; height:100%; cursor:pointer;} ul.slyList li a {display:block; height:100%;} /* eventBanner */ .mainBannerNew {width:100%; height:auto; position:relative; overflow:hidden;} .mainBannerNew a {display:inline-block; width:100%;} .mainBannerNew a img {width:100%;} .mainBannerNew .slick-dots {display:inline-block; width:100%; text-align:center; height:2px; position:absolute; bottom:16px; left:0px;} .mainBannerNew .slick-dots li {display:inline-block; width:15px; height:2px; margin:0px 2px; background-color:#b2b2b2;} .mainBannerNew .slick-dots li.slick-active {background-color:#ffcb00;} .botShadow {box-shadow: 0 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1);} /* quickmenu */ .mainQuickNew ul {display:block; width:100%;} .mainQuickNew ul:after {content:""; display:table; clear:both;} .mainQuickNew ul li {display:block; width:25%; float:left; background:#fff; } .mainQuickNew ul li a {display:block; width:100%; height:100%; text-align:center; } .mainQuickNew ul li a img{width:100%;} .starBanner{margin-top:9px; width:100%} .starBanner img, .starBanner02 img{width:100%;} .starBanner02{padding:9px 0; background:#ececec} /* eventBanner */ .mainEventNew {box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2); background:#f3f3f3; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;} .mainEventNew a {display:block;} .mainEventNew a img {width:100%;} /* mainClass */ .mainCourse {padding:9px 0 ;} .mainCourse ul {display:block; height:auto;} .mainCourse ul li {display:block; float:left; width:50%} .mainCourse ul li a img {width:100%;} /* commonTitle */ .mainComTitle {padding:0 18px; border-top:solid 1px #e9e9e9; background:#fff; margin-top:9px;} .titleInner {border-bottom:solid 1px #d3d4d6; position:relative; height:43px;} .titleInner h3 {height:100%; line-height:43px; color:#212631; letter-spacing:-0.05em; font-size:12pt; font-weight:700; font-family:"Rajdhani"; font-weight:700;} .titleInner h3 span {font-weight:300;} .titleInner a {display:block; width:38px; height:38px; position:absolute; top:3px; right:0; background:url("/m/img/renewal/btn_more.png") right center no-repeat; background-size:6px auto; text-indent:-9999px;} .comContent{padding:16px 9px 8px 9px; background:#fff} /* cookingLesson */ .lessonSlider {padding:10px 8px 0 8px; background:#fff;} .lessonSlider .lessonList {padding:0 8px;} .lessonSlider .lessonList a {display:block;} .lessonSlider .lessonList a .lessonImg img {width:100%;} .lessonSlider .lessonList a .lessonName {padding:10px 0; font-size:10pt; text-align:center; color:#212631; letter-spacing:-0.075em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* notice */ .mainNoticeNew {background:#fff; padding:0 15px;} .mainNoticeNew ul {display:block;} .mainNoticeNew ul li {display:block; border-bottom:solid 1px #d3d4d6;} .mainNoticeNew ul li:last-child {border-bottom:none;} .mainNoticeNew ul li a {display:block; height:40px; line-height:40px; color:#212631; font-size:11pt; letter-spacing:-0.05em; font-weight:300;} .mainNoticeNew ul li a img {width:14px; height:14px; vertical-align:middle; margin-left:5px;} /* footer */ .footerQuick { background:#f3f3f3; width:100%;padding-bottom:9px;} .footerQuick ul {display:block; border-top:1px solid #f5f5f5} .footerQuick ul li {display:inline-block; width:33.33%; background:#fff; float:left; border-right:solid 1px #f5f5f5; border-bottom:solid 1px #f5f5f5;} .footerQuick ul li:nth-child(3n) {border-right:none;} .footerQuick ul li:nth-child(4), .footerQuick ul li:nth-child(5), .footerQuick ul li:nth-child(6) {border-bottom:none;} .footerQuick ul li a {display:inline-block; width:100%; height:42px; line-height:42px; text-align:center; letter-spacing:-0.075em; color:#212631; font-size:10pt;} #footerNew {padding-bottom:70px; background:#fff;} #footerNew .footerMenu {display:block; margin-top:0px; height:38px; border-top:solid 1px #ffcb00; border-bottom:solid 1px #f2f3f5;} #footerNew .footerMenu li {display:inline-block; width:25%; height:100%; float:left;} #footerNew .footerMenu li a {display:inline-block; width:100%; height:100%; background-size:auto 17px !important; text-indent:-9999px;} #footerNew .footerMenu li:nth-child(1) a {background:url("/m/img/renewal/footerMenu01.png") center center no-repeat;} #footerNew .footerMenu li:nth-child(2) a {background:url("/m/img/renewal/footerMenu02.png") center center no-repeat;} #footerNew .footerMenu li:nth-child(3) a {background:url("/m/img/renewal/footerMenu03.png") center center no-repeat;} #footerNew .footerMenu li:nth-child(4) a {background:url("/m/img/renewal/footerMenu04.png") center center no-repeat;} #footerNew .mobliemouBtn {margin:10px 0 0 0px;display:inline-block;} #footerNew .mobliemouBtn a {font-size:10px;font-weight:600;color:#000;border:1px solid #000;padding:3px 4px;border-radius:3px;display:inline-block;white-space: nowrap;} #footerNew .footerInfo {padding:16px;} #footerNew .footerInfo .footerLogo {height:29px; width:auto; vertical-align:bottom;} #footerNew .footerInfo .footerLike {display:inline-block; vertical-align:bottom; margin-left:20px;} #footerNew .footerInfo .footerAddr {margin-top:20px;} #footerNew .footerInfo .footerAddr p {color:#a1a1a1; font-size:8pt; letter-spacing:-0.05em; line-height:160%;} /* Top button */ #scrollTop {position:fixed; height:36px; width:36px; bottom:80px; right:15px; z-index:99; cursor:pointer; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #scrollTop.scrollVisible {opacity:1.0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .cookQuick {border-bottom:none !important; height:46px; line-height:46px; font-size:13pt; color:#fff; background:#ffcb00; letter-spacing:-0.1em; cursor:pointer;} .cookQuickBtn {background:#ffcb00 !important;} .licenseMainNew {box-shadow: 0 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1);} .licenseMainNew img {width:100%;} .licenseListNew {display:block;} .licenseListNew li {display:block; margin-top:5px;} .licenseListNew li a {display:block; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);} .licenseListNew li a img {width:100%;} .subTuitionNew {padding:15px; background:#fff; float:left; border-top:solid 5px #f3f3f3;} .subTuitionNew .subTuitionTitle {font-size:11pt; color:#454447; letter-spacing:-0.075em; margin-bottom:15px; font-weight:700;} .subTuitionNew .subTuitionTitle span {margin-left:4px; font-size:11pt; font-weight:300;} .subTuitionNew .subTuitionTable {border-top:none; font-size:10pt; color:#8c9192;} .subTuitionNew .subTuitionTable tr th {font-size:10pt; padding:5px 12px; text-align:left; background-color:#f2f2f2; border:solid 1px #ccc; font-weight:400; letter-spacing:-0.075em;} .subTuitionNew .subTuitionTable tr td {font-size:10pt; padding:5px 10px; background-color:#fff; border:solid 1px #ccc;} .subTuitionNew .subTuitionTable tr td.employSel label {margin:0px 4px; letter-spacing:-0.075em;} .subTuitionNew .subTuitionAgree {margin-top:4px;} .subTuitionNew .subTuitionAgree label {margin-left:3px; font-size:9pt; color:#8c9192; letter-spacing:-0.075em;} .subTuitionNew .subTuitionAgree a {margin-left:3px; font-size:9pt; color:#c3c3c3; letter-spacing:-0.075em;} .subTuitionNew .subTuitionBtn {text-align:center; padding-top:10px; padding-bottom:5px;} .subTuitionNew .subTuitionBtn a { display:inline-block; background-color:#ffbd00; font-size:12pt; padding:10px 35px; color:#fff; letter-spacing:-0.075em; border-radius:3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -webkit-text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); text-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); } .subTuitionNew .curriSelectBar {width:100%; font-size:10pt; letter-spacing:-0.075em;} .subTuitionNew .nameInputBar {width:100%; font-size:10pt;} .subTuitionNew .phoneInput {display:block;} .subTuitionNew .phoneInput li {display:inline-block; width:30%; height:40px; line-height:40px; float:left;} .subTuitionNew .phoneInput li:nth-child(2n) {width:5%; text-align:center;} .subTuitionNew .phoneInput li select {width:100%; font-size:9pt; letter-spacing:-0.075em;} .subTuitionNew .phoneInput li input {width:100% !important; font-size:10pt;} .subTuitionNew input[type='text'], .subTuitionNew input[type='password'], .subTuitionNew input[type='name'], .subTuitionNew input[type='tel'], .subTuitionNew input[type='search'] {height:30px; font-size:10pt; margin:0; color:#626262; background:#fafafa; padding:5px; padding-right:0px; vertical-align: middle; min-width:40px; box-sizing:border-box; background-size:auto 100%; border:1px solid #ddd; font-family: inherit; /* 폰트 상속 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } .subTuitionNew select {height:30px; margin:0; color:#626262; padding-left:5px; vertical-align: middle; min-width:40px; background: url("/m/img/common/select_arrow.png") no-repeat right center; /* 네이티브 화살표 대체 */ background-size:auto 100%; border:1px solid #ddd; font-family: inherit; /* 폰트 상속 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } .subTuitionNew input[type="checkbox"] { display:inline-block; width:18px; height:18px; vertical-align:middle; background:url("/m/img/common/check_yellow.png"); background-size:cover; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ border:none; } .subTuitionNew input[type="checkbox"]:checked { display:inline-block; width:18px; height:18px; vertical-align:middle; background:url("/m/img/common/check_yellow_checked.png"); background-size:cover; background-repeat:no-repeat; background-position:center center; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ border:none; } /* curriculum renewal 161215 */ .curriCont {padding-left:30px; padding-right:30px;} .curriCont img {width:100%;} .curriIntro {padding-top:45px; padding-bottom:30px; border-bottom:solid 1px #f5f5f5; background-size:cover !important;} .curriIntro .curriDisBtn {display:inline-block; width:45%; margin-top:25px;} .curriIntro#license01 {background:url("/m/img/license/license01_img01.jpg") no-repeat right center;} .curriIntro#license02 {background:url("/m/img/license/license02_img01.jpg") no-repeat right center;} .curriIntro#license03 {background:url("/m/img/license/license03_img01.jpg") no-repeat right center;} .curriIntro#license04 {background:url("/m/img/license/license04_img01.jpg") no-repeat right center;} .curriIntro#license05 {background:url("/m/img/license/license05_img01.jpg") no-repeat right center;} .curriIntro#license06 {background:url("/m/img/license/license06_img01.jpg") no-repeat right center;} .curriIntro#license07 {background:url("/m/img/license/license07_img01.jpg") no-repeat right center;} .curriIntro#license08 {background:url("/m/img/license/license08_img01.jpg") no-repeat right center;} .curriIntro#lesson01 {background:url("/m/img/lesson/lesson01_img01.jpg") no-repeat right center;} .curriIntro#lesson02 {background:url("/m/img/lesson/lesson02_img01.jpg") no-repeat right center;} .curriIntro#lesson03 {background:url("/m/img/lesson/lesson03_img01.jpg") no-repeat right center;} .curriIntro#lesson04 {background:url("/m/img/lesson/lesson04_img01.jpg") no-repeat right center;} .curriIntro#lesson05 {background:url("/m/img/lesson/lesson05_img01.jpg") no-repeat right center;} .curriIntro#college01 {background:url("/m/img/college/college01_img01.jpg") no-repeat right center;} .curriIntro#contest01 {background:url("/m/img/contest/contest01_img01.jpg") no-repeat right center;} .curriIntro#contest02 {background:url("/m/img/contest/contest02_img01.jpg") no-repeat right center;} .curriIntro#contest03 {background:url("/m/img/contest/contest03_img01.jpg") no-repeat right center;} .curriInfoTop {padding-top:30px;} .curriInfoBot {padding-bottom:35px;} .curriInfoMaster {padding-top:30px; padding-bottom:35px;} .curriEveBan {display:block;} .curriEveBan img {width:100%;} .curriFlow {padding-top:30px; padding-bottom:30px; border-bottom:solid 1px #f5f5f5;} .curriMenuTable {width:100%; margin-top:18px; color:#272c39; text-align:left; letter-spacing:-0.075em;} .curriMenuTable tr th {border:solid 1px #ddd; padding:8px; font-size:9pt; background:#f9f9f9; font-weight:normal;} .curriMenuTable tr td {border:solid 1px #ddd; padding:8px; font-size:9pt;} .curriMetCost {margin-top:18px; display:block;} .curriMetCost img {width:100%;} .curriSpecial {padding-top:25px; padding-bottom:34px; display:none;} .youngChef {padding:0 15px 30px 15px !important; border-bottom:solid 1px #f5f5f5;} .contestTop {padding-top:15px;} .contestTop img {width:100%;} .contestMid {background:url("/m/img/contest/contest_bg_middle.jpg") center top; background-size:100% auto; padding:0 48px; padding-bottom:28px;} .contestBot {padding-bottom:30px; border-bottom:solid 1px #f5f5f5;} .contestBot img {width:100%; vertical-align:top;} .contestTitle {padding-top:26px; padding-bottom:18px; text-align:center;} .contestTitle img {height:13px; width:auto;} .contestList {display:inline-block; width:100%;} .contestList li {display:block; margin-bottom:10px;} .contestList li:last-child {margin-bottom:0;} .contestList li a {display:block;} .contestList li a img {width:100%;} .pt30 {padding-top:30px;} .pt15 {padding-top:15px;} .pb15 {padding-bottom:15px;} .pb30 {padding-bottom:30px;} .pl15 {padding-left:15px;} .pr15 {padding-right:15px;} .photozoneList {width:100%; margin-top:30px; float:left;} .photozoneList:after {content:""; display:table; clear:both;} .photozoneList li {float:left; width:50%; padding:5px;} .photozonePhoto {display:block; width:100%; border:solid 1px #ddd; box-shadow: 0 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1);} .photozonePhoto em {display:block; width:100%; padding-bottom:65%; background-size:cover !important; background-position:center center !important;} .photozoneTitle {display:inline-block; width:100%; padding:10px;} .photozoneTitle h5 {display:inline-block; width:100%; color:#353535; font-size:9pt; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.05em;} .photozoneDate {display:inline-block; padding-left: 14px; font-size:8pt; color:#8e8e8e; background:url("../../img/common/community_icon_date.png")no-repeat left center; background-size:10px auto;} .photozoneCount {display:inline-block; padding-left: 15px; font-size:8pt; color:#8e8e8e; background:url("../../img/common/community_icon_hit.png")no-repeat left center; background-size:12px auto; margin-left:10px; } .itvList {} .itvList img {display:block; width:100%;} .itvList .photozoneTitle {padding:10px 0;} .itvList .photozoneTitle a {display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:10pt;} .fbAddress {text-decoration:underline !important; float:left; display:block; width:100%; text-align:center;} .fbBtn {float:left; width:100%; text-align:center; margin-top:10px;} .fbBtn iframe {display:inline-block !important;} .acaInterior {width:100%; float:left;} .interiorSlider {width:100%; margin:0 auto;} .interiorSlider img {width:100%;} .interiorSlider .slick-slide {float:left;} .interiorNav {width:100%; margin:0 auto; margin-top:10px;} .interiorNav .slick-slide {float:left;} .interiorNav .slick-list {display:inline-block; width:100%;} .interiorNav .slick-track {width:100% !important;} .interiorNav .slick-slide {width:20% !important; height:50px; padding:2px; float:left; background-size:cover !important; background-position:center center !important; position:relative; -webkit-filter: grayscale(1); filter: grayscale(1);} .interiorNav .slick-slide:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; border:solid 2px #fff;} .interiorNav .slick-current {-webkit-filter: grayscale(0); filter: grayscale(0);} .interiorNav .slick-current:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; border:solid 2px #ffcb00;} .mr0 {margin-right:0 !important;} .interiorNav .slick-slide span {display:block; width:100%; background-size:cover !important; height:100%; cursor:pointer; text-indent:-9999px; border:solid 2px transparent; -webkit-filter: grayscale(1); filter: grayscale(1);} .interiorNav .slick-current span {border:solid 2px #ffcb00; -webkit-filter: grayscale(0); filter: grayscale(0);} .mr0 {margin-right:0 !important;} .mInterTit{position:absolute; top:36px; left:18px; z-index:10} .mInterTit h3{color:#fff; font-family:"Rajdhani"; font-weight:700;font-size:17px; padding-bottom:9px;} .mInterTit span{color:#fff; font-size:10pt; letter-spacing:-0.05em;} .mInterTit a{color:#fff; text-decoration:underline; font-size:10pt; font-weight:bold; padding-top:18px;} .minterior {width:100%; height:auto; position:relative; overflow:hidden; opacity:0.60} .minterior a {display:inline-block; width:100%;} .minterior a img {width:100%;} .minterior .slick-dots {display:inline-block; width:100%; text-align:center; height:2px; position:absolute; bottom:16px; left:0px;} .minterior .slick-dots li {display:inline-block; width:15px; height:2px; margin:0px 2px; background-color:#b2b2b2;} .minterior .slick-dots li.slick-active {background-color:#ffcb00;} .mInteriorArea{width:100%; background:#000;margin-top:0px; position:relative; height:auto} .curriFacility { background: #141720; background: -moz-linear-gradient(top, #141720 0%, #3c4250 100%); background: -webkit-linear-gradient(top, #141720 0%,#3c4250 100%); background: linear-gradient(to bottom, #141720 0%,#3c4250 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141720', endColorstr='#3c4250',GradientType=0 ); } .curriFacilityLine { height:6px; background: #3c4250; background: -moz-linear-gradient(left, #3c4250 0%, #141720 100%); background: -webkit-linear-gradient(left, #3c4250 0%,#141720 100%); background: linear-gradient(to right, #3c4250 0%,#141720 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c4250', endColorstr='#141720',GradientType=1 ); } .cfSlider {width:100%; height:auto; position:relative; overflow:hidden;} .cfSlider .slick-list {} .cfSlider .slick-track {} .cfSlider .slick-track:after {content:""; display:table; clear:both;} .cfSlider .slick-slide {display:block; width:100%; float:left;} .cfSlider .slick-slide img {width:100%;} .cfSlider .slick-dots {display:block; width:100%; height:35px; padding:15px 0; text-align:center;} .cfSlider .slick-dots li {display:inline-block; width:5px; height:5px; margin:0px 3px; background-color:#9da0a7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .cfSlider .slick-dots li.slick-active {background-color:#ffc102;} /* 얼리버드이벤트디데이 */ .eDday {display:block; position:relative;} .eDdayAb {position:absolute; display:block; width:15%; height:24%; z-index:2; top:2.5%; right:3.125%;} .eDdayWr {display:table; width:100%; height:100%;} .eDdayWr span {display:table-cell; width:100%; vertical-align:middle; line-height:100%; text-align:center; color:#fff; font-family:"roboto"; font-size:14pt; font-weight:700; letter-spacing:0.04em;} /* 심화과정교육내용 */ .itsvWrap {padding:30px;} .itsvTitle h5 {text-transform:uppercase; color:#feb913; font-size:9pt; font-weight:400;} .itsvTitle h3 {color:#1c202b; font-size:16pt; font-weight:300; letter-spacing:-0.08em; padding-top:5px; line-height:1.0em;} .itsvTitle p {color:#2e3138; font-size:9pt; letter-spacing:-0.075em; padding-top:10px; padding-bottom:15px; line-height:1.6em;} .itsvDetail {} .itsvDetail th {border:solid 1px #e2ba21; background:#ffca00; color:#19203c; font-size:11pt; font-weight:500; padding:10px;} .itsvDetail th span {display:block; font-size:9pt; font-weight:400;} .itsvDetail td {border:solid 1px #ddd; color:#5d5d5d; letter-spacing:-0.06em; font-size:9pt; padding:10px; text-align:center; line-height:1.4em;} .itsvFlow {border:solid 1px #dfdfdf; margin-top:20px;} .itsvFlow li {padding:15px; padding-left:24%; border-bottom:solid 1px #dfdfdf; background-repeat:no-repeat !important; background-position:left center !important; background-size:auto 100% !important;} .itsvFlow li:last-child {border-bottom:none;} .itsvFlow li h5 {font-size:11pt; color:#1c202b; letter-spacing:-0.075em;} .itsvFlow li p {font-size:9pt; color:#5f6574; letter-spacing:-0.05em;} .itsvTable {} .itsvTable th {border-top:solid 2px #252933; border-bottom:solid 2px #252933; text-align:center; color:#1c202b; font-size:10pt; font-weight:500; letter-spacing:-0.04em; padding:10px 0;} .itsvTable td {color:#1c202b; font-size:9pt; letter-spacing:-0.06em; padding:10px 5px; text-align:center; border-bottom:solid 1px #e6e6e6;} .itsvTable td:last-child {text-align:left; padding-right:0; color:#8e8f8f;} .itsvtHide {height:300px; overflow:hidden;} .itsvtHide.on {height:auto; overflow:visible;} .itsvthBtn { display:block; height:42px; line-height:40px; text-align:center; margin-top:10px; color:#1c202b; letter-spacing:-0.06em; font-size:11pt; font-weight:400; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #e7e7e7; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } .workerList {display:block; width:100%; float:left;} .workerList li {display:block; width:100%;} .workerList li a {display:block; position:relative; padding-left:35%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);} .workerThumb {position:absolute; top:0; left:0; bottom:0; width:35%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;} .workerCont {width:100%; height:100%; padding:15px 10px;} .workerTxt {width:100%;} .workerTxt h4 {font-size:10pt; letter-spacing:-0.06em; color:#353535; font-weight:400; padding-bottom:8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .workerTxt h4 b {color:#ffcb00; font-weight:600;} .workerTxt h5 {font-size:9pt; letter-spacing:-0.06em; color:#999; font-weight:400; position:relative; padding-left:8px; height:18px; line-height:18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .workerTxt h5:before {content:""; display:block; width:2px; height:2px; background:#999; position:absolute; left:0; top:50%; margin-top:-1px;} .workerTxt p {padding-top:8px;} .workerTxt p span {color:#8e8e8e; font-size:8pt; letter-spacing:-0.02em; font-weight:300; display:inline-block; height:12px; line-height:12px; padding-left:18px;} .workerDate {background:url("/img/common/worker_date.png")no-repeat left center; margin-right:15px;} .workerView {background:url("/img/common/worker_view.png")no-repeat left center;} .mapTab {padding-top:30px; padding-bottom:15px;} .mapTab:after {content:""; display:table; clear:both;} .mapTab li {float:left; width:20%; border:solid 1px #ddd; border-right:none; background:#fff;} .mapTab li:last-child {border-right:solid 1px #ddd;} .mapTab li a {display:block; height:40px; line-height:40px; text-align:center; font-size:11pt; color:#333; cursor:pointer;} .mapTab li.current {border-bottom-color:#ffcb00; background:#ffcb00;} .mapTab li.current a {color:#272c39; font-weight:500;} .hakgwaTab {float:left; width:100%; padding-bottom:0;} .hakgwaTab li {width:20%;} .mapImg {border:solid 1px #ddd;} .mapImg img {display:block; width:100%;} .subway {display:inline-block; width:95%; vertical-align:top; letter-spacing:-0.00em;} .subway dd {padding-left:15px; position:relative; font-size:10pt; line-height:1.4em;} .subwaydot {position:absolute; top:7px; left:0px;} .busTitle {font-size:11pt; color:#333; padding-top:15px; padding-bottom:5px;} .intsvCourse {} .intsvCourse th {border:solid 1px #333; background:#424857; color:#fff; padding:5px; font-size:9pt; font-weight:normal} .intsvCourse td {border:solid 1px #ddd; padding:5px; vertical-align:top;} .intsvCourse td img {display:block; margin:0 auto; max-width:100%;} .intsvCourse td h4 {font-size:11pt; padding-top:10px; padding-bottom:5px; font-weight:500;} .intsvCourse td ul {padding-bottom:15px;} .intsvCourse td li {font-size:9pt; position:relative; padding-left:5px;} .intsvCourse td li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:7px} .tchList li {display:block;} .tchList li a {display:block; padding-left:40%; overflow:hidden; heighT:120px; position:relative; padding-top:40px; border-bottom:solid 1px #ddd;} .tchList li a h5 {font-size:15pt; font-weight:600; letter-spacing:-0.05em; color:#333;} .tchList li a h5 span {font-weight:300;} .tchList li a h5:after {display:inline-block; vertical-align:middle; margin-left:5px; padding:3px 5px; color:#fff; background:#555; font-size:11px; line-height:1.0em; text-align:center; font-family:"dotum", sans-serif; letter-spacing:-0.075em; font-weight:normal;} .tchList li.gn a h5:after {content:"강남지점";} .tchList li.hd a h5:after {content:"홍대지점";} .tchList li.bs a h5:after {content:"부산지점";} .tchList li.dg a h5:after {content:"대구지점";} .tchList li a p {font-size:10pt; color:#666; letter-spacing:-0.05em; padding-top:3px;} .tThumb {position:absolute; left:0; top:0; bottom:0; width:35%; background-position:center center !important; background-size:auto 150% !important; background-repeat:no-repeat !important;} .tchProfile {background:#fafafa;} .teacherPop {display:none; padding:15px; border-bottom:solid 1px #ddd;} .tchpImg {display:none;} .teBtnList {display:none;} .teacherClose {display:none;} .tchpTitle h3 {font-size:15pt; line-height:1.0em; letter-spacing:-0.05em; font-weight:500;} .tchpTitle h3 span {font-weight:200; margin-left:3px;} .tchpTitle ul {margin-top:10px; margin-bottom:10px;} .tchpTitle ul li {font-size:10pt; padding-left:10px; position:relative; letter-spacing:-0.025em; font-weight:500;} .tchpTitle ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:8px;} .teacherCareer h4 {padding-top:15px; padding-bottom:5px; font-size:12pt; font-weight:500;} .teacherCareer ul li {padding:0 0 0 10px; position:relative; margin-bottom:3px; font-size:10pt;} .teacherCareer ul li:before {content:""; display:block; width:2px; height:2px; background:#333; left:0; top:8px; position:absolute;} /* 바리스타과정 추가 180220 */ .animated {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .fadein {-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;} .fadeinup {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} .fadeindown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .fadeinright {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} .bouncein {-webkit-animation-name: bounceIn; animation-name: bounceIn;} .delay-1 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;} .delay-2 {-webkit-animation-delay: 0.25s; animation-delay: 0.25s;} .delay-3 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;} .delay-4 {-webkit-animation-delay: 0.55s; animation-delay: 0.55s;} .delay-5 {-webkit-animation-delay: 0.45s; animation-delay: 0.45s;} .delay-6 {-webkit-animation-delay: 0.95s; animation-delay: 0.95s;} .bariTop {position:relative; overflow:hidden; background:#000;} .bariTbg {position:absolute; top:0; left:0; right:0; bottom:0; background:url("/img/curri/bari_top_bg.jpg")no-repeat center top; background-size:cover;} .bariTtxt {position:relative; z-index:1; background:rgba(0,0,0,0.5); padding:60px 0;} .bariTcont {text-align:center;} .bariTcont li:last-child {margin-top:60px;} .bariTcont li:last-child img {width:70%;} .bariTcont li:first-child img {width:80%;} .bariAbout {background:#30394c; text-align:center; padding:60px 0;} .bariAbout .contInner {padding:0 15px;} .bariAbout .contInner > img {height:8px;} .bariAslider {overflow:hidden; margin:0 -15px; margin-top:30px; } .bariAslider .slick-arrow {display:block; width:11px; height:20px; text-indent:-9999px; position:absolute; top:50%; margin-top:-10px; background:url("/img/curri/bari_about_arrow.png")no-repeat; background-size:cover !important;} .bariAslider .slick-prev {background-position:left center; left:10px;} .bariAslider .slick-next {background-position:right center; right:10px;} .bariAslider .slick-dots {margin-top:30px; text-align:center;} .bariAslider .slick-dots li {display:inline-block; width:6px; height:6px; margin:0 2px; background:rgba(255,255,255,0.1); cursor:pointer; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;} .bariAslider .slick-dots li.slick-active {background:#fff;} .bariAslider .slick-dots li button {display:none;} .bariAslider .slick-slide {padding:0 30px;} .bariAslider .slick-slide img {max-width:100%;} .bariCurriBtn {display:table; width:100%; height:200px; cursor:pointer; margin-top:1px; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;} .bariCurriBtn > div {display:table-cell; width:100%; vertical-align:middle; text-align:center;} .bariCurriBtn > div img {display:block; margin:0 auto; margin-bottom:20px; height:43px;} .bariCurriBtn.bariCurri01 {background:url("/img/curri/bari_curri01_bg.jpg");} .bariCurriBtn.bariCurri02 {background:url("/img/curri/bari_curri02_bg.jpg");} .bariCurriBtn.bariCurri03 {background:url("/img/curri/bari_curri03_bg.jpg");} .bariCurriBtn.bariCurri04 {background:url("/img/curri/bari_curri04_bg.jpg");} .bariCurriBtn.bariCurri05 {background:url("/img/curri/bari_curri05_bg.jpg");} .bariArrow {width:30px; height:30px; display:inline-block;} .bariArrow li { margin-top:-30px; -webkit-animation:arrow 2s infinite; -moz-animation:arrow 2s infinite; -o-animation:arrow 2s infinite; -ms-animation:arrow 2s infinite; animation:arrow 2s infinite; } .bariArrow li:first-child {margin-top:0;} .bariArrow li img {display:block; width:100%; height:auto;} @keyframes arrow{ 0% {opacity:0} 25% {opacity:1} 50% {opacity:0} 100% {opacity:0} } @-webkit-keyframes arrow{ 0% {opacity:0} 25% {opacity:1} 50% {opacity:0} 100% {opacity:0} } .bariArrow .a1 { -webkit-animation-delay:-1s; -moz-animation-delay:-1s; -o-animation-delay:-1s; -ms-animation-delay:-1s; animation-delay:-1s; } .bariArrow .a2 { -webkit-animation-delay:-0.5s; -moz-animation-delay:-0.5s; -o-animation-delay:-0.5s; -ms-animation-delay:-0.5s; animation-delay:-0.5s; } .bariArrow .a3 { -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s; -ms-animation-delay:0s; animation-delay:0s; } .bariCurriCont {background:#181819 url("/img/curri/bari_curri_detail_bg.jpg")no-repeat center top; padding-bottom:30px; display:none;} .bariCurriCont .contInner {padding:0 15px;} .bariCtitle {padding-top:30px; padding-bottom:10px; text-align:center; color:#fff;} .bariCtitle h6 {font-family: 'Vidaloka', serif; font-size:11pt; font-weight:normal;} .bariCtitle h5 {font-size:14pt; font-weight:400; line-height:1.0em; padding-top:3px; padding-bottom:10px; position:relative;} .bariCtitle h5 span {display:inline-block; padding:0 20px; background:#181819; position:relative; z-index:1;} .bariCtitle h5:before {content:""; display:block; height:1px; background:#757576; position:absolute; left:0; right:0; top:50%;} .bariCtitle p {font-size:9pt; font-weight:200;} .bariCsub {color:#fff; font-size:10pt; font-weight:300; text-align:center; padding-bottom:3px; padding-top:5px;} .bariCtable {} .bariCtable th, .bariCtable td {border:solid 1px #19191a; text-align:center;} .bariCtable th {background:#fdba2b; color:#141415; padding:3px 0; font-size:9pt; font-weight:600; letter-spacing:-0.075em;} .bariCtable td {background:#fff; padding-bottom:15px; vertical-align:top;} .bariCtable td dt {color:#19191a; background:#f1f1f1; font-size:9pt; font-weight:600; padding:3px 0; margin-bottom:15px; letter-spacing:-0.075em;} .bariCtable td dd {color:#262b38; padding:2px 5px; font-size:9pt; letter-spacing:-0.075em;} .bariBtn a {display:block; letter-spacing:-0.075em; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .bariBtn a:hover {-webkit-transform: translate3d(0,-2px,0); -moz-transform: translate3d(0,-2px,0); -o-transform: translate3d(0,-2px,0); -ms-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);} .bariCbtn {text-align:center; margin-top:30px;} .bariCbtn a {background:#fdba2b; color:#161717; font-size:11pt; font-weight:500; height:44px; line-height:40px; -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.9); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.9);} .bariLbtn a {background:#343434; color:#fff; font-size:11pt; font-weight:500; height:44px; line-height:40px;} .bariList {background:#dedede; padding:60px 0;} .bariList .contInner {padding:0 15px;} .bariList h3 {padding-bottom:15px; text-align:center;} .bariList h3 img {height:8px;} .bariLbtn {text-align:center;} .bariLcont {padding:20px 0; border-bottom:solid 1px #a9acb2;} .bariLcont:after {content:""; display:table; clear:both;} .bariLcourse {width:100%; float:left;} .bariLcourse h4 {font-family: 'Vidaloka', serif; color:#343434; letter-spacing:0em; font-size:16pt;} .bariLcourse h5 {color:#343434; font-size:13pt; font-weight:500;} .bariLcourse ul {padding-top:5px; padding-bottom:15px;} .bariLcourse ul li {font-size:9pt; font-weight:400; padding:2px 0;} /* Slider */ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; height:100%; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; top: 0; left: 0; height:100%; display: block;} .slick-track:before, .slick-track:after {display: table; content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} .slick-slide:focus {outline:0;} [dir='rtl'] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow {border:none; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .slick-arrow.slick-hidden {display: none;} .logoDeco{position:absolute; top:50%; left:170px;margin-top:-17px;} .logoDeco img{height:38px;} .chgLoca {} .chgLoca:after {content:""; display:table; clear:both;} .chgLoca li {float:left;} .chgLoca.col2 li {width:50%;} .chgLoca.col3 li {width:33.3333%;} .chgLoca.col4 li {width:25%;} .chgLoca.col5 li {width:20%;} /* 180807 개강일정안내 */ .container {padding:30px 15px 0;} .opTop {padding-bottom:30px; text-align:center;} .opTop h3 {font-size:17pt; letter-spacing:-0.075em; font-weight:600; padding-bottom:8px;} .opTop p {font-size:9pt; line-height:1.4em; letter-spacing:-0.075em;} .opCps {} .opCps:after {content:""; display:table; clear:both;} .opCps li {display:block; float:left; width:16.6%; position:relative;} .opCps li input[type="radio"] {display:none;} .opCps li label {display:block; height:42px; line-height:40px; background:#f2f5f7; border:solid 1px #ddd; border-right:none; color:#333; text-align:center; font-size:10pt; color:#888; font-weight:400; margin:0 !important;} .opCps li:last-child label {border-right:solid 1px #ddd;} .opCps li.current label {border-bottom:solid 1px #fff; background:#fff; color:#333; font-weight:600;} .opCps li.current:before {content:""; display:block; height:4px; background:#ffcb00; position:absolute; left:0; right:0; top:0;} .opMnth {padding:10px 30px; position:relative;} .opMnth ul:after {content:""; display:table; clear:both;} .opMnth ul li {float:left; width:60px; cursor:pointer; height:40px; line-height:40px; text-align:center; cursor:pointer; font-size:10pt; position:relative;} .opMnth ul li:after {content:""; display:block; width:1px; height:16px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-8px;} .opMnth ul li:last-child:after {display:none;} .opMnth ul li.current {color:#ffcb00; font-weight:600;} .opMnth:before, .opMnth:after {content:""; display:block; position:absolute; z-index:1; top:0; bottom:0; width:30px; background:#ff0000;} .opMnth:before { left:0; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .opMnth:after { right:0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .opMnth button {display:block; position:absolute; top:0; bottom:0; width:30px; z-index:2; text-indent:-9999px; background-repeat:no-repeat !important; background-size:auto 20px !important;} .opMnth button.prevPage {left:0; background:url("/m/img/sub/op_month_prev.png")no-repeat left center;} .opMnth button.nextPage {right:0; background:url("/m/img/sub/op_month_next.png")no-repeat right center;} .opTitle {padding-top:10px; position:relative;} .opSel {margin:0 -3px; } .opSel:after {content:""; display:table; clear:both;} .opSel li {float:left; width:100%; padding:0 3px;} .opSel select {cursor:pointer; display:block; width:100%; height:34px; background:url("/m/img/sub/op_arrow.png")no-repeat right center; background-size:auto 100%; font-size:10pt;} .opSel select:focus {outline:none;} .opTable {} .opTable th, .opTable td {padding:10px; font-size:13px; text-align:center;} .opTable th {border-top:solid 1px #333; border-bottom:solid 1px #333;} .opTable td {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;} .opTable td.txtLeft {text-align:left;} .opDiff span {font-weight:600;} .opDiff span.diff1 {color:#e74c3c;} .opDiff span.diff2 {color:#ccc;} .opDiff span.diff3 {color:#ffcb00;} .opDiff span.diff4 {color:#ccc;} .opGubun span {display:inline-block; vertical-align:top; font-family:'dotum', sans-serif; font-size:8pt; letter-spacing:-0.025em; padding:0 4px; height:15px; line-height:15px; color:#fff; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;} .opGubun span.opGubun1 {background:#0984e3;} .opGubun span.opGubun2 {background:#74b9ff;} .opGubun span.opGubun3 {background:#575fcf; margin-left:2px;} .opGubun span.opGubun4 {background:#3c40c6; margin-left:2px;} #opCover {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); z-index:10000;} #opPop {display:none; position:fixed; background:#fff; left:15px; right:15px; top:50%; max-width:690px; margin:0 auto; z-index:10001; padding:30px 20px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);} #oppClose {position:absolute; right:20px; top:20px; text-indent:-9999px; width:30px; height:44px; cursor:pointer; background:url("/m/img/sub/cs_close.png")no-repeat center center; background-size:100% auto;} .oppTitle {padding-bottom:10px;} .oppTitle h4 {font-size:18pt; font-weight:700; letter-spacing:-0.075em;} .oppTitle ul {padding-top:15px;} .oppTitle ul li {font-family:'dotum', sans-serif; font-size:9pt; padding-left:8px; letter-spacing:-0.075em; color:#333; position:relative;} .oppTitle ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;} .oppTitle ul li b {color:#575fcf;} .oppTable {} .oppTable th, .oppTable td {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px; font-size:14px;} .oppTable th {background:#f2f3f5;} .oppTable td input[type="text"] {border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .csfWidth {width:100% !important;} .csTel:after {content:""; display:table; clear:both;} .csTel li {float:left;} .csTel li:nth-child(even) {width:5%; height:40px; line-height:40px; text-align:center;} .csTel li:nth-child(odd) {width:26.5%;} .csTel li:first-child {width:37%;} .csTel li select, .csTel li input[type="tel"] {display:block; width:100%; min-width:100%; border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .csAg {padding-top:5px;} .csAg:after {content:""; display:table; clear:both;} .csAg input[type="checkbox"] {display:inline-block; vertical-align:middle;} .csAg label {display:inline-block; vertical-align:middle; font-size:11px; font-family:"dotum", sans-serif;} .csAg a {display:block; float:right; font-family:"dotum", sans-serif; padding-right:10px; font-size:11px; color:#333; background:url("/m/img/sub/cs_agree_arrow.png")no-repeat right center;} .csSend {text-align:center; padding-top:35px;} .csSend a {display:inline-block; height:48px; line-height:48px; padding:0 30px; background:#ffcb00; font-size:17px; color:#fff; font-weight:500; letter-spacing:-0.075em; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;} .oppOpen {display:inline-block; height:34px; line-height:34px; padding-left:15px; padding-right:30px; font-size:10pt; color:#fff; font-weight:600; background:#ffcb00 url("/m/img/sub/cs_agree_arrow_wh.png")no-repeat 90% center; cursor:pointer; position:relative; border-radius: 17px 17px 17px 17px; -moz-border-radius: 17px 17px 17px 17px; -webkit-border-radius: 17px 17px 17px 17px;} .hid_sh {display:none !important;} #opCourse span {display:inline-block; vertical-align:middle; font-family:'dotum', sans-serif; font-size:11px; letter-spacing:-0.025em; padding:0 4px; height:18px; line-height:18px; color:#fff; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;} #opCourse span.opc1 {background:#0984e3; margin-right:3px;} #opCourse span.opc2 {background:#575fcf; margin-right:6px;} .opSubTuition .subtuition {float:none !important;} .opSlider {} .opSlider .slick-list {overflow:visible;} .opSlider .slick-slide {padding:0 5px;} .opsCont { display:block; position:relative; padding:10px; background:#fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15); } .opsCont em {display:block; font-size:9pt; font-weight:600;} .opsCont .opGubun {position:absolute; right:10px; top:10px;} .opsCont h3 {font-size:11pt; letter-spacing:-0.05em; margin:10px 0; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:2.4em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .opsCont h3 a {display:block; text-decoration:underline;} .opsCont ul li {font-size:9pt; letter-spacing:-0.075em;} .opsCont ul li:before {font-weight:600; margin-right:5px;} .opsCont ul li:nth-child(1):before {content:"교육기간 :";} .opsCont ul li:nth-child(2):before {content:"교육일정 :";} .opsCont ul li:nth-child(3):before {content:"교육정원 :";} .opsCont ul li:nth-child(4):before {content:"모집상태 :";} .opsBtn {text-align:center; padding-top:10px;} #sch_h2 {font-size:14pt; letter-spacing:-0.05em; font-weight:600; text-align:center;} .opsWrap {background:#f2f3f5; padding:20px 15px 30px; margin:0 -15px;} .opNav {position:relative; margin-top:10px; margin-bottom:20px;} .opNum {text-align:center; height:30px; line-height:30px; width:80px; margin:0 auto;} /* .opNum b {color:#2565d0;} */ .opArrow span {display:block; width:30px; height:30px; position:absolute; top:0; border:solid 1px #ddd; text-indent:-9999px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .slickPrev {right:50%; margin-right:40px; background:#fff url("/m/img/sub/op_month_prev.png")no-repeat center center; background-size:6px auto;} .slickNext {left:50%; margin-left:40px; background:#fff url("/m/img/sub/op_month_next.png")no-repeat center center; background-size:6px auto;} .opsNone {text-align:center; margin-right:-100%;} .opsNone h4 {font-size:14pt; font-weight:600; color:#aaa; letter-spacing:-0.075em; padding-bottom:3px;} .opsNone p {font-size:10pt; color:#aaa; letter-spacing:-0.075em; padding-bottom:20px;} .opsNone a {display:inline-block; height:34px; line-height:32px; border:solid 1px #666; padding-left:15px; padding-right:30px; font-size:10pt; color:#333; font-weight:600; background:url("/m/img/sub/cs_agree_arrow.png")no-repeat 90% center; cursor:pointer; position:relative; border-radius: 17px 17px 17px 17px; -moz-border-radius: 17px 17px 17px 17px; -webkit-border-radius: 17px 17px 17px 17px;} /* 181112 교육과정 코딩ver. */ @font-face { font-family: 'Atomy-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/Atomy-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } .csBanner {text-align:center; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important;} .csBanner > div {padding:40px 15px;} .csBanner > div.csbCover {background:rgba(0,0,0,0.5);} .csBanner > div > div {} .csBanner h3 {line-height:1.0em; font-family: 'Atomy-Bold'; font-size:30pt; color:#fff;} .csBanner p {margin-top:20px; font-size:10pt; color:#fff; font-weight:300; letter-spacing:-0.075em; line-height:1.6em;} .csBanner p span {} .csBanner p b {color:#ffcb00; font-weight:500;} .csBanner ul {margin-top:30px;} .csBanner ul:after {content:""; display:table; clear:both;} .csBanner ul li {float:left; width:33.3333%; padding:0 3px;} .csBanner ul li a {display:block; color:#fff; padding:8px 0; text-align:center; background:#613707; font-size:10pt; letter-spacing:-0.075em; font-weight:500; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .csBanner ul li:first-child a {background:#ffac00;} .csIntro {padding:40px 15px; position:relative;} .csIntro h6 {font-size:9pt; font-weight:500; color:#5f6574; letter-spacing:0.25em; position:relative; position:relative; z-index:1;} .csIntro h5 {font-size:24pt; color:#1c202b; font-weight:300; letter-spacing:-0.08em; line-height:1.2em; position:relative; z-index:1; padding:20px 0;} .csIntro h5 span {font-weight:500; line-height:1.2em;} .csIntro h5 br {display:block; line-height:1.2em;} .csIntro p {font-size:11pt; color:#91959f; font-weight:300; line-height:1.5em;} .csIntro dl {margin-top:20px; border:solid 1px #d9dddf; position:relative; z-index:1; padding:15px;} .csIntro dl dt {border-bottom:solid 1px #d9dddf; background:#f9f9f9; padding:10px 15px; font-size:10pt; color:#272c39; vertical-align:middle; margin-bottom:15px; margin-top:-15px; margin-left:-15px; margin-right:-15px;} .csIntro dl dt:before {content:""; display:inline-block; vertical-align:middle; width:16px; height:16px; background:url("/img/curriNew/curri_recomment.png")no-repeat center center; margin-right:5px; margin-top:-2px;} .csIntro dl dd {font-size:10pt; color:#272c39; line-height:2.0em; position:relative; padding-left:10px;} .csIntro dl dd:before {content:""; display:block; width:2px; height:2px; background:#272c39; position:absolute; left:0; top:9pt;} .csIntro img {display:block; margin:0 auto; max-width:100%;} .csCurri {padding:40px 15px;} .csCurri h4 {text-align:center; position:relative;} .csCurri h4:before {content:""; display:block; height:1px; position:absolute; left:-15px; right:-15px; top:50%; background:#5f6574;} .csCurri h4 span {display:inline-block; font-size:14pt; color:#151719; background:#fff; font-weight:300; height:20px; line-height:20px; letter-spacing:-0.075em; padding:0 15px; position:relative;} .csCurri h4 span:before, .csCurri h4 span:after {content:""; display:block; width:3px; background:#5f6574; position:absolute; top:0; bottom:0;} .csCurri h4 span:before {left:0;} .csCurri h4 span:after {right:0;} .csCurri h3 {text-align:center; font-size:18pt; color:#1c202b; font-weight:300; letter-spacing:-0.08em; line-height:1.2em; padding:20px 0;} .csCurri h3 span {font-weight:500; line-height:1.2em;} .csCurri h3 br {display:block; line-height:1.2em;} .csCurri p {text-align:center; font-size:10pt; color:#2e3138; font-weight:300; letter-spacing:-0.075em; line-height:1.5em;} .csCurri table {margin-top:20px;} .csCurri table th {text-align:center; background:#424858; border:solid 1px #383e4c; color:#fff; font-size:10pt; font-weight:300; padding:8px;} .csCurri table td {border:solid 1px #ddd; vertical-align:top;} .csCurri table td div {position:relative; padding:15px 15px 30px;} .csCurri table td div img {display:block; max-width:100%; margin:0 auto;} .csCurri table td div h5 {text-align:center; font-size:10pt; color:#333; font-weight:400; padding-top:10px; padding-bottom:10px; margin-bottom:15px; position:relative;} .csCurri table td div h5:after {content:""; display:block; width:20px; height:1px; background:#333; position:absolute; bottom:0; left:50%; margin-left:-10px;} .csCurri table td div li {font-size:9pt; margin-top:5px; font-family:"dotum", sans-serif; letter-spacing:-0.075em; position:relative; padding-left:6px;} .csCurri table td div li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:7px;} .csCurri table td div:after {content:""; display:block; width:24px; height:24px; position:absolute; right:-12px; top:50%; margin-top:-24px; background:url("/img/curri/dessert_arrow.png")no-repeat center center; background-size:cover;} .csCurri table td:last-child div:after {display:none;} /* member */ .mMem {padding:10px 18px;} .mMem ul {margin:0 -2px;} .mMem ul:after {content:""; display:table; clear:both;} .mMem ul li {width:50%; float:left; padding:0 2px;} .mMem ul li a {display:block; font-size:10pt; color: #ddd; letter-spacing: -0.08em; border:solid 1px #666; text-align:center; padding:2px 5px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .lgnWrap { padding:50px 20px; background:#666; } .lgnCont {padding:40px 30px; background:#fff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);} .lgnTitle {text-align:center;} .lgnTitle h3 {font-size:22pt; font-weight:600;} .lgnTitle h3 span {display:block; font-weight:400; font-size:10pt; color:#333;} .lgnForm {margin-top:20px;} .lgnForm li {padding-top:5px;} .lgnForm li input {height:44px; display:block; width:100%;} .lgnForm li button {display:block; background:#1b5d91; color:#fff; text-align:center; border:none; width:100%; height:50px; font-size:12pt;} .lgnBtn {text-align:center; margin-top:20px;} .lgnBtn li {display:inline-block;} /* .lgnBtn li:first-child {margin-right:10px; padding-right:10px; position:relative;} .lgnBtn li:first-child:after {content:""; display:block; width:1px; height:12px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-6px;} */ .lgnBtn li a {display:block; font-size:10pt; white-space:nowrap;} .joinStep{margin:0 -6px;} .joinStep:after {clear:both; content:""; display:table;} .joinStep li {display:block; float:left; width:33.3333%; padding:0 3px;} .joinStep li span {display:block; height:40px; line-height:40px; text-align:center; position:relative; background:#f1f1f1; color:#aaa; font-size:9pt; letter-spacing:-0.08em;} .joinStep li span:before {content:''; position: absolute; top:0; left:0; height:0; width:0; border: 20px solid transparent; border-right-width:0; z-index:1; border-left-color: #fff;} .joinStep li span:after {content:''; position: absolute; top:0; left:100%; height:0; width:0; border: 20px solid transparent; border-right-width:0; z-index:2; border-left-color: #f1f1f1;} .joinStep li.current span {background:#ffcb00; color:#333;} .joinStep li.current span:after {border-left-color: #ffcb00;} .joinStep li:first-child span:before {display:none;} .joinStep li:last-child span:after {display:none;} .joinWrap {padding-bottom:30px;} .joinTitle {text-align:center;} .joinTitle h2 {font-size:18pt;} .joinTitle p {font-size:9pt; margin-top:5px;} .privacyTitle {padding:50px 0; font-size:40px; font-weight:100; letter-spacing:-0.1em;} .privacyWrap {font-size:9pt; padding-bottom:30px;} .privacyWrap h4 {font-size:11pt; padding-top:15px; padding-bottom:5px;} .privacyWrap h5 {font-size:10pt; padding-top:10px; padding-bottom:5px;} .privacyWrap h6 {font-size:9pt; padding-top:5px; padding-bottom:2px;} .privacyWrap p {} .privacyWrap ol li {padding:5px 0;} .privacyWrap ul {padding-left:10px;} .privacyWrap table {width:100%; margin-top:10px;} .privacyWrap table th, .privacyWrap table td {border:solid 1px #ddd; padding:5px; text-align:center;} .privacyWrap table th {background:#fafafa; font-weight:bold;} .privacyTitle {padding-bottom:10px;} .privacyTitle h5 {font-size:13pt; color:#444; letter-spacing:-0.04em; font-weight:600; letter-spacing:-0.075em;} .privacyTitle h4 {font-size:9pt; color:#445161; letter-spacing:-0.04em; font-weight:400; opacity:0.5;} .privacyScroll {height:100px; padding:15px; border:solid 1px #ddd; overflow-y:scroll;} .privacyScroll h5 {font-family:"dotum"; color:#4c4f5a; font-size:11pt; font-weight:bold; padding-bottom:5px;} .privacyScroll p {font-family:"dotum"; color:#4c4f5a; font-size:10pt; padding-left:20px;} .privacyAgree {text-align:right; padding-top:10px;} .privacyAgree label {font-size:9pt; margin-left:5px;} .privacyScroll .privacyTxt {background:none !important; height:auto !important; overflow-y:visible !important; border:none !important; padding:0 !important; margin-top:0 !important; float:none !important;} .privacyScroll .privacyTxt p {padding-left:0;} .privacyScroll .checkArea {display:none;} .tuitionDesc {padding:5px 0;} .tuitionDesc ul li {font-family:"dotum"; color:#000; font-size:9pt; letter-spacing:-0.005em; position:relative;} .tuitionDesc ul li span {color:#01b0c0;} .joinTable {width:100%; font-size:10pt; border-top:solid 1px #bababa; margin-top:15px;} .joinTable tr {border-bottom:solid 1px #dcdcdc;} .joinTable tr th {padding:8px 10px; background:#f7f7f7; color:#212121; font-weight:400; letter-spacing:-0.07em; text-align:left;} .joinTable tr td {padding:8px; background:#fff;} .joinTable label {margin-left:0; line-height:1.4em; font-size:9pt;} .joinTable {margin-top:5px;} .joinTable tr th {font-size:9pt; text-align:center;} .joinTable tr td p {font-size:9pt;} .joinTable input[type="text"], .joinTable input[type="password"], .joinTable input[type="tel"], .joinTable select {width:100%; max-width:100%; min-width:auto !important;} .joinTable select {font-size:10pt;} .inputFull {width:226px;} .inputCall {display:block; width:226px;} .inputCall:after {content:""; display:table; clear:both;} .inputCall li {float:left; padding:0 !important;} .inputCall li input, .inputCall li select {width:100%;} .inputCall li:nth-child(2n) {width:13px; height:32px; line-height:32px; text-align:center; padding-top:5px;} .inputCall li:nth-child(2n+1) {width:60px;} .inputCall li:first-child {width:80px;} .inputYear:after {content:""; display:table; clear:both;} .inputYear li {float:left; padding:0 !important;} .inputYear li input, .inputYear li select {width:100%;} .inputYear li:nth-child(2n) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;} .inputYear li:nth-child(2n+1) {width:60px;} .inputYear li:first-child {width:80px;} .inputZipcode {display:inline-block !important; vertical-align:middle;} .inputZipcode:after {content:""; display:table; clear:both;} .inputZipcode li {float:left; padding:0 !important; width:80px;} .inputZipcode li:nth-child(2) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;} .inputZipcode li input {width:100%;} .inputAddr {padding-top:6px;} .inputAddr:after {content:""; display:table; clear:both;} .inputAddr li {width:260px;} .inputAddr li input {width:100%;} .redStar {color:#ff5c0c; display:inline-block; margin-right:3px;} .joinFormBtn {display:inline-block; height:32px; line-height:32px; margin-left:2px; text-align:center; padding:0 15px; font-size:9pt; letter-spacing:-0.075em;background:#ffcb00; color:#333; vertical-align:middle; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .joinFormDesc {display:block; margin-top:3px; font-size:9pt;} .joinSuccess {padding:30px 0; text-align:center;} .joinSuccess h3 {color:#666; font-size:16pt; letter-spacing:-0.075em; font-weight:500; line-height:1.3em;} .joinSuccess h3 span {display:block; font-weight:500; color:#ffcb00;} .joinSuccess p {padding-top:30px; font-size:9pt; line-height:1.6em;} .joinSuccess u {font-weight:600;} .memberOut {display:block; text-align:Center; font-size:12pt; font-weight:500;} .memberOut p {padding-bottom:10px;} .memberOut textarea {display:block; width:100%; height:150px; resize:none;} .joinStep2 {padding-left:0; padding-right:0;} .joinDesc {padding-left:10px; margin-top:30px; font-size:9pt;} .joinDesc span {color:#ff5c0c;} .joinIdChk {} .joinIdChk:after {content:""; display:table; clear:both;} .joinIdChk li {float:left;} .joinIdChk li:first-child {width:70%;} .joinIdChk li:last-child {width:30%; padding-left:5px;} .joinIdChk li a {display:block; width:100%; height:35px; line-height:35px; margin:0; padding:0;} .joinMailChk {} .joinMailChk:after {content:""; display:table; clear:both;} .joinMailChk li {float:left;} .joinMailChk li:nth-child(1) {width:47%;} .joinMailChk li:nth-child(2) {width:6%; height:35px; line-height:35px; text-align:center;} .joinMailChk li:nth-child(3) {width:47%;} .joinCall:after {content:""; display:table; clear:both;} .joinCall li {float:left;} .joinCall li:nth-child(odd) {width:30%;} .joinCall li:nth-child(even) {width:5%; height:35px; line-height:35px; text-align:center;} .joinStu {padding-top:10px; padding-bottom:5px; color:#000; font-size:10pt;} .joinYear {} .joinYear:after {content:""; display:table; clear:both;} .joinYear li {float:left; width:33.3333%; padding-right:5px;} .joinYear li:last-child {padding-right:0;} .joinRadio {padding-top:5px;} .joinRadio li {display:inline-block; margin-right:10px;} .joinRadio li input {display:inline-block; vertical-align:middle;} .joinRadio li label {display:inline-block; vertical-align:middle; margin-left:5px;} .joinRadio li:last-child {margin-right:0;} .idpwTab {padding:0; margin-top:30px;} .idpwArea {} .idpwArea li {padding-top:5px;} .idpwArea li p {margin-top:20px;} .idpwArea li p span {color:#01b0c0;} .idpwArea li input {height:44px; display:block; width:100%;} .idpwArea li button {display:block; background:#ffcb00; color:#333; text-align:center; border:none; width:100%; height:50px; font-size:12pt;} .idpwTab {display:block;} .idpwTab:after {content:""; display:table; clear:both;} .idpwTab li {display:block; float:left; height:100%;} .idpwTab li a {display:block; height:42px; line-height:42px; text-align:center; color:#a1a1a1; background:#f7f7f7; border:solid 1px #dcdcdc; border-left:none;} .idpwTab li:first-child a {border-left:solid 1px #dcdcdc;} .idpwTab li.current a {color:#333; background:#ffcb00; border:none;} .idpwTab.col5 li {width:20%;} .idpwTab.col4 li {width:25%;} .idpwTab.col3 li {width:33.3333%;} .idpwTab.col2 li {width:50%;} .joinBtn {padding-top:20px; text-align:center;} .joinBtn a, .joinBtn span { display:inline-block; white-space:nowrap; min-width:200px; height:40px; line-height:40px; background:#2d2d2d; color:#fff; text-align:center; font-size:11pt; letter-spacing:-0.06em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* CBT */ .cbtList {} .cbtList > li {padding:15px; border-bottom:solid 1px #ddd;} .cbtList > li:last-child {border-bottom:none;} .cbtList > li h5 {font-size:15pt; padding-bottom:5px; letter-spacing:-0.075em;} .cbtList > li p {padding-top:10px;} .cbtList > li > ul {margin:0 -2px;} .cbtList > li > ul:after {content:""; display:table; clear:both;} .cbtList > li > ul.col4 > li {width:25%;} .cbtList > li > ul.col3 > li {width:33.3333%;} .cbtList > li > ul.col2 > li {width:50%;} .cbtList > li > ul.col1 > li {width:100%;} .cbtList > li > ul > li {float:left; padding:0 2px;} .cbtList > li > ul > li > a {display:block; text-align:center; height:40px; line-height:40px; font-size:9pt; color:#fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .cbtList > li > ul > li > a.green {background:#ffcb00; color:#333;} .cbtList > li > ul > li > a.gray {background:#666;} .cbtList > li > ul > li > a.red {background:#ee293e;} .cbtlPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); max-width:750px; margin:0 auto; z-index:1000; display:none;} .cbtlpTable {display:table; width:100%; height:100%;} .cbtlpCell {display:table-cell; vertical-align:middle;} .cbtlpCont {padding:0 15px;} .cbtlpClose {text-align:right; padding-bottom:10px;} .cbtlpClose input[type="button"] {display:inline-block; width:40px; height:40px; background:url("/m/CBT/img/popup_close.png")no-repeat center center !important; text-indent:-9999px; border:none; background-size:cover;} .cbtlpClose input[type="button"]:enabled {background:url("/m/CBT/img/popup_close.png")no-repeat center center !important;} #movieView {width:100%; padding:56.25% 0 0 0;position:relative;} #movieView iframe {position:absolute;top:0;left:0;width:100%;height:100%; display:block;} .cbtTitle {padding:20px 15px; position:relative; z-index:1; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);} .cbtTitle h5 {font-size:15pt; letter-spacing:-0.075em;} .cbtTitle ul {padding-top:5px;} .cbtTitle ul:after {content:""; display:table; clear:both;} .cbtTitle ul li {float:left; font-size:10pt; color:#666;} .cbtTitle ul li span {color:#333; font-weight:500;} .cbtTitle ul.col2 li {width:50%;} .cbtTitle ul.col3 li {width:33.3333%;} .cbtView {} .cbtView dt {position:relative; padding:40px 30px; background:#fafafa; text-align:center; -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);} .cbtView dt span {display:inline-block; text-align:center; height:22px; line-height:22px; font-size:9pt; background:#ffcb00; color:#333; white-space:nowrap; padding:0 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;} .cbtView dt span.odap {background:#ee293e;} .cbtView dt h5 {font-size:13pt; font-weight:500; letter-spacing:-0.05em; color:#333; padding-top:10px;} .cbtView dd {} .cbtvList {} .cbtvList li {border-bottom:solid 1px #ddd;} .cbtvList li a {display:block; font-size:11pt; color:#666; letter-spacing:0em; padding:15px 15px; position:relative; padding-left:35px;} .cbtvList li a em {display:block; width:20px; height:20px; line-height:20px; line-height:20px; font-style:normal; position:absolute; left:10px; top:50%; margin-top:-10px;} .cbtvList li a span {display:block; line-height:1.3em;} /* .cbtvList li.chk a {background:#ffcb00; color:#333; font-weight:500;} */ .cbtvList li a em:before {content:""; display:block; width:31px; height:36px; position:absolute; left:-5px; top:50%; margin-top:-18px; background-size:cover !important;} .cbtvList li.chk a em:before {background:url("/m/CBT/img/cbt_chk01.png")no-repeat center center;} .cbtvList li.chk01 a em:before {background:url("/m/CBT/img/cbt_chk01.png")no-repeat center center;} .cbtvList li.chk02 a em:before {background:url("/m/CBT/img/cbt_chk02.png")no-repeat center center;} .cbtvList li.chk03 a em:before {background:url("/m/CBT/img/cbt_chk03.png")no-repeat center center;} .cbtvList li.explain {padding:15px 10px; height:auto; line-height:1.5em;} .cbtvList li.explain h5 {display:inline-block; text-align:center; height:22px; line-height:22px; font-size:9pt; background:#ffcb00; color:#333; white-space:nowrap; padding:0 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;} .cbtvList li.explain p {color:#000; padding-top:5px;} .cbtvNav {padding-top:20px; padding-bottom:60px; text-align:center;} .cbtvNav li {display:inline-block; margin:0 3px;} .cbtvNav li input[type="button"], .cbtvNav li a {display:block; text-align:center; height:40px; line-height:40px; font-size:10pt; color:#fff; border:none; width:100px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .cbtvNav li:first-child input[type="button"], .cbtvNav li:first-child a {background:#666;} .cbtvNav li:last-child input[type="button"], .cbtvNav li:last-child a {background:#ffcb00; color:#333;} .cbtSuccess {padding:60px 0; text-align:center;} .cbtSuccess h5 {font-size:13pt; font-weight:500; letter-spacing:-0.05em; color:#333; margin-bottom:40px;} .cbtTab {background:#fafafa; padding-top:20px;} .cbtTab:after {content:""; display:table; clear:both;} .cbtTab li {float:left; width:50%; background:#fafafa; border:solid 1px #ddd; border-right:none;} .cbtTab li:last-child {border-right:solid 1px #ddd;} .cbtTab li.current {background:#fff; border-bottom:solid 1px #fff;} .cbtTab li a {display:block; height:40px; line-height:40px; text-align:center;} .allQinfo {text-align:right; padding:20px 15px 10px;} .allQinfo li {display:inline-block; color:#333; margin-left:10px;} .allQinfo li:before {content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px;} .allQinfo li:first-child:before {background:#ee293e;} .allQinfo li:last-child:before {border:solid 1px #666;} .allQlist {} .allQlist li {border-bottom:solid 1px #ddd;} .allQlist li a {display:block; font-size:10pt; color:#666; letter-spacing:0em; padding:15px; padding-left:40px; position:relative;} .allQlist li a em {display:block; width:20px; height:20px; line-height:20px; line-height:20px; font-style:normal; position:absolute; left:15px; top:50%; margin-top:-10px; font-size:13pt; color:#333; font-weight:600;} .allQlist li a span {display:block; line-height:1.3em;} .allQlist li a em:after {content:""; display:block; width:44px; height:39px; position:absolute; left:-15px; top:50%; margin-top:-18px; background-size:cover !important;} .allQlist li.jungdap a em:after {background:url("/m/CBT/img/cbt_list_chk01.png")no-repeat center center;} .allQlist li.odap a em:after {background:url("/m/CBT/img/cbt_list_chk02.png")no-repeat center center;} /* .allQlist li.odap a {background:#ee293e; color:#fff;} */ .pul2 {padding:20px 15px 10px;} .pul2 li {display:inline-block; color:#333; margin-right:10px; white-space:nowrap;} .pul2 li:before {content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px;} .pul2 li:first-child:before {background:#ee293e;} .pul2 li:last-child:before {background:#ffcb00;} #cbtFix {position:fixed; width:240px; background:#fff; top:196px; bottom:0; right:0; border-left:solid 1px #ddd; padding-top:60px; padding-bottom:100px;} #cbtFix.answer {padding-bottom:60px; padding-top:90px;} .cbtfTime {position:absolute; left:0; right:0; top:0; height:60px; text-align:center; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);} .cbtfTime dt {display:inline-block; height:60px; line-height:60px; font-size:14px; color:#000;} .cbtfTime dd {display:inline-block; height:60px; line-height:60px; font-family:"roboto", sans-serif; margin-left:10px;} .cbtfTime dd span {font-size:30px; font-weight:800; vertical-align:bottom; display:inline-block; margin-right:5px;} .cbtfList {height:100%; overflow-y:auto; padding:15px; width:260px; padding-right:20px;} .cbtfList th, .cbtfList td {border:solid 1px #ddd; font-family:"dotum", sans-serif; font-size:13px; letter-spacing:-0.075em; padding:3px;} .cbtfList th {background:#fafafa;} .cbtfList thead th {padding:0;} .cbtfList ul {padding:0 3px;} .cbtfList ul:after {content:""; display:table; clear:both;} .cbtfList ul li {float:left; margin-left:5px;} .cbtfList ul.answer li {height:21px; width:21px; background-position:center center !important; padding:4px;} .cbtfList ul.answer li img {display:block;} .cbtfList ul li a {display:block;} .cbtfList ul li a img {display:block;} .cbtfNum {display:block; width:21px; height:21px; line-height:21px; text-align:center; position:relative; margin:0 auto;} .cbtfNum:before {content:""; display:block; width:30px; height:30px; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; background-size:cover !important;} .cbtfNum.correct:before {background:url("/web/renewal2016/CBT/img/correct.png")no-repeat center center;} .cbtfNum.wrong:before {background:url("/web/renewal2016/CBT/img/wrong.png")no-repeat center center;} .cbtfBtn {position:absolute; left:0; right:0; bottom:0; height:100px; padding:10px 20px; -webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2);} .cbtfBtn h4 {text-align:center; font-size:16px; font-weight:400;} .cbtfBtn h4 span {font-weight:600;} .cbtfBtn ul {margin:0 -2px; padding-top:10px;} .cbtfBtn ul:after {content:""; display:table; clear:both;} .cbtfBtn ul li {float:left; width:50%; padding:0 2px;} .cbtfBtn ul li input[type="button"] {display:block; border:none; text-align:center; height:36px; width:100%; color:#fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .cbtfBtn ul li input[type="button"]:focus {outline:none;} .cbtfBtn ul li:first-child input[type="button"] {background:#ffcb00; color:#333;} .cbtfBtn ul li:last-child input[type="button"] {background:#666;} .cbtfBtn ul li:first-child input[type="button"]:enabled {background:#ffcb00 !important; color:#333;} .cbtfBtn ul li:last-child input[type="button"]:enabled {background:#666 !important;} .cbtfBtn.answer {height:60px; padding:12px 20px;} .cbtfBtn.answer a {display:block; border:none; text-align:center; height:36px; line-height:36px; width:100%; background:#ffcb00; color:#333; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;} .cbtfResult {position:absolute; left:0; right:0; top:0; padding:15px; 20px; height:90px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);} .cbtfResult:after {content:""; display:table; clear:both;} .cbtfResult dt {float:left; width:30%; height:20px; line-height:20px; color:#000; font-weight:500; font-size:13px;} .cbtfResult dd {float:left; width:70%; height:20px; line-height:20px; font-size:14px;} .lcnTable {color:#434343; width:100%; margin-top:30px;} .lcnTable th {background:#ffcb00; text-align:center; color:#262b38;border:solid 1px #dfb200 !important; padding:10px 10px !important;font-size:16px;} .lcnTable tr th, .lcnTable tr td {border:solid 1px #ddd; padding:15px 15px;} .lcnTable table tr:first-child {border-bottom:solid 1px #e2e2e2;} .lcnTable tr td {padding-left:10px; padding-right:10px; text-align:center; background:#fff;font-size:14px;} .pdsBtn{display:block; text-align:center; padding:20px 0;} .pdsBtn a { display: inline-block; margin: 0px 5px 0px 0px; padding: 10px 60px 10px 20px; color: #333; font-size: 18px; font-weight: 300; letter-spacing: -0.075em; background: #ffcb00 url(../../img/main/mRarrow.png) 95% 55% no-repeat; text-shadow: 0px 0px 0px rgba(0,0,0,.0); border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .brstTable {color:#434343; width:100%; margin-bottom:30px; margin-top:30px;} .brstTable th {background:#ffcb00; text-align:center; color:#262b38;border:solid 1px #dfb200 !important; padding:10px 10px !important;font-size:9pt;} .brstTable tr th, .brstTable tr td {border:solid 1px #ddd; padding:15px 15px;} .brstTable tr:first-child {border-bottom:solid 1px #e2e2e2;} .brstTable tr td {padding-left:10px; padding-right:10px; text-align:center; background:#fff;font-size:14px;} /* 190201 설날팝업 */ #popup190201 {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:1000; width:100%; max-width:750px; margin:0 auto;} #popup190201 > div {display:table; width:100%; height:100%;} #popup190201 > div > div {display:table-cell; width:100%; vertical-align:middle; padding-left:15px; padding-right:15px;} #popup190201 > div > div > div { overflow:hidden; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); } #popup190201 img {display:block; width:100%;} #popup190201 ul {border-top:solid 1px #dedede;} #popup190201 ul:after {content:""; display:table; clear:both;} #popup190201 ul li {float:left; width:50%;} #popup190201 ul li:first-child {border-right:solid 1px #dedede;} #popup190201 ul li a {display:block; text-align:center; height:60px; line-height:60px; color:#222; font-size:12pt; font-weight:400; background:#fff;} } .jaebbang {} .jaebbang dd {font-size:9pt; padding:4px 0;} .fnlocation{width:100%; float:left; padding:10px 0} .fnlocation h3, .fnlocation li, .fnlocation ul{display:inline-block; font-size:10pt; line-height:21px; height:22px;vertical-align:center; } .fnlocation h3 { background:#e6e6e6; padding:0 8px; border-radius:5px;} .fnlocation span{display:inline-block; font-size:10pt; line-height:21px; height:22px;vertical-align:center;padding-left:5px; } .fnlocation span a{color:#ffcb00; font-weight:bold; display:inline-block;} .fnlocation ul {width:100%; display:block; padding-top:5px} .fnlocation li{color:#666; padding:0 4px; position:relative; } .fnlocation li:before{content:""; display:block; width:1px; height:10px; position:absolute; top:6px; left:0px; background:#e6e6e6} .fnlocation li:first-child:before{display:none;} .mqNew02 {padding:15px 11px; width:100%; float:left;} .mqNew02 li{padding:0 4px; float:left; width:50%; height:70px} .mqNew02 li a{padding:20px; line-height:1.2rem; font-size:11pt; color:#282828; background-position:90% center !important; background-size:auto 30px !important; display:block;background-repeat:no-repeat !important; font-weight:500; letter-spacing:-0.05em;} .mqNew02 li:nth-child(1) a{background: #ffcb00 url('/m/img/main2018/icon_tuitionnew.png'); border:1px solid #eaba00} .mqNew02 li:nth-child(2).night a{background: #5c91fc url('/m/img/main/icon_target_new.png')} .mqNew02 li:nth-child(2) a{background: #fff url('/m/img/main2018/icon_call_new.png'); border:1px solid #ddd} .locSel {background:#fff; border:solid 1px #ddd; border-top:none;} .locSel:after {content:""; display:table; clear:both;} .locSel li {float:left; width:50%;} .locSel li input[type="radio"] {display:none;} .locSel li label, .locSel li span {display:block; height:32px; line-height:30px; text-align:center; margin:0 !important; border-right:solid 1px #ddd; border-top:solid 1px #ddd; color:#999; font-size:10pt; letter-spacing:-0.075em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .locSel li:nth-child(2n) label, .locSel li:nth-child(2n) span {border-right:none;} .locSel li input[type="radio"]:checked + label {color:#333; background:#ffcb00; border-color:#ffcb00 !important;} .fitBg {padding-top:55%; background:url("/img/customer/fit_new_bg_m.jpg")no-repeat center top; background-size:100% auto;} .fitOut {text-align:center; padding-bottom:60px;} .fitOut dt {font-size:20pt; font-family: 'KimNamyun', 'Noto Sans Korean', sans-serif; position:relative; padding-top:50px; margin-top:30px; color:#333;} .fitOut dt:before {content:""; display:block; width:40px; height:1px; background:#333; position:absolute; left:50%; top:0; margin-left:-20px;} .fitOut dt span {display:block; font-size:12pt; font-family:'Noto Sans Korean', sans-serif; color:#333; font-weight:300;} .fitOut dt em {font-style:normal; display:block;} .fitOut dd {margin-top:30px;} .fitOut dd > h3 {font-size:22px; font-weight:300; margin-bottom:20px;} .fitNew {text-align:center; padding:0 30px;} .fitNew:after {content:""; display:table; clear:both;} .fitNew li {display:inline-block; width:32%; padding:0 5px 10px; background:none !important;} .fitNew.on li {} .fitNew li input {display:none;} .fitNew li input + label {display:block; font-weight:400; font-size:14px; margin-left:0; font-family:'Noto Sans Korean', sans-serif; background:none !important; letter-spacing:-0.075em; font-size:9pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .fitNew li input + label em { display:block; width:100%; padding-bottom:100%; border:solid 1px #eee; margin-bottom:6px; background-repeat:no-repeat !important; background-position:center center !important; background-size:40px auto !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; } .fitNew.on li input + label em {border:solid 1px #ccc;} .fitNew li input:checked + label {color:#333;} .fitNew li input:checked + label em {border:solid 1px #333;} .fitNew li input:disabled + label {color:#ddd;} .fitNew.fitType li:nth-child(1) input + label em {background:#fff url("/img/customer/fit_ico0401_n.png");} .fitNew.fitType li:nth-child(2) input + label em {background:#fff url("/img/customer/fit_ico0402_n.png");} .fitNew.fitType li:nth-child(3) input + label em {background:#fff url("/img/customer/fit_ico0403_n.png");} .fitNew.fitType li:nth-child(1) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0401_n.png");} .fitNew.fitType li:nth-child(2) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0402_n.png");} .fitNew.fitType li:nth-child(3) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0403_n.png");} .fitNew.fitGoal li:nth-child(1) input + label em {background:#fff url("/img/customer/fit_ico0102_n.png");} .fitNew.fitGoal li:nth-child(2) input + label em {background:#fff url("/img/customer/fit_ico0103_n.png");} .fitNew.fitGoal li:nth-child(1) input:disabled + label em {background:url("/img/customer/fit_ico0102_d.png");} .fitNew.fitGoal li:nth-child(2) input:disabled + label em {background:url("/img/customer/fit_ico0103_d.png");} .fitNew.fitGoal li:nth-child(1) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0102_n.png");} .fitNew.fitGoal li:nth-child(2) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0103_n.png");} .fitNew.fitAge li:nth-child(1) input + label em {background:#fff url("/img/customer/fit_ico0202_n.png");} .fitNew.fitAge li:nth-child(2) input + label em {background:#fff url("/img/customer/fit_ico0201_n.png");} .fitNew.fitAge li:nth-child(3) input + label em {background:#fff url("/img/customer/fit_ico0205_n.png");} .fitNew.fitAge li:nth-child(4) input + label em {background:#fff url("/img/customer/fit_ico0204_n.png");} .fitNew.fitAge li:nth-child(1) input:disabled + label em {background:#fff url("/img/customer/fit_ico0202_d.png");} .fitNew.fitAge li:nth-child(2) input:disabled + label em {background:#fff url("/img/customer/fit_ico0201_d.png");} .fitNew.fitAge li:nth-child(3) input:disabled + label em {background:#fff url("/img/customer/fit_ico0205_d.png");} .fitNew.fitAge li:nth-child(4) input:disabled + label em {background:#fff url("/img/customer/fit_ico0204_d.png");} .fitNew.fitAge li:nth-child(1) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0202_n.png");} .fitNew.fitAge li:nth-child(2) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0201_n.png");} .fitNew.fitAge li:nth-child(3) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0205_n.png");} .fitNew.fitAge li:nth-child(4) input:checked + label em {background:#ffbe00 url("/img/customer/fit_ico0204_n.png");} .mnCurri {background:#fff;} .mnCurri .titleInner {} .mnCurri ul {padding:10px 15px 20px} .mnCurri ul:after {content:""; display:table; clear:both;} .mnCurri ul li {display:block; width:50%; float:left; padding:3px;} .mnCurri ul li a {display:block; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);} .mnCurri ul li a img {width:100%;}