/* BASIC css start */ @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); body {margin:0px;padding:0px; text-align:left; min-width:1100px; font-family:"Nanum Gothic", sans-serif;} a {text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } img {border:0; font-size:0px; } ul,li {list-style:none; padding:0px; margin:0px;} .fleft {float:left;} .fright {float:right} /*롤오버*/ a img.menuon {display:none;} a img.menuoff {display:inline;} a:hover img.menuon {display:inline;} a:hover img.menuoff {display:none;} .cboth {clear:both;} .pdt20 {padding-top:20px;} .pdt30 {padding-top:30px;} .pdt40 {padding-top:40px;} .pdt50 {padding-top:50px;} .pdt60 {padding-top:60px;} .pdt70 {padding-top:70px;} #wrap {width:100%; position:relative;} /* 검색 */ input.MS_search_word{ border: 2px solid #666666 !important; width:150px !important; height:20px; margin-top:5px;} #header .search { position: absolute; top: 7px; right: 500; width: 195px; height: 25px; padding-left: 5px; border: 1px solid #e9e9e9; } #header .search .MS_search_word { width: 165px; height: 23px; line-height: 25px; border: 0 none; } #header .search input[type=image] { position: absolute; top: 0; right: 0; } #header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 } #header .headerTop .searchArea .search { position:relative; width:204px; height:40px } #header .headerTop .searchArea .search input { padding-left:10px; width:164px; height:39px; line-height:40px; border:none; background:#fff } #header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat } /*스크롤 */ .box { height:3000px; width:200px; background:#BBE1DE; } .scrolls { width:100px; height:20px; position:fixed; left:50%; top:110px; margin-left:-715px; color:#fff; text-align:center; line-height:0px; font-weight:bold; font-size:1.2em; z-index:9999; visibility: visible; } /* 상단배너 */ .m_onoffmulti .onoffarea {margin:0px;width:100%;text-align:center;overflow:hidden;display:none;position:relative; } .m_onoffmulti .btnarea { top:0px;width:100%;height:0px;z-index:3; position:relative;} .m_onoffmulti .closebtn {cursor:pointer; position:absolute; z-index:2222; } .m_onoffmulti .openbtn {display:none;cursor:pointer; position:absolute; z-index:2222; } .m_onoffmulti .openbtntxt { display:none; } .m_onoffmulti .closebtntxt { display:none; } .m_onoffmulti .bannerli { background-repeat:no-repeat; background-position:top center;} .m_onoffmulti .bannerli a { display:block; } .m_onoffmulti .mfade .bannerul { padding:0; margin:0; display:block; z-index:1; overflow:;position:relative; } .m_onoffmulti .mfade .bannerli { padding:0; margin:0; list-style:none;width:100%;display:none; position:absolute;} .m_onoffmulti .mslide .bannerul { padding:0; margin:0; display:block; width:100%;} .m_onoffmulti .mslide .bannerli { padding:0; margin:0; list-style:none; width:100%;} .m_onoffmulti .nav { position:relative; top:0px;width:0px; height:0px; z-index:3; margin:0 auto; left:584px;} .m_onoffmulti .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;} .m_onoffmulti .next {position:absolute;cursor:pointer;margin:0 auto;display:block;} .m_onoffmulti .prevtxt {display:none;} .m_onoffmulti .nexttxt {display:none;} .m_onoffmulti_top .onoffarea { height:69px; } .m_onoffmulti_top .mslide9 { height:69px; } .m_onoffmulti_top .mslide .bannerul { height:69px; } .m_onoffmulti_top .mslide .bannerli { height:69px; } .m_onoffmulti_top .openbtn { top:-1px;right:15px;} .m_onoffmulti_top .closebtn { top:13px;right:15px;} .m_onoffmulti_top .openbtn {width:41px;height:41px; background:url(/design/dong0252/img/top_btn_open.jpg); } .m_onoffmulti_top .closebtn {width:41px;height:41px; background:url(/design/dong0252/img/top_btn_close.png); } .m_onoffmulti_top .prev { top:16px;} .m_onoffmulti_top .next { top:38px;} .m_onoffmulti_top .prev {opacity:0.3; width:15px; height:13px; background:url(/design/dong0252/img/top_ban_up.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .m_onoffmulti_top .next {opacity:0.3; width:15px; height:13px; background:url(/design/dong0252/img/top_ban_down.png); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .m_onoffmulti_top .prev:hover {opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .m_onoffmulti_top .next:hover { opacity:1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} #wrap #header {width:100%; clear:both; } #header .header_section1 {clear:both; height:39px; background-color:#fcfcfc; width:100%; border-bottom:1px solid #dedede;} #header .top_login_inner {width:1200px; height:39px; line-height:39px; margin:0 auto; } #header .top_login_inner a {color:#777; display:block; line-height:39px; display:block; font-size:12px; font-weight:300; padding:0px 14px;} #header .top_login_inner a:hover {text-decoration:none; color:#0479d9;} #header .login_left ul li {float:left;} #header .login_right ul li {float:left; position:relative;} #header .login_left .top_fav {width:114px; background-color:#fff !important; padding:0px !important; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #fff; background-image:url(/design/dong0252/img/fav_icon.gif); background-position:95px 15px; background-repeat:no-repeat; text-align:left; text-indent:13px; letter-spacing:-0.5px;} #header .login_left .top_cs {border-right:1px solid #e2e2e2; padding:0px !important; width:88px; text-align:center; letter-spacing:-0.5px;} #header .login_left .top_so {border-right:1px solid #e2e2e2; padding:0px !important; width:250px; text-align:center; letter-spacing:-0.5px;} #header .login_right a {padding:0px 12px; color:#777; background-image:url(/design/dong0252/img/login_area_bg.gif); background-position:top left; background-repeat:no-repeat; font-size:12px; font-weight:300; letter-spacing:-0.5px;} #header .login_right a:hover {text-decoration:none; color:#0479d9;} #header .login_right a.bgnone {background-image:url("") !important; } #header .login_right span {color:#e01737;} #header .login_right .pdrnone {padding-right:0px;} .top_search_area {padding-left:98px; height:22px; padding-top:42px;} .top_search_pop {float:left; padding-left:30px; height:22px; padding-top:39px; } .top_search_pop ul li {float:left; } .top_search_pop ul li a {display:block; height:20px; line-height:20px; padding:0px 10px; border:1px solid #dedede; font-size:12px; color:#777; font-weight:300; margin-top:9px; margin-right:9px; border-radius:8px;} .top_search_pop ul li a:hover {border:1px solid #0479d9; color:#0479d9; box-shadow: 0px 5px 5px rgba(50,50,90,0.05), 0px 5px 5px rgba(0,0,0,0.05); bosx-izing: border-box; } /*- 상단 영역 02 --*/ #header .header_section2 {width:1200px; height:74px; margin:0 auto; position:relative;} #header .header_section2 .top_logo {float:left;} /*- 상단 영역 (전체 카테고리 영역) --*/ #submenu1 {position:absolute; z-index:5555; display:none; width:1198px; height:559px; border:1px solid #222; background-color:#fff; top:73px; left:0px;} #all_cate_area {background-color:#fff;} #all_cate_area .all_cate_section01 {height:49px; width:1198px; clear:both; } #all_cate_area .all_cate_comm {width:1198px; background-color:#f0f0f0; float:left; text-align:left; height:49px; } #all_cate_area .all_cate_comm a {font-size:14px; color:#333; padding:15px; line-height:49px; height:49px; } #all_cate_area .all_cate_comm a:first-child {padding-left:22px;} #all_cate_area .all_cate_section02 {width:1198px; clear:both; background:url(/design/dong0252/img/all_cate_bg.gif) repeat-y ; width:1198px; min-height:510px; margin-top:0px; margin-bottom:0px; } #all_cate_area .all_cate_section02 ul {margin-top:0px; clear:both; padding-top:35px;} #all_cate_area .all_cate_section02 ul li {float:left; width:95px; margin-left:34px; } #all_cate_area .all_cate_section02 ul li:first-child {margin-left:35px !important;} #all_cate_area .all_cate_section02 .a_sub_title a {font-size:14px; color:#222; font-weight:400; display:block; width:95px; border-bottom:1px solid #222; text-align:left; padding-bottom:10px; margin-bottom:10px;} #all_cate_area .all_cate_section02 .a_sub_cate a {font-size:12px; color:#777; font-weight:300; text-align:left; line-height:24px; display:block;} #all_cate_area .all_cate_section02 .a_sub_cate a:hover {color:#000;} /*- 상단 영역 03 --*/ #header .header_section3 .all_cate_btn {width:200px; height:74px; background-color:#0479d9; float:left; line-height:74px; color:#fff; font-size:15px; background-image:url(/design/dong0252/img/all_cate_bg.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:18px; cursor:pointer; } #header .header_section3 {width:1199px; height:74px; border-right:1px solid #dedede; position:relative; } #header .header_section3 .inner {width:1200px;margin:0 auto; height:72px; position:relative; } #header .header_section3 .top_cate01 {width:800px; height:72px; float:left; border-right:0px solid #dedede; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } #header .header_section3 .top_cate01 ul li {float:left;} #header .header_section3 .top_cate01 ul li a {height:72px; line-height:72px; color:#000; padding:0px 19px; background-image:url(/design/dong0252/img/top_cate01_bg.gif); background-position:0px 30px; background-repeat:no-repeat; font-size:15px; display:block; font-weight:400;} #header .header_section3 .top_cate01 ul li:first-child a {background-image:url() !important; margin-left:20px;} #header .header_section3 .top_cate01 ul li a:hover {box-shadow:0 2px 0 0 rgba(4,121,217,1) inset; color:#0479d9;} #header .header_section3 .top_cate02 ul li {float:left; width:99px; border-left:0px solid #dedede; height:72px; line-height:72px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} #header .header_section3 .top_cate02 ul li:first-child {width:100px;} #header .header_section3 .top_cate02 ul li a {color:#fff; text-align:center; height:72px; line-height:72px; font-size:15px; display:block; font-weight:400;} #header .header_section3 .top_cate02 ul li:first-child a {color:#fff; background-color:#0479d9 !important; } #header .header_section3 .top_cate02 ul li a {color:#fff; background-color:#222;} .right_quick {position:absolute; top:100px; right:-128px; z-index:2222;} .right_quick01 {} .right_quick02 {padding-top:10px;} .right_quick03 {padding-top:10px;} /*--------------------------------- * 상단 2단 배너 *---------------------------------*/ .top_ban_slide{ width:200px; height:100px; float:right;} .contentslider-std {width:200px;height:100px;padding:0px;margin:0px; } .contentslider-std .sliderkit-panels{width:200px;height:100px;overflow:hidden;padding:0px;margin:0px;background:transparent;} .contentslider-std .sliderkit-panel{width:200px;height:100px;overflow:hidden;padding:0px;margin:0px;background:transparent;} .contentslider-std .sliderkit-go-btn{position:absolute;;z-index:2222; } .contentslider-std .sliderkit-go-prev{right:0px; top:35px;} .contentslider-std .sliderkit-go-next{right:0px; top:52px; } .contentslider-std .sliderkit-go-btn a{display:block; cursor:pointer; } .contentslider-std .sliderkit-go-prev a{background:url("../img/top_ban_slide_btn.gif") no-repeat 0 0; width:16px;height:16px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s;} .contentslider-std .sliderkit-go-next a{background:url("../img/top_ban_slide_btn.gif") no-repeat 0 -15px; width:16px;height:16px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s;} .contentslider-std .sliderkit-go-prev a:hover{background-position:-16px 0px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s;} .contentslider-std .sliderkit-go-next a:hover{ background-position:-16px -15px; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s;} .contentslider-std .sliderkit-go-btn span{display:none;} /* BASIC css end */