@charset "utf-8"; @import url('/common/css/opensans.css'); @import url('/common/css/nanumgothic.css'); @import url('/common/css/nanumsquare.css'); /* 공통소스 */ body{margin:0 auto; padding:0px; width:100%; text-align:center;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content:none;} select, input, textarea, button{resize:none; vertical-align:middle;} table{border-collapse:collapse;} header, section, footer, aside, nav, main, article, figure {display:block;} a img{border:0;} a{selector-dummy:expression(this.hideFocus=true);} input{outline: 0;} /* basic-alink */ a:link{color:#555;text-decoration:none;} a:visited{color:#555;text-decoration:none;} a:active{color:#333;text-decoration:none; background:none; outline:none;} a:hover{color:#1278bc;text-decoration:none;} .hide{display:none;} .bgNone {background:none;} .autoC{margin-left: auto; margin-right: auto;} /*display: inline; 줄바꿈되지않는다. display:block; 줄바꿈*/ .dln{display: inline;} .dbk{display: block;} .fl{float: left;} .fr{float: right;} .ht30{height:30px;} .of{overflow:hidden;position:relative;} .fl0{font:0px; line-height:0px;} ol, ul, li, dl, dt, dd, h4 {list-style: none outside none; margin: 0; padding: 0;} /*메인 이미지*/ .barrel_roll { -webkit-transition: -webkit-transform 4s ease; -webkit-transform: rotate(360deg); -moz-transition: -moz-transform 4s ease; -moz-transform: rotate(360deg); -o-transition: -o-transform 4s ease; -o-transform: rotate(360deg); transition: transform 4s ease; transform: rotate(360deg); } .clsBanner {position:relative;float:left} .clsBannerButton {z-index:999} .clsBannerScreen {z-index:1} .clsBannerScreen div {display:none} .clsHangerOut1 {list-style:none;float:left; width:372px; height:63px; padding-top:4px; } .clsHangerOut2 {list-style:none;float:left; width:372px; height:63px; padding-top:4px; background-color:#7B7B7B; } .clsHangerOver {list-style:none;float:left; width:372px; height:63px; padding-top:4px; background-color:#72bdb8;} .clsBannerButton{border-bottom:5px solid #ddd;} /*링크2*/ a.redd:link{color:#595959; text-decoration:none} a.redd:visited{color:#595959; text-decoration:none} a.redd:active{color:#333333; text-decoration:none} a.redd:hover{color:#ff2927; text-decoration:none} /*링크3*/ a.redd2:link{color:#ff2927; text-decoration:none} a.redd2:visited{color:#ff2927; text-decoration:none} a.redd2:active{color:#ff2927; text-decoration:none} a.redd2:hover{color:#ff2927; text-decoration:none} /*링크4*/ a.blu:link{color:#595959; text-decoration:none} a.blu:visited{color:#595959; text-decoration:none} a.blu:active{color:#4f7da8;} a.blu:hover{color:#4f7da8;} /*글색상*/ .bk{color:#000000;} .wh{color:#ffffff;} /*전체레이아웃*/ #ala{width:1040px; margin:0 auto; background-repeat:no-repeat;} /*로고외*/ #lg{float:left; width:960px; margin-left:20px;} #lg1{height:101px; } /* header navigation bar */ #header{position:relative; z-index:20; background-color:#f8f8f8; border-bottom:1px solid #e3e3e3} #uh{display:table; margin:0 auto; width:960px;} #uh.mini{padding-top:35px;} #uh>.mh{display:table-cell; position:relative; z-index:1; font-size:0; white-space:nowrap; vertical-align:middle;} #uh>.mh>a>img{float:left; margin-left:10px;} /* navigation */ #nav{display:table-cell; height:80px;} #nav>ul{float:left; padding:0; font-size:0;} #nav>ul:before{content:''; position:absolute; left:0; right:0; top:81px; height:0; border-top:0 solid #ddd; border-bottom:0 solid #ddd; background-color:#f7f7f7; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} #nav>ul>li{display:inline-block;} #nav>ul>li>a{display:block; position:relative; padding:30px 30px; color:#333; font-family:'NanumSquare'; font-size:18px; font-weight:600; letter-spacing:-1px;} #nav>ul>li>a:before{content:''; position:absolute; left:10px; right:10px; bottom:-1px; height:3px;} #nav>dl{float:right; position:relative; z-index:3; margin-top:23px; margin-right:23px;} #nav>dl>dd.link>a{display:inline-block;} #nav>dl>dd.sns{margin:3px 0 3px 15px;} #nav>dl>dd.sns>a{display:inline-block; } #nav>dl>dd.sns img{display:block; width:27px;} /* mini JLS */ #uh.mini #nav>.minijls{position:absolute; z-index:5; top:0; left:0; right:0; height:33px; border-bottom:1px solid #eee; background-color:#fff;} #uh.mini #nav>.minijls>.link{margin:0 auto; width:960px; font-size:0;} #uh.mini #nav>.minijls>.link>ul{float:right;margin-right:10px;} #uh.mini #nav>.minijls>.link>ul>li{display:inline-block; position:relative; margin-left:-1px; padding:0 10px; height:33px;} #uh.mini #nav>.minijls>.link>ul>li:before{content:''; position:absolute; top:10px; bottom:12px; left:0; border-left:1px solid #eee;} #uh.mini #nav>.minijls>.link>ul>li:first-child:before{content:none;} #uh.mini #nav>.minijls>.link>ul>li>a{display:inline-block; padding-bottom:2px; line-height:31px; color:#777; font-size:11px;} #uh.mini #nav>.minijls>.link>ul>li>a:hover{color:#1278bc;} /*gnb*/ #gn{height:33px; } #gn dl{padding-top:0px;} #gn dl dt{float:left; width:205px; margin:0 auto;} #gn dl dd{float:left; width:150px; text-align:center} /*메인배너*/ #mbn{width:960px; position:relative; z-index:1;} #mbn_s{z-index:10; position:absolute; left: 215px; top:342px; float:left} #mbn_d{float:left; width:205px;} #mbn_m{float:right; width:745px;} .mbn_mb{float:right; width:745px; height:65px; background-image:url('../img_inc/mbnbg.gif')} .mbn_u{width:745px;} .mbn_u li{float:left; font:0px; line-height:0px; padding-left:1px;} /*주목이상품 md초이스*/ #mmd{width:960px; height:475px; float:left; margin-top:20px;} /*왼쪽라인*/ #lm{width:205px; height:475px;float:left} /*주목이상품*/ .ba{float:left; height:24px;} .bb{float:right} #arr{width:37px; font:0px; line-height:0px;} #arr li{float:left} /*여백*/ #brr{height:8px; color:#ffffff; font-size:5px; line-height:5px;} /*ranking top5-*/ #rt{width:205px; height:305px; background-image:url('../img_inc/bn_ranking.gif')} #rt dt.ca{width:205px; height:165px;} #arr2{width:205px; height:165px;} .da{float:left; width:18px;} .db{float:left; width:169px; height:165px;} .dc{float:right; width:18px;} .fa{height:80px;} .fb{text-align:right} .fc{text-align:left} #nl{line-height:28px; color:#4f7da8; text-align:left; width:190px; float:right} /*md choice*/ #mdc{width:745px; height:475px; float:right; background-image:url(../img_inc/mdc_bg.gif)} #mdc_d{width:745px;} #mdc_d dd{width:745px; height:210px;} #mdc dd{width:180px; float:left;} #mdcc{width:170px;} #mdccc{float:left; padding-left:35px;padding-top:18px; } #mdccc li a:link{color:#626262; line-height:16px;} .total{font-size:12px;font-weight:bold;padding:5px 0 0 80px;} #mdc_u{width:745px; height:28px;} .ga{float:left; margin-top:5px;} .gb{float:right} #mdm{width:295px;} #mdm li{float:left; font:0px; line-height:0px;} #mdm_g{margin-top:25px;} #mdm_g li{float:left; width:185px; height:200px;} #mdm_g li a:link{line-height:16px; color:#626262;} /*핫키워드*/ #hot{width:960px; height:294px; float:left; margin-top:20px; background-image:url(../img_inc/bg_hot.png)} #hotm{width:211px; height:292px; float:left; margin-left:1px;} #hotm dt{padding:25px 0px 24px 0px} #hotm dd{padding-bottom:8px; padding-top:14px; text-align:left; padding-left:13px; margin-bottom:1px;} #hotm dd.ha{background-image:url(../img_inc/mdc_arr.gif)} #hotm dd a:link{margin-top:5px; color:#5a5b5c; text-decoration:none} #hotg{width:745px; height:285px; float:right} #hotg dt{float:left; text-align:center; width:230px; height:265px; margin-top:38px;} #hotg dt a:link{line-height:16px; color:#626262;} #hotg dt font{text-decoration:line-through; font-size:12px;} #hotg dd{width:225px; height:110px; float:left; margin:25px 10px 10px 20px;} #hotg dd font{text-decoration:line-through; font-size:12px;} .ia{float:left; padding-right:7px;} .ib{text-align:left; padding-top:20px;} .ib a:link{color:#626262; line-height:16px;} .ja{text-decoration:line-through; font-size:12px;} .won1{float:left;text-decoration:line-through; font-size:12px;padding:10px 0 0 0px;} .total1{float:left; font-size:12px;font-weight:bold;padding:10px 0 0 7px;} /*스카이 스크랩퍼*/ #skys{float:right; width:45px; padding-top:15px;} .ka{height:145px;} #skym{height:360px; width:64px; font:0px; line-height:0px;} #skym dt img, #skym dd img{display:block; margin:0; padding:0;} .la{font-size:11px; color:#555555; height:18px; line-height:12px; padding-top:3px; background-image:url('../img_inc/sky_02.gif')} .lb{height:50px; background-image:url('../img_inc/sky_02.gif'); padding:2px 6px 2px 7px;} .lc{background-image:url('../img_inc/sky_02.gif')} /*신상품*/ #ng{width:960px; height:230px; float:left; margin-top:35px;} #ng dt{border-bottom:1px solid #dadada; width:960px; text-align:left; height:20px;} #ng dd{width:148px; float:left; text-align:center;} #ng li{float:left; padding-top:30px; padding-left:20px;} #ngg{margin-top:25px;} #ngg li{float:left; width:149px; text-align:center; line-height:16px;} #ngg li.ma{float:left;width:32px; text-align:center} #ngg li img{border:0px;} /*띠배너*/ #lbn{width:960px; height:78px; float:left; margin-top:20px;} #lbn dt{float:left; font:0px; line-height:0px} #lbn dd{float:left; font:0px; line-height:0px} /*스페셜 선생님교구*/ #sed{width:960px; float:left; margin-top:20px} #sed_d{float:left; width:570px;} #sed_d dt{float:left; height:30px;} #sed_d dd{font:0px; line-height:0px;} /*선생님교구*/ #ted{float:right;} #ted dt{text-align:left; height:30px; width:365px; border-bottom:1px solid #dadada;} .na{float:left} .nb{float:right} #bttt{width:37px; font:0px; line-height:0px;margin-top:8px;} #bttt li{float:left} #ted dd{width:120px; float:left; text-align:center} #tedu{width:106px} #tedu li{float:left; padding-top:30px;} #tedu li img{border:1px solid #dadada;} #tedu li a:link{color:#626262; line-height:16px;} /*띠배너*/ #lbn2{float:left; padding-top:65px; padding-bottom:0px;} #lbn2 img{width:465px;margin-left:10px;} /*공지사항외*/ #not{width:960px; height:8px; float:left; margin-top:35px; height:220px;font-size:13px;} #not dt{font:0px; line-height:0px} #not li{float:left; text-align:left;} .oa{padding:2px 0px 5px 0px} /*copy*/ #cop{border-top:1px solid #e5e5e5; padding:10px 0px 20px 0px; width:960px; float:left;} #cop1{width:127px; height:22px; float:left; margin-top:30px;} #cop2{width:400px; float:left; margin-left:30px;} #cop3{border-top:0px solid #e5e5e5; padding:10px 0px 20px 0px; width:960px; float:left;} .pa{float:left; width:110px;} .pb{float:left; width:21px; height:29px;background-image:url(../img_inc/bul_foot_3x3.gif); background-repeat:no-repeat; background-position:center} .pc{float:left; width:36px;} .pe{float:left; width:71px;} /*추가정보*/ #etcc{width:100px; float:right;} /*gnb레이어*/ .menu {font-family:돋움체;font-size:9pt;color:#3a3a3a;width:160px;background:#FFFFFF;} .menu2 {font-family:돋움;font-size:9pt;color:#6f6f6f;width:155px;text-align:left;padding-left:5px; padding-top:8px;background:#FFFFFF;background:;background-repeat:no-repeat; } .menutitle {font-family:돋움;font-size:9pt;color:#666668;font-weight:bold;width:122px;height:23px;text-align:center;background:#F4F4F4;border-bottom:1px solid #e3e3e3;} #sub1{display:none; position:absolute; z-index:100;} #sub1_1{width:956px;height:150px; background-color:#ffffff; border:2px solid #415171;} #sub1_1 dt{font-size:9pt;color:#666668;padding-top:8px;padding-bottom:5px;text-align:center;background:#F4F4F4;font-weight:bold;border-bottom:1px solid #e3e3e3} #sub1_1 dl{border-right:1px solid #e3e3e3;} #sub2{display:none; position:absolute; z-index:100;} #sub2_1{} #sub3{display:none; position:absolute; z-index:100;} #sub3_1{border:2px solid #4a5668; width:160px; background-color:#ffffff; display:block; height:710px; margin-left:315px;} #sub3_1 li a:link{padding-left:0px;} #sub4{display:none; position:absolute; z-index:100;} #sub4_1{border:2px solid #4a5668; width:160px; background-color:#ffffff; display:block; height:455px; margin-left:430px;} #sub4_1 li a:link{padding-left:0px;} #sub5{display:none; position:absolute; z-index:100;} #sub5_1{border:2px solid #4a5668; width:160px; background-color:#ffffff; display:block; height:300px; margin-left:560px;} #sub5_1 li a:link{padding-left:0px;} #sub6{display:none; position:absolute; z-index:100;} #sub6_1{border:2px solid #4a5668; width:160px; background-color:#ffffff; display:block; height:167px; margin-left:690px;} #sub6_1 li a:link{padding-left:0px;} #sub7{display:none; position:absolute; z-index:100;} #sub7_1{border:2px solid #4a5668; width:160px; background-color:#ffffff; display:block; height:96px; margin-left:795px;} #sub7_1 li a:link{padding-left:0px; } /*레이어팝업*/ .layer_popup {position:absolute; right:10px; top:220px; z-index:1000;} .layer_popup .lp_table {width:401px;} .layer_popup .lp_table .lp_top { height:10px;background:url('../img_inc/img_layerpup_top.png') no-repeat top left;_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img_inc/img_layerpup_top.png', sizingMethod='crop');} .layer_popup .lp_table .lp_md { vertical-align:top; background:url('../img_inc/img_layerpup_md.png') repeat-y top left;_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img_inc/img_layerpup_md.png', sizingMethod='crop');} .layer_popup .lp_table .lp_bottom { height:55px;background:url('../img_inc/img_layerpup_bottom.png') no-repeat top left;_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img_inc/img_layerpup_bottom.png', sizingMethod='crop');} .layer_popup p.popup_btn { position:absolute; bottom:15px; right:15px; font-size:12px;} .layer_popup p.popup_btn .checkbox { margin-top:-5px}op:0px} /*▼▼ Vertical 정의 ▼▼*/ .j_v_top{vertical-align:top;} .j_v_middle{vertical-align:middle;} .j_v_bottom{vertical-align:bottom;} /*서브카테고리레이어*/ #de_left_area{float:left; position:relative; width:185px;} .menu3 {font-size:10pt;color:#6f6f6f; width:185px;text-align:left; padding-top:6px;} .menu4 {font-size:10pt;color:#6f6f6f; width:185px;text-align:left; padding-top:8px;} #sub01_1{margin-left:0px;} #sub01_1 li a:link{padding-left:0px;} /*footer*/ #footer {clear:both; position:relative; z-index:100; padding-left:20px; border-top:1px solid #eee;width:960px; } #footer .footer_in{width:100%; margin:0 auto; padding:10px 0 20px 0; } #footer .copyright { position:relative; margin-top:0px; height:1%; overflow:hidden;} #footer .footer_ci { display:none; position:absolute; left:0; top:35px;} #footer .footer_info { float:left; padding-top:12px;} #footer .footer_list li {float:left; padding-left:11px; padding-right:9px; } #footer .footer_list li img {vertical-align:middle} #footer .footer_list li.fl_first {padding-left:0; background-image:none;} #footer .text_info {clear:both;} #footer .footer_etc_info {float:right; padding-right:0px; padding-top:10px;} #footer .footer_list li{background:none; padding:0 10px; font:normal 11px/10px '맑은 고딕',Malgun Gothic,'돋움',dotum; color:#333; border-left:1px solid #aaa;} #footer .footer_list li:first-child{padding-left:0; border:0;} #footer .footer_list li a:hover{color:#2A75C1;} #footer .text_info {clear:both; text-align:left; padding-top:7px;} #footer .text_info p{font:normal 11px/15px '맑은 고딕',Malgun Gothic,'돋움',dotum; color:#777;} #footer .text_info p:first-child{font:normal 11px/15px '맑은 고딕',Malgun Gothic,'돋움',dotum; color:#777;} #footer .text_info p.copyright{margin-top:10px;font-weight:bold;} /*페이지 넘버링*/ .nowarp{clear:both; text-align:center; padding:30px;} .nowarp table{margin:0 auto;} .pre1{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/pre1.jpg); background-repeat:no-repeat;} .pre2{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/pre2.jpg); background-repeat:no-repeat;} .nom{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/no.jpg); background-repeat:no-repeat;} .nom a{color:#ffffff; margin-right:10px;} .nobg{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/nobg.jpg); background-repeat:no-repeat;} .nobg a{margin-right:10px;} .next1{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/next1.jpg); background-repeat:no-repeat;} .next2{width:40px; height:30px; background-image:url(https://ideecrowd.cafe24.com/static/images/next2.jpg); background-repeat:no-repeat;} .unpaid_black{clear:both; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity:80); } /* popup */ .hyundai_alert .stage{position:absolute; z-index:11; margin-top:187px; margin-left:20%; margin-right:70%;} .hyundai_alert .stage .close{position:absolute; top:0px; right:0; width:50px; height:53px; text-indent:-9999px; background:url(../img/btn_close.png) no-repeat 0 0;} .hyundai_alert .stage .text{position:absolute; top:40px; left:40px; width:460px; text-align:center;} .hyundai_alert .stage .text p{padding-bottom:15px; font-size:13px; color:#464646; line-height:18px; text-align:left;} .hyundai_alert .stage .text p b{color:#e63325;} .hyundai_alert .result_area {clear:both; float:right; margin-top:410px; font-size:12px; margin-right:0px;}