/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */ /* eyoomshop side bar*/ .ebs-comm001-m1-in .ebs-comm001-m1 .ebs-comm001-m1-item .ebs-comm001-m1-cont{display:none;} .scroll-tabs{display:none;} .member-point{display:none} .member-follow{display:none;} /* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */ /* 숨김 컨텐츠 */ .head-right{/*padding:10px !important;margin:2px 2px 0 1px;*/ /*position:relative; padding:12px 12px;*/ margin-top:9px; padding:5px 10px;} .head-right>i{font-size:13px;} /* 추가 */ /*.head-right:nth-of-type(1)>i{position:absolute; top:50%; left:56%; transform:translate(-50%,-50%);}*/ /* 추가 */ /*.head-right:nth-of-type(2)>i{position:absolute; top:50%; left:49%; transform:translate(-50%,-50%);}*/ /* 추가 */ .head-right:nth-of-type(1){margin-right:10px;} /* 추가 */ .head-right:nth-of-type(2){margin-right:-1px;} /* 추가 */ /* start style.css */ .basic-body.page-padding{padding-top:0;padding-bottom:3px;} /* end style.css overide */ /* start base */ .skip{text-indent:-9999px;} a,a:hover{text-decoration:none;} a {outline: none; } input:focus{border:0;} #select-state-selectized{min-height:30px;height:30px;} /* end base */ /* display none */ .ebs-comm001-head-item{} .ebs-comm001-head-cont{display:none;} /* start:form */ .fold-tip{font-size:15px;} /* textArea */ .divTextArea{ display:none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .wrap_textArea{border:0;} #textArea, .divTextArea{overflow-y:scroll;padding:10px;margin:0;border:0;} #textArea, .divTextArea{ width: 100%;height:300px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none; white-space:pre-wrap; } /* end:form*/ .wrap-skoologic-body{margin-top:2px;background:#fff;border:1px solid #e2e5e8;padding:10px;} .wrap-skoologic-body textarea{display:block;width:100%;border:1px solid #f3f3f3;resize:none;} .wrap-skoologic-body textarea:focus{ border:1px solid #f3f3f3; } /* end base */ .ebs-comm001-m1-cont{display:none;} /* reset bootstrap */ .wrap-skoologic-head h3{margin:0;} .hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-control{padding:2px;} .wrapSearchEngine{overflow:hidden;padding-top:10px;clear:both;} .wrapSearchBorder{border:1px solid #e2e5e8;} /* custom default design */ .btn_submit{background:#ec6000;} .btn_submit:hover{background:#ec6000;} .ico-rect-orange{display:inline-block;width:5px;height:10px;margin-right:3px;background:url('../image/common/ico_rect_orange_small.png') 0 2px no-repeat;} .ico_rect_green_small{display:inline-block;width:5px;height:10px;margin-right:3px;background:url('../image/common/ico_rect_green_small.png') 0 2px no-repeat;} /* skoologic */ .wrap-skoologic{width:100%;margin:0 auto;} .wrap-skoologic-head{position:relative;background:#fff;margin-bottom:5px;border:1px solid #e2e5e8;} .wrap-skoologic-head h3{padding:0;padding:15px 0 15px 40px;font-size:18px;font-weight:bold;background:url('../image/common/favicon.png') 10px 13px no-repeat;background-size: 23px 23px;} /* start:skoologic scale */ .wrap-skoologic-head a{display:inline-block;border:2px solid #c0c0c0;} .wrap-skoologic-head .skoologic-scale{position:absolute;top:50%;margin-top:-17.5px;right:55px;width:35px;height:35px;line-height:35px;background:url('../image/common/ico-scaleup.png') center center no-repeat;} .wrap-skoologic-head .skoologic-scale:hover{border:2px solid #ff6c00;background:url('../image/common/ico-scaleup-over.png') center center no-repeat;} .wrap-skoologic-head .skoologic-visible{position:absolute;top:50%;margin-top:-17.5px;right:10px;width:35px;height:35px;line-height:35px;background:url('../image/common/ico-slidedown.png') center center no-repeat;} .wrap-skoologic-head .skoologic-visible:hover{border:2px solid #ff6c00;background:url('../image/common/ico-slidedown-over.png') center center no-repeat;} /* end:skoologic scale */ .wrap-skoologic-body{} .wrap-skoologic-body .wrap-select{overflow:hidden;border-bottom:1px solid #e2e5e8;padding:0;} .wrap-skoologic-body .wrap-select{padding-bottom:10px;} .wrap-skoologic-body .wrap-select select{float:left;border:1px solid #e2e5e8;width:auto;font-size:12px;} .wrap-skoologic-body .wrap-select .wrap-tip{float:right;padding-top:4px;padding-right:10px;font-size:18px;font-weight:bold;} .wrap-skoologic-body .wrap-select .wrap-tip a{display:inline-block;padding-left:5px;color:#555;} .wrap-skoologic-body .wrap-select a{display:inline-block;float:right;padding:6px;text-align:center;background:#ff6c00;color:#fff;border-radius:2px;font-weight:bold;} .wrap-skoologic-body .wrap-tip-ex{display:block;clear:both;padding:10px;background:#f4f4f4;height:200px;overflow-y:scroll;} .wrap-skoologic-body .wrap-tip-ex h4{margin:3px 0;padding-top:3px;background:url('../image/common/ico-modal-title.png') 10px 3px no-repeat;padding-left:30px;font-weight:bold;font-size:15px;color:#222;} .wrap-skoologic-body .wrap-tip-ex p{padding:0;margin:0; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; color: #222; text-decoration: none; background: url('../image/common/ico_rect_orange_small.png') 15px 14px no-repeat;} .wrap-skoologic-body .wrap-tip-ex .tip-ex-line{border-bottom:1px solid #fff;padding-bottom:7px;margin-bottom:7px;} .fold-tip{font-size:15px;} /* textArea */ .divTextArea{ display:none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .wrap_textArea{border:0;} #textArea, .divTextArea{overflow-y:scroll;padding:10px;margin:0;} #textArea, .divTextArea{ width: 100%;height:300px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;letter-spacing:1px;color: #555;background-color: #fff;background-image: none; white-space:pre-wrap; border:1px solid #f3f3f3; } .wrap-skoologic-body{margin-top:2px;background:#fff;border:1px solid #e2e5e8;} .wrap-skoologic-body textarea{display:block;width:100%;border:1px solid #f3f3f3;resize:none;} .wrap-skoologic-body textarea:focus{ /* -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 3px #719ECE; */ } .wrap-skoologic-body .skool-info{overflow:hidden;padding:10px 0;background:#f8fafb;border-top:1px solid #ecf0f2;border-bottom:1px solid #ecf0f2;} .wrap-skoologic-body .skool-info .skool-info-left{float:left;padding-left:10%;font-weight:bold;color:#7e7e7e;} .wrap-skoologic-body .skool-info .skool-info-left strong{font-weight:bold;} .wrap-skoologic-body .skool-info .skool-info-right{float:right;text-align:right;padding-right:10%;font-weight:bold;color:#8f8f8f;} .wrap-skoologic-body .skool-info .skool-info-right .text-01{font-size:28px;color:#ff6c00;font-weight:bold;} .wrap-skoologic-body .skool-info .skool-info-right .text-02{} .wrap-skoologic-body .skool-info .skool-info-right .text-03{font-size:18px;} .wrap-skoologic-body .skool-info .skool-info-right .text-04{font-size:18px;} .wrap-skoologic-body .skool-check{clear:both;text-align:center;padding-top:0px;padding-bottom:8px;border-bottom:1px solid #ecf0f2;} .wrap-skoologic-body .skool-check div a:hover{color:#ff6c00;border:1px solid #ff6c00;background:linear-gradient(#fd8e3d,#ff6c00);color:#fff;}/* 버튼 */ .wrap-skoologic-body .skool-check div a.active{color:#ff6c00;border:1px solid #ff6c00;background:linear-gradient(#fd8e3d,#ff6c00);color:#fff;}/* 버튼*/ .wrap-skoologic-body .skool-check .skool-word{padding-top:10px;padding-bottom:10px;} .wrap-skoologic-body .skool-check .skool-word span{position:relative;display:inline-block;padding:0 2px;} .wrap-skoologic-body .skool-check .skool-word span span{display:inline-block;} .wrap-skoologic-body .skool-check .skool-word span.prohibition {} .wrap-skoologic-body .skool-check .skool-word span.prohibition span{width:10px;height:10px;background:#EA2027;} .wrap-skoologic-body .skool-check .skool-word span.caution{} .wrap-skoologic-body .skool-check .skool-word span.caution span{width:10px;height:10px;background:#FFC312;} .wrap-skoologic-body .skool-check .skool-word span.major{} .wrap-skoologic-body .skool-check .skool-word span.major span{width:10px;height:10px;background:#009432;} .wrap-skoologic-body .skool-check .skool-word table{display:inline-block;margin:5px;} .wrap-skoologic-body .skool-check .skool-word table th{vertical-align:top;white-space:nowrap;} .wrap-skoologic-body .skool-check .skool-word table td{vertical-align:top;} .wrap-skoologic-body .skool-check .checkWord{margin-right:5px;} .wrap-skoologic-body .skool-check .btn-skool{ display:inline-block;padding:0 20px;min-width:100px;height:40px;line-height:40px; color:#7b7b7b; font-size:13px; font-weight:600; background: linear-gradient(white,#e3e3e3); border-color: #d6d6d6;border-width: 1px;border-style: solid;border-radius: 4px; } .wrap-skoologic-body .skool-check .btn-skool span{padding-right:5px;display:inline-block;} .wrap-skoologic-body .skool-email{position:relative;padding-top:8px;padding-bottom:8px;text-align:center;height:90px;} .wrap-skoologic-body .skool-email input.emailAddress{float:left;height:40px;line-height:40px;margin-bottom:2px;margin-right:5px;text-align:center;text-indent:10px;} .wrap-skoologic-body .skool-email input.emailAddress:focus{} .wrapFormBottom{width:500px;margin:0 auto;} .wrapFormBottom .wrapFormBottom01 .mailCol4{float:left;width:33.33%;} .wrapFormBottom .wrapFormBottom01 .mailCol4 label i.fa-at{height:38px;border-right:0;line-height:38px;} .wrapFormBottom .wrapFormBottom01 .mailCol4 label i.fa-at:before{top:8px;} .wrapFormBottom .wrapFormBottom01 .mailCol4 .emailDirect{height:40px;line-height:40px;border-left:0;border-right:0;} .wrapFormBottom .wrapFormBottom01 .mailCol4 .select select{height:40px;} .wrapFormBottom .wrapFormBottom01 .mailCol4 .select i{top:8px;} .wrapFormBottom .wrapFormBottom02{clear:both;background:red;} .wrapFormBottom .wrapFormBottom02 .wrapEmailMessage{float:left;width:80%;} .wrapFormBottom .wrapFormBottom02 .wrapSendEmailButton{float:left;width:20%;text-align:right;} .wrapFormBottom .wrapFormBottom02 .wrapEmailMessage label input{height:40px;line-height:40px;} .wrapFormBottom .wrapFormBottom02 .wrapSendEmailButton button{} .wrap-skoologic-body .skool-email .sendEmail{} .wrap-skoologic-body .skool-email .sendEmail {background:linear-gradient(#fd8e3d,#ff6c00);border:1px solid #ff6c00;} .wrap-skoologic-body .skool-email .sendEmail span{padding-right:5px;} .wrap-skoologic-side{padding-top:4px;} .wrap-skoologic-side .skoologic-side{background:#fff;margin-top:3px;margin-left:3px;border:1px solid #ecf0f2;} .wrap-skoologic-body .skool-email .wrap-agree{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.8);z-index:9000;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner{width:350px;height:350px;position:absolute;top:50%;left:50%;margin-top:-175px;margin-left:-175px;background:#fff;color:#000;border-radius:10px;z-index:20;} .wrap-skoologic-body .skool-email .wrap-agree .sendingEmail{display:none;width:350px;height:350px;position:absolute;top:50%;left:50%;margin-top:-175px;margin-left:-175px;background:rgba(0,0,0,0.5);border:1px solid #fff;border-radius:10px;z-index:21;} .wrap-skoologic-body .skool-email .wrap-agree .sendingEmail .mask{padding-top:100px;color:#fff;font-size:16px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree01{height:50px;line-height:50px;border-bottom:1px solid #ec6000;font-size:17px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree02{padding-top:30px;line-height:20px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree03{padding-top:10px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree03 label{font-size:15px;padding-top:8px;margin-left:4px;vertical-align:middle !important;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree03 input{width:25px;height:25px;vertical-align:middle !important;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree04{position:relative;padding-top:0px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree04 .sendingEmail{position:absolute;top:-30px;left:50%;margin-left:-100px;text-align:center;width:200px;height:200px;background:rgba(0,0,0,0.8);color:#fff;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree04 a{display:inline-block;width:90px;height:35px;line-height:35px;text-align:center;background:#ec6000;color:#fff;border-radius:3px;} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree04 a.btn-sendEmail{} .wrap-skoologic-body .skool-email .wrap-agree .wrap-agree-inner .wrap-agree04 a.btn-emailClose{background:#fff;border:1px solid #ec6000;color:#ec6000;} .email-message{color:#ec6000;height:30px;} div.userMailCheck{font-size:15px} .userEmaillAddress{} span.wrap-bar {display:inline-block;width:9px;text-align:center;} span.wrap-bar span.bar{display:inline-block;width:1px;height:10px;background:#ccc;} /* /* skoologic */ /* skoologic fullsize */ .wrap-skoologic-fullsize{position:fixed;top:0;left:0;width:100%;height:100%;background:#f2f4f7;padding:5px;z-index:2000;} .wrap-skoologic-fullsize .fullsize-container{max-width:1200px;margin:0 auto;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-scale{position:absolute;top:50%;margin-top:-17.5px;right:10px;width:35px;height:35px;line-height:35px;background:url('../image/common/ico-scaledown.png') center center no-repeat;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-scale:hover{border:2px solid #ff6c00;background:url('../image/common/ico-scaledown-over.png') center center no-repeat;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-visible{display:none;} .wrap-skoologic-fullsize .wrap-select{} .wrap-skoologic-fullsize .wrap-skoologic-body{display:block !important;} .wrap-skoologic-fullsize .wrap-tip{} .wrap-skoologic-fullsize.wrap-tip-ex{display:none;} .wrap-skoologic-fullsize #userWriteForm{} .wrap-skoologic-fullsize .skool-info{} .wrap-skoologic-fullsize .skool-check{} .wrap-skoologic-fullsize .skool-check .skool-word table.skool-word-guide{display:inline-block;} .wrap-skoologic-fullsize .skool-email{} /* //skoologic fullsize */ /* mobile search engine select tab*/ .wrap-m-tab-menu{clear:both;padding-bottom:0;margin-top:10px;} .m-tab-menu{} .m-tab-menu .m-ul-tab-menu{} .m-tab-menu .m-ul-tab-menu li{float:left;width:33.33%;text-align:center;} .m-tab-menu .m-ul-tab-menu li a{display:block;height:50px;line-height:50px;background:#fff;border:1px solid #f3f3f3;} .m-tab-menu .m-ul-tab-menu li.active a{border-bottom:2px solid #ec6000;color:#ec6000;} /* portal common */ .wrap-article{display:none;} .wrap-article[data-naver='book']{display:block;} .wrap-article[data-daum='tip']{display:block;} .wrap-article[data-youtube='youtube']{display:block;} .wrap-search-endgine-result{padding-top:5px;} .wrap-portal{background:#f4f4f4;} .wrap-portal div {} .wrap-portal .wrap-portal-naver{border-right:1px solid #ccc;} .wrap-head{height:44px;line-height:44px;background:#fff;border-bottom:1px solid #ebeef3;font-size:15px;} .wrap-head .head-left{float:left;} .wrap-head .head-right{float:right; /*padding-right:10px;*/} .wrap-head .head-right{} .wrap-head p .ico{margin-left:10px;float:left;display:inline-block;width:20px;height:44px;line-height:44px;} .wrap-head p strong{float:left;display:inline-block;height:44px;line-height:44px;margin-right:3px;} .wrap-head p span{float:left;color:#767676;} .wrap-article{background:#fff;} .wrap-article .wrap-article-head{overflow:hidden;margin-top:5px;padding-left:10px;line-height:44px;border-bottom:1px solid #d1d1d1;} .wrap-article .wrap-article-head .wrap-article-head-title{float:left;font-size:15px;line-height:44px;} .wrap-article .wrap-article-head .wrap-article-head-sort{float:right;line-height:44px;padding-right:10px;} .wrap-article .wrap-article-head .wrap-article-head-sort a{display:inline-block;padding-left:10px;margin-left:10px;background:url('../image/main/ico-sort.gif') 0 50% no-repeat;text-decoration:none;} .wrap-article .wrap-article-head .wrap-article-head-sort a:hover{text-decoration:underline;} .wrap-article-menu{border-top:1px solid #f3f3f3;} .wrap-article-menu ul li a{position:relative;color:#000;overflow:hidden;} .wrap-article-menu ul li a span{position:relative;display:inline-block;width:4px;height:4px;background:#ccc;top:-3px;left:-5px;} .wrap-article-menu ul li.active a span{background:#1eb501;} /* portal search result title */ .wrap-head .head-left .ico-naver{display:inline-block;padding-left:10px;background:url('../image/main/ico-naver.gif') 0 50% no-repeat;} .wrap-head .head-left .ico-daum{display:inline-block;padding-left:10px;background:url('../image/main/ico-daum.gif') 0 50% no-repeat;margin-right:5px;} .wrap-head .head-left .ico-youtube{display:inline-block;padding-left:10px;width:24px;background:url('../image/main/ico-youtube.gif') 0 50% no-repeat;margin-right:5px;} .wrap-head .head-left .ico-facebook{display:inline-block;padding-left:10px;width:24px;background:url('../image/main/ico-facebook.gif') 0 50% no-repeat;} /* portal border */ .portal-naver{padding-right:2px;} .portal-daum{padding-left:2px;} /* start:article common */ .wrap-article .wrap-article-head .wrap-article-head-sort a.active{background:url('../image/main/ico-sort-active.gif') 0 50% no-repeat;text-decoration:none;} .wrap-article .wrap-article-body{position:relative;clear:both;padding-top:10px;padding-left:10px;padding-right:10px;height:588px;} .wrap-article .ul-article-menu{clear:both;border-bottom:1px solid #f3f3f3;overflow:hidden;} .wrap-article .ul-article-menu li{float:left;width:33.33%;} .wrap-article .ul-article-menu li a{display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;} .wrap-article .wrap-article-body ul.ul-article{} .wrap-article .wrap-article-body ul.ul-article li{background:#fff;border-bottom:1px solid #f3f3f3;} .wrap-article .wrap-article-body ul.ul-article li{border-bottom:1px solid #e0e0e0;padding:10px 10px;} .wrap-article .wrap-article-body ul.ul-article li p{padding-top:5px;padding-bottom:5px;} .wrap-article .wrap-article-body ul.ul-article li p a.data-title{color:#00c;font-size:15px;line-height: 19px;text-decoration:underline;} .wrap-article .wrap-article-body ul.ul-article li p a.data-title:hover{color:#00c;} .wrap-article .wrap-article-body ul.ul-article li p a.data-title:visited{color:#00c;/*color:#99209b;*/} .wrap-article .wrap-article-body ul.ul-article li p span.data-postdate{float:right;color:#666;} .wrap-article .wrap-article-body ul.ul-article li p .data-description{color:#000;padding-bottom:10px;} .wrap-article .wrap-article-body ul.ul-article li b{font-weight:normal;} .wrap-article .wrap-article-body ul.ul-article li p a span.data-bloggername{color:#666;} .wrap-article .wrap-article-body ul.ul-article li p a.data-bloggerlink{} .wrap-article .wrap-article-body ul.ul-article li p a.data-link{color:#218d44;} .wrap-article .wrap-article-body .wrap-loading{position:absolute;top:50px;left:50%;margin-left:-50px;} .wrap-article .wrap-article-tail {display:block;text-align:center;} .wrap-article .wrap-article-tail {} .wrap-article .wrap-article-tail a.article-tail-btn{position:relative;display:block;text-align:center;line-height:44px;font-size:18px;} .wrap-article .wrap-article-tail a.article-tail-btn i{padding-left:10px;font-size:12px;} .wrap-article .wrap-article-tail a.article-tail-btn .btn-loding{display:inline-block;padding-top:7px;width:32px;height:32px;} /* end:article common */ /* start:article kin */ .wrap-article .wrap-article-body ul li p span.ico-qa{display:inline-block;width:14px;height:14px;margin-right:10px;background:url('../image/main/sp_kin.png') no-repeat;} .wrap-article .wrap-article-body ul li p span.ico-question{background-position:0 0;} .wrap-article .wrap-article-body ul li p span.ico-answer{background-position:-17px 0;} /* end:article kin */ /* start:article tip */ .wrap-article .wrap-article-body ul.ul-daum-tip li p span.ico-qa{background:url('../image/main/sp_kin_daum.png') no-repeat;} .wrap-article .wrap-article-body ul.ul-daum-tip li p span.ico-question{background-position:0 0;} .wrap-article .wrap-article-body ul.ul-daum-tip li p span.ico-answer{background-position:-17px 0;} /* end:article tip */ /* start:article image */ .ul-thumb{overflow:hidden;} .ul-thumb li{float:left;overflow:hidden;} .ul-thumb li .thumbnail {margin-bottom:5px;border-radius:0;margin:3px;height:150px;overflow:hidden;} .ul-thumb li .thumbnail img{width:100%;} .ul-thumb li .wrap-img-desc{height:80px;overflow:hidden;} .ul-thumb li .wrap-img-desc p{margin-bottom:0;padding:0 8px;} .ul-thumb li .wrap-img-desc p a{display:block;font-size: 14px;color:#1a0dab;text-decoration:underline;height:43px;overflow:hidden;} .ul-thumb li .wrap-img-desc p.daum-data-author{color:#777;} .ul-thumb li{width:50%;} /* end:article image */ /* start:article youtube */ ul.ul-thumb-youtube li{position:relative;width:100%;padding:5px 0;text-align:center;overflow:hidden;} ul.ul-thumb-youtube li .thumbnail-youtube{position:relative;float:left;width:40%;} ul.ul-thumb-youtube li .thumbnail-youtube .publishedAt{display:inline-block;position:absolute;bottom:3px;right:3px;overflow:hidden;padding:3px;color:#222;background:rgba(0,0,0,0.7)} ul.ul-thumb-youtube li .wrap-desc{float:right;width:60%;text-align:left;font-weight:bold;padding-top:0;padding-bottom:0;} ul.ul-thumb-youtube li .wrap-desc .title{padding:0 7px;} ul.ul-thumb-youtube li .wrap-desc .channelId{padding:0 7px;color:#707070;} ul.ul-thumb-youtube li .wrap-desc .viewCount{padding:0 7px;color:#707070;} .wrapYoutubeBlind{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:5000;} .wrapYoutubePlayer{} .wrapYoutubeClose{height:50px;background:#000;text-align:center;} .btnYoutubeClose{display:block;float:right;width:50px;height:50px;color:#fff;line-height:50px;font-size:30px;background:#000;} .btnYoutubeClose:hover{background:#ec6000;color:#fff;} .responsive-video{margin:0;} .wrapYoutubeBlind{display:none;} .portal-youtube{position:relative;} .portal-youtube .youtubeLoading{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:100;} .portal-youtube .youtubeLoading .loadingImg{position:absolute;top:50%;left:50%;margin-left:-35px;margin-top:-35px;width:70px;height:70px;} /* end:article youtube */ /* start:article book */ .ul-book{overflow:hidden;} .ul-book li{position:relative;overflow:hidden;} .ul-book li .thumbnail {position:absolute;top:10px;left:0;width:80px;margin-bottom:5px;border-radius:0;margin:3px;} .ul-book li .thumbnail img{width:100%;} .ul-book li .wrap-desc{float:left;padding-left:90px;font-size:13px;} .ul-book li .wrap-desc p{margin-bottom:0;padding:0 8px;line-height: 21px;} .ul-book li .wrap-desc p.title a{color:#00c;font-weight:bold;text-decoration:underline;} .ul-book li .wrap-desc p.title a:hover{color:#00c;} .ul-book li .wrap-desc p.title a:visited{color:#99209b;} .ul-book li .wrap-desc p.writer{line-height:19px;} .ul-book li .wrap-desc p span{margin-right:3px;} .ul-book li .wrap-desc .wrap-price .discount{color:#666;} .ul-book li .wrap-desc .wrap-price .price{color:#eb0c00;font-size:15px;} /* end:article book */ .ul-filter{overflow:hidden;} .ul-filter li{float:left;width:14.285%;text-align:center;} .ul-filter li a{position:relative;display:inline-block;width:100%;padding:15px 0;background:#fff;border-bottom:1px solid #ccc;} .ul-filter li.active{} .ul-filter li.active a{} .ul-filter li a:hover{} .ul-filter-naver li.active a{border-bottom:1px solid #222;color:#222;} .ul-filter-naver li a:hover{border-bottom:1px solid #ff6c00;} .ul-filter-daum li{width:14.285%;} .ul-filter-daum li.active a{border-bottom:1px solid #ff6c00;color:#ff6c00;} .ul-filter-daum li a:hover{border-bottom:1px solid #ff6c00;} .ul-filter-youtube li.active a{border-bottom:1px solid #ff6c00;color:#ff6c00;} .ul-filter-youtube li a:hover{border-bottom:1px solid #ff6c00;} .ul-filter-youtube li a{color:#222;} .ul-filter-youtube li a:hover{color:#ff6c00;} .ul-filter-skoologic li.active a{border-bottom:1px solid #ed5b00;color:#ed5b00;} .ul-filter-skoologic li a:hover{border-bottom:1px solid #ed5b00;} /* pagenate */ .wrap-article-tail{text-align:center;padding:10px 0;border-top:1px solid #d1d1d1;} .wrap-article-tail .pagenate{display:inline-block;} .wrap-article-tail .pagenate a{float:left;display:inline-block;background:#fff;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #e0e0e0;margin:0 2px;} .wrap-article-tail .pagenate a:hover{background:#f6430b; color:#fff;} .wrap-article-tail .pagenate a .spanPage{display:block;width:100%;height:100%;} .wrap-article-tail .pagenate .currentPage, .wrap-article-tail .pagenate .lodCurrentPage{float:left;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #fff;margin:0 2px;color:#e74f2c;font-size:20px;} .wrap-article-tail .pagenate a.page-prev span{background:url('../image/main/btnPagePrev.png') center center no-repeat;} .wrap-article-tail .pagenate a.page-prev:hover span{background:url('../image/main/btnPagePrevOver.png') center center no-repeat;} .wrap-article-tail .pagenate a.page-next span{background:url('../image/main/btnPageNext.png') center center no-repeat;} .wrap-article-tail .pagenate a.page-next:hover span{background:url('../image/main/btnPageNextOver.png') center center no-repeat;} .wrap-ariticle-filter{clear:both;} .wrap-ariticle-filter-youtube{height:50px;line-height:50px;text-indent:5px;border-bottom:1px solid #ff5500;background:#fff;color:#ff5500;} @media all and (max-width:767px) { .wrapFormBottom{width:100%;margin:0 auto;} .wrapEmailForm{width:100%;margin:0 auto;} /* display none */ #top_btn{display:none;} .wrap-skoologic{} .wrap-head{/*margin-top:10px;*/} *{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .btn-skool{min-width:100px;} .skool-info-left{display:none;} .skool-info-left{text-align:left;} .wrap-skoologic-fullsize .container{padding:0 !important;} .wrap-skoologic-body .skool-email input.emailAddress{width:120px;min-width:120px;} #textArea, .divTextArea{ height:200px;font-size: 14px;line-height: 1.42857143;letter-spacing:1px;color: #555;background-color: #fff;background-image: none; } .wrap-skoologic-fullsize{padding:5px;} .skool-info-left{display:none;} .wrap-skoologic-fullsize div div .skool-check .skool-word table.skool-word-guide{display:none;} .inner-youtube-playlist{padding-left:0;background:#fff;} .wrap-screen-center{position:;} .wrap-screen-center .screen-center{width:;background:#fff;} .inner-youtube-playlist {overflow-y:;padding-left: 0;background: #fff;} .wrap-article .wrap-article-body{height:auto !important;} .scrollbar-inner{max-height:auto !important;} .wrap-skoologic-body .wrap-tip-ex{display:none;} .basic-body .basic-body-main-wrap { margin-left: 0; margin-right: 0; border: 0px solid #e5e5e5; background: #fff; margin-top: 0px; margin-bottom:0px; } .skoolCenter{display:none;} .skoolSearch{display:none;} .header-title{} .wrap-skoologic-fullsize .skool-info .skool-info-left{display:none;} }/* end : media*/ @media (min-width: 992px){/* 992px 이상 부터 적용*/ .wrapFormBottom .wrapFormBottom01 .mailCol4 label input{width:100%;} .wrapFormBottom .wrapFormBottom02 .wrapEmailMessage{float:left;width:80%;text-align:left;} .wrapFormBottom .wrapFormBottom02 .wrapSendEmailButton{float:left;width:20%;text-align:right;text-align:right;} .wrap-skoologic-body .skool-email input.emailAddress{text-align:left;padding:0;} .wrap-skoologic-body .skool-email i{border-right:0;} /* base css */ .basic-body .basic-body-main-wrap { margin-left: 0; margin-right: 0; border: 1px solid #e5e5e5; background: #fff; margin-top: 10px; margin-bottom:10px; } .eyoom-push { position: fixed; width: 300px; height: auto; padding: 15px; bottom: 50px; right: 30px; background: #fff; border: 5px solid #666; border-radius: 15px !important; z-index: 3000; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .skoolCenter{width:240px;margin:0 auto;} .skoolSearch{display:none;} .skoologicLogo{display:inline-block;float:left;} .skoolSearch{float:left;width:300px;min-height:80px;padding-left:10px;} }/* end media 992*/ @media (max-width: 991px){ .wrap-portal-naver{display:none;} .wrap-portal-daum{display:none;} } @media (max-width: 767px){/* 767px 이하*/ /* skoologic fullsize */ .wrap-skoologic-fullsize{position:fixed;top:0;left:0;width:100%;height:100%;background:#f2f4f7;padding:5px;z-index:2000;} .wrap-skoologic-fullsize .fullsize-container{max-width:1200px;margin:0 auto;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-scale{position:absolute;top:50%;margin-top:-17.5px;right:10px;width:35px;height:35px;line-height:35px;background:url('../image/common/ico-scaledown.png') center center no-repeat;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-scale:hover{border:2px solid #ff6c00;background:url('../image/common/ico-scaledown-over.png') center center no-repeat;} .wrap-skoologic-fullsize .wrap-skoologic-head .skoologic-visible{display:none;} .wrap-skoologic-fullsize .wrap-select{} .wrap-skoologic-fullsize .wrap-skoologic-body{display:block !important;} .wrap-skoologic-fullsize .wrap-tip{} .wrap-skoologic-fullsize.wrap-tip-ex{display:none;} .wrap-skoologic-fullsize #userWriteForm{} .wrap-skoologic-fullsize .skool-info .skool-info-left{} .wrap-skoologic-fullsize .skool-check{} .wrap-skoologic-fullsize .skool-check .skool-word table.skool-word-guide{display:inline-block;} .wrap-skoologic-fullsize .skool-email{} /* //skoologic fullsize */ .header-title .header-title-in {padding-top:0;padding-bottom:0;} .wrap-skoologic-body .skool-email input.emailMessage{height:38px;line-height:38px;padding:5px;margin-bottom:5px;margin-right:0px;} .skool-info-left{display:none;} .wrapFormBottom .wrapFormBottom01 .mailCol4 label input{width:100%;} .wrapFormBottom .wrapFormBottom02 .wrapEmailMessage{float:left;width:70%;text-align:left;} .wrapFormBottom .wrapFormBottom02 .wrapSendEmailButton{float:left;width:30%;text-align:right;text-align:right;} .wrap-skoologic-body .skool-email input.emailAddress{text-align:left;padding:0;} .wrap-skoologic-body .skool-email i{border-right:0;} } .ebs-comm001-m2-cont{display:none !important;} .header-topbar .topbar-right > .member-menu > li.topMyPage > a i{font-size:12px;color:#ff6c00;} .header-topbar .topbar-right > .member-menu > li.topMyPage > a{font-weight:bold;} .eb-slider-basic-cont{display:none !important;} .quick-menu-wrap{display:none;} .sidebar.left {z-index:1010;} .product-sns {display:none;}