/* BASIC css start */ /* BASIC css start */ #preview_wrap { display:none} #header-top { width:100%; position:relative; margin:0 auto; z-index:3; } #header { position:relative; margin:0 auto ; width:100%; } #topbar {position:relative;z-index:30;width:100%; margin:0 auto;} #topbar.fixed {position:fixed;top:0; background:#ccc;border:0px solid #000;} .pageTop { position:fixed; bottom:15px; right:5px; z-index:999999999;} .pageTop .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:#fff; text-align:center; border-radius:30px; color:#333;margin-bottom:3px; } .pageTop .btn_down {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:#fff; text-align:center; border-radius:30px; color:#333;} #wrap{ } /* 상단토글배너 */ /* 상단배너 (사용설정시 삭제 : display:none;) ( 사용하지 않을 경우 : display:none; ) */ .toggle_box .toggle_banner {margin:0px;width:100%; text-align:center;overflow:hidden;display:none; } .toggle_box .btnarea-open {position:relative; width:100%;height:0px;z-index:99999999999999; border:0px solid #FF0000} /* 열기버튼위치 */ .toggle_box .btnarea-closed { position:relative; width:100%;height:0px;z-index:99999999999999;} /* 닫기버튼위치 */ .toggle_box .closebtn {cursor:pointer;margin:0 auto;position:relative;} .toggle_box .openbtn {display:none;cursor:pointer;margin:0 auto;position:relative;} .toggle_box .img_bg { background-repeat:no-repeat; background-position:top center;} .toggle_box .img_bg a { display:block; } .toggle_box .mslide .toggle_banner_img { padding:0; margin:0; display:block; width:100%; } .toggle_box .mslide .img_bg { padding:0; margin:0; list-style:none; width:100%; } .toggle_box .nav { position:relative;top:0px;width:0px;height:0px;z-index:3;margin:0 auto;} .toggle_box .prev {position:absolute;cursor:pointer;margin:0 auto;display:block;} .toggle_box .next { position:absolute;cursor:pointer;margin:0 auto;display:block;} .toggle_box .nav {} .toggle_box .openbtntxt { display:none; } .toggle_box .closebtntxt { display:none; } .toggle_box .prevtxt {display:none;} .toggle_box .nexttxt {display:none;} .toggle_box_top .toggle_banner { height:60px; } .toggle_box_top .mslide .img_bg { height:60px; } .toggle_box_top .prev { top:5px; left:-600px;} .toggle_box_top .next { top:45px; left:-600px;} .toggle_box_top .prev {opacity:0.7; width:15px; height:10px; background:url(/design/nak3618/wizdesign/btn_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; } .toggle_box_top .next {opacity:0.7; width:15px; height:10px; background:url(/design/nak3618/wizdesign/btn_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; } .toggle_box_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; } .toggle_box_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;} .toggle_box_top .openbtn { width:24px;height:43px; top:0px; left:0px !important; position:absolute;} /* 열기버튼위치 */ .toggle_box_top .closebtn { width:24px;height:43px; top:-50px; left:10px !important; position:absolute; } /* 닫기버튼위치 */ /* 상단검정바 */ #topbar { width:100%; margin:0 auto; height:40px; border-bottom:0px solid #eee ; background:#ffffff; text-transform:uppercase; z-index:999; } #topbar .wizsubmenu { width:1200px; margin:0 auto; height:34px; text-transform:uppercase; position:relative;} #topbar li a { display:block; vertical-align:middle; font-size:11px; color:#000000; text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #fff !important; } #topbar ul { font-size:0; line-height:0; } #topbar li { float:left; display:inline-block; *display:inline; height:34px; line-height:34px; cursor:default; } #topbar li a img { vertical-align:middle; padding-right:5px; } #topbar .topbar_mypage a img { padding-left:5px; padding-right:0px; } #topbar .topbar_cate a img { padding-left:5px; padding-right:0px; } #topbar .topbar_com a img { padding-left:5px; padding-right:0px; } #topbar .wizsubmenu .topbar_left { position:absolute; top:0px; left:0px; z-index:2; } #topbar .wizsubmenu .topbar_left span { color:#fff; } /* 카테고리 */ #topbar .topbar_cate { position:relative; display:block; border-right:1px solid #DFDFDF; border-left:1px solid #DFDFDF } #topbar .topbar_cate a {border-right:0px !important; font-size:11px; color:#555555; } #topbar .topbar_cate a:hover { color:#aaa; } .cate_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#ffffff; border-top:1px solid #cccccc } .cate_sub div { clear:both; } .cate_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; } .cate_sub div a:hover { background:#B2B2B2; color:#fff !important; } /* 커뮤니티 */ #topbar .topbar_com { position:relative; display:block; border-right:1px solid #DFDFDF} #topbar .topbar_com a { border-right:0px !important; font-size:11px; color:#dedede; font-weight:none; } #topbar .topbar_com a:hover { color:#dedede; } .com_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#eee; border-top:1px solid #eee } .com_sub div { clear:both; } .com_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; font-size:11px !important; } .com_sub div a:hover { background:#B2B2B2; color:#fff !important; } /* 마이페이지 */ #topbar .topbar_mypage { position:relative; display:block; border-right:1px solid #DFDFDF } #topbar .topbar_mypage a { border-right:0px !important; font-size:11px; color:#dedede; } #topbar .topbar_mypage a:hover { color:#fff; } .mypage_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#eee; border-top:1px solid #eee } .mypage_sub div { clear:both; } .mypage_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; font-size:11px !important; } .mypage_sub div a:hover { background:#B2B2B2; color:#fff !important; } /* 오른쪽메뉴 */ #topbar .wizsubmenu .topbar_right { position:absolute; top:0px; left:0px; z-index:2; } #topbar .wizsubmenu .topbar_right li { display:inline-block; *display:inline; vertical-align:middle; border-left:0px solid #666; } #topbar .wizsubmenu .topbar_right li a{ font-size:11px; color:#555555; border-left:0px solid #aaaaaa; border-right:0px solid #666 !important; padding:0 10px !important; } #topbar .wizsubmenu .topbar_right li a:hover { color:#000; } #topbar .sch { position:absolute; top:5px; bottom:0px; right: 0; width: 220px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; } #topbar .sch .keyword { width: 184px; height: 30px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; } #topbar .btn-sch { vertical-align:bottom; border: 0; } .wizbook a { display:block; vertical-align:middle; font-size:10px; color:#FBC022 !important; font-weight:none; text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #666 !important; } .wizbook a:hover { color:#ff2841 !important; } #joinpoint {position:absolute;z-index:99;top:30px;left:-25px;height:25px;line-height:25px;color:#222;text-align:center;padding:6px 0 0;background:url("/design/nak3618/wizdesign/joinarr.png") no-repeat 50% 0;-webkit-animation:joinpointanimation 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;} #joinpoint .point {display:block;width:120px;margin:0;background:#eee; border-radius:7px;text-align:center; font-size:11px;color:#222;} /* 로고센터 */ #ball { position:absolute; z-index:90;top:20px;left:40px;} /* 스크랩 */ .sns_link1 { position:absolute; bottom:20px;left:0px;} .sns_link1 li {position:relative;float:left;height:30px;margin:3px 2px;} .sns_link1 li a{ display:block;width:25px;height:25px; border-radius:100%; background:#666;font-size:14px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;} .sns_link1 li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);} .sns_link1 li a i{line-height:27px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;} .sns_link1 .Facebook:hover a {display:block;width:25px;height:25px; background:#5c84d7 ;border-radius:100%;} .sns_link1 .Twitter:hover a {display:block;width:25px;height:25px; background:#28b5f2 ;border-radius:100%;} .sns_link1 .Instagram:hover a {display:block;width:25px;height:25px; background:#bca292 ;border-radius:100%;} .sns_link1 .Blog:hover a {display:block;width:25px;height:25px; background:#44cb44 ;border-radius:100%;} .sns_link1 .Kakao:hover a {display:block;width:25px;height:25px; background:#f9b932 ;border-radius:100%;} /* 상단주메뉴 */ #topMenu.fixed {position:fixed; margin:0 auto; top:31px; width:100%; z-index:5;} /* 메뉴고정 */ #topMenu { clear:both; width:100%; height:45px; border-top:1px solid #999999; border-bottom:1px solid #ddd; background:#fff; } #topMenu { clear:both; width:100%; height:50px; border-top:1px solid #999999;border-bottom:1px solid #ddd; background:#fff; filter:alpha(opacity=90); opacity:0.9;} #topMenu #menu { clear:both; width:1600px; height:50px; margin:0 auto; border: 0px solid #DDDDDD; text-align:center;} #topMenu #menu > ul > li { position:relative; display:inline-block; *display:inline; *zoom:1;z-index:10; height:50px; cursor:default; padding:0 28px;} #topMenu #menu > ul > li a { display:block; font-family:'Malgun Gothic', 'Nanum Gothic',돋움; font-size:13px; text-transform: uppercase; line-height:50px; color:#5C5D5F; font-weight:none; } #topMenu #menu > ul > li a:hover { color:#000; } #topMenu #menu .ssub-list .subbox { border-bottom:1px solid #cecece; padding: 15px 0 7px 0 ; width:145px; background:url( /design/nak3618/wizdesign/layer_arr.png) no-repeat scroll center 0 #fff; position:absolute; top: 44px; left: 50%; margin-left: -69px; } #topMenu #menu .ssub-list .subbox li { clear:both; } #topMenu #menu .ssub-list .subbox li a{ font-size:12px; color:#4D4D4D;line-height:25px; height:25px; } #topMenu #menu .ssub-list .subbox li a:hover{color:#ff3a13; background:#E9E9E9;} .sw_tdview { width:130px; margin:0 auto;} .sw_tdview .vtit { text-align:center; padding:10px 0px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin-bottom:10px; font-size:11px; font-family: "Roboto", 'Nanum Gothic', 돋움; font-weight:700; color:#929292; } .today { zoom: 1; overflow: hidden; margin:0 auto;text-align:center; } .today:after { content: ""; clear: both; display: block; } .today .item { float: left; width: 65px; margin-top: 0px; margin-bottom: 5px;text-align: center; } .today .item .thumb { margin: 0 auto 0px; width:55px; } .today .item .thumb img { width:100% ; border:1px solid #eeeeee } .naktoggle {position:fixed; _position:absolute; right:0; top:0px; z-index:2; width:150px; height:100%; border-left:1px solid #d5d5d5; background:#fff;} .naktoggle_menu { width:130px; margin:0 auto } .naktoggle_menu li{ text-align:center; display:block; padding:5px 0; } .naktoggle_menu li a { font-size:11px; font-family: "Roboto",'Nanum Gothic' ,돋움; font-weight:bold; color:#5F5F5F; } .naktoggle_menu li a:hover { color:#000; } .naktoggle_menu .r001 { border-bottom:1px solid #000; text-align:center; padding:5px 0;} .naktoggle_menu .r001 a { font-size:12px; font-family: "Roboto", 'Nanum Gothic', 돋움; font-weight:bold; color:#000; } .naktoggle_menu .r001 a:hover { color:#939192; } .naktoggle_menu .r002 { border-bottom:0px solid #E5E5E5; text-align:center; padding:5px 0;} .naktoggle_menu .r002 a { font-size:12px; font-weight:bold; color:#000; } .naktoggle_menu .r002 a:hover { color:#939192; } .naktoggle_menu a{ display:block; position:relative; padding:0px;} .naktoggle_menu a.fav{/*left:-1px;*/ bottom:-1px; z-index:10; } .s_w_bn {position:absolute; _display:none; right:151px; top:40%; z-index:101; cursor:pointer;} .naktoggle_menu .sp99 {clear:both; height:50px; border:0px solid #ECECEC;} .naktoggle_menu .sp20 {clear:both; height:0px; border:0px solid #ECECEC;} .naktoggle_menu .tel {font-size:12px;padding-bottom:5px;color:#000000; font-family:Roboto; font-weight:700; } .naktoggle_menu p {font-family:Roboto ;font-size:10px;color:#7F7F7F;} .naktoggle_menu .del { padding:20px 10px;font-size:11px; border-bottom:1px solid #E5E5E5; } .naktoggle_menu .qview { font-size:11px;font-family: "Roboto",돋움; font-weight:700; color:#929292; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5;} .naktoggle_menu .qview a {font-size:11px; font-family: "Roboto",돋움; font-weight:700; color:#929292;} .naktoggle_menu .qview .kor { font-size:11px; font-family: 돋움; color:#929292; } .board_box {width:100%; } .board_box ul {width:130px;} .board_box li{ float: left;} .board_box li a { color:#000;width:130px; padding:5px;box-sizing:border-box;border:1px solid #929292;background: none repeat scroll 0% 0% #fff;text-align:center;font-size:11px; letter-spacing: 1px; } .board_box li a:hover {color:#fff; background: none repeat scroll 0% 0% #000;border:1px solid #000;} .naktoggle_menu .cus { font-size:11px;font-family: "Roboto",돋움; font-weight:700; color:#929292; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-top:0px;} .naktoggle_menu .cus .tel {font-size:15px;padding-bottom:10px;color:#000000; font-family:Roboto; font-weight:500; } .naktoggle_menu .cus p {font-family:Roboto ;font-size:10px;color:#7F7F7F;} .abc img{margin-top: 29px !important;} /* ==================================================================== */ .header_outer{ width:100%; min-width:1400px; height:150px;} #ms_header{width:100%; min-width:1400px; height:120px; border-bottom:1px solid #eeeeee; position:fixed; top:0; left:0; z-index:100; } #ms_head_top{width:100%; height:60px; background-color:#000000; position:relative; } #ms_head_top h1{position:absolute; top:0; left:50%; margin-left:-46px; width:92px; height:100%;} #ms_head_top h1 a{display:block; width:100%; height:100%; } #ms_head_top h1 img{display:block;margin-top:19px;} #ms_head_top .ms_language{float:left; margin:0 130px 0 45px; /* width:70px;*/ height:60px; position:relative; } #ms_head_top .ms_language span.btn { display: block; width: 100%; overflow: hidden; color: #ddd; vertical-align: middle; margin-top: 21px; font-size: 13px; font-weight: 100; font-family: 'Noto Sans KR', sans-serif; } #ms_head_top .ms_language .language_depth{ display: none; position: absolute; left: 0; top: 60px; width: auto; background: #FFF; padding: 10px 10px 0; z-index: 11; border: 1px solid #ddd; } #ms_head_top .ms_language .language_depth li{margin-bottom:8px;} #ms_head_top .ms_language .language_depth li a{display:block; width:100%; line-height:20px; } #ms_head_top .ms_language .language_depth li a img{vertical-align:middle; display:inline-block; margin-right:4px; margin-top:-1px;} /*
언어
*/ #ms_head_top .ms_category{float:left; height:22px; margin-top:19px; font-size:0;} #ms_head_top .ms_category a{display:inline-block; vertical-align:top; padding:0 5px; line-height:22px; color:#FFF; margin-right:15px; font-size:13px; font-weight:100; font-family:'Noto Sans KR', sans-serif;} #ms_head_top .ms_gnb_icon{float:right; height:35px; font-size:0; margin:13px 50px 0 25px;} #ms_head_top .ms_gnb_icon span.search_wrap{ position: relative; width: 135px; display: inline-block; } #ms_head_top .ms_gnb_icon span.search_wrap .MS_search_word{ position: absolute; left: 0; bottom: 0; background: transparent; border-bottom: 1px solid #fff; border-top: 0; border-right: 0; border-left: 0; width:126px; height: 31px; line-height: 31px; color: #fff; padding-left: 5px; padding-right:29px; box-sizing:border-box; } #ms_head_top .ms_gnb_icon a{display:inline-block;width: 48px;height:35px;vertical-align:top;background:center no-repeat;position:relative;font-size:0;float: right;} #ms_head_top .ms_gnb_icon a.ic_search{background-image:url(/design/nak3618/ms_202010/img/ic_search_white.png);} #ms_head_top .ms_gnb_icon a.ic_cart{background-image:url(/design/nak3618/ms_202010/img/ic_cart_white.png);} #ms_head_top .ms_gnb_icon a sup{position:absolute; top:0; right:0; display:block; min-width:13px; height:18px; line-height:18px; text-align:center; padding:0 5px; background:#FFF; border-radius:9px; color:#000; font-size:12px; font-family: 'Jost', sans-serif;} #ms_head_top .ms_gnb_text{float:right; height:22px; margin-top:19px; font-size:0; } #ms_head_top .ms_gnb_text a{display:inline-block; vertical-align:top; padding:0 5px; line-height:22px; color:#FFF; margin-left:15px; font-size:13px; font-family: 'Jost', Noto Sans KR , sans-serif;} #ms_head_bottom{ width:100%; background-color:#FFF; position:relative; padding:8px 0 23px; border-bottom: 1px solid #eeeeee; } #ms_head_bottom .head_bottom_nav{width:100%; } #ms_head_bottom .head_bottom_nav #btn_all{position:absolute; top:20px; left:45px; display:block; width:105px; height:60px; cursor:pointer; padding: 20px 0 10px; } #ms_head_bottom .head_bottom_nav #btn_all span{display:block; width:23px; height:16px; box-sizing:border-box; position:relative; /* margin:22px auto 0 0;*/ transition: all 0.5s;} #ms_head_bottom .head_bottom_nav #btn_all span em, #ms_head_bottom .head_bottom_nav #btn_all span:before, #ms_head_bottom .head_bottom_nav #btn_all span:after{display:block; width:23px; height:2px; background:#000; content:""; position:absolute; transition: all 0.5s;} #ms_head_bottom .head_bottom_nav #btn_all span em{top:50%; margin-top:-1px;} #ms_head_bottom .head_bottom_nav #btn_all span:before{top:0;} #ms_head_bottom .head_bottom_nav #btn_all span:after{bottom:0;} #ms_head_bottom .head_bottom_nav #btn_all.close span{height:24px; margin-top:18px;} #ms_head_bottom .head_bottom_nav #btn_all.close em{opacity:0; } #ms_head_bottom .head_bottom_nav #btn_all.close span:before{top:50%; margin-top:-1px; -ms-transform: skewY(45deg); /* IE 9 */ transform: skewY(45deg);} #ms_head_bottom .head_bottom_nav #btn_all.close span:after{bottom:50%; margin-bottom:-1px; -ms-transform: skewY(-45deg); /* IE 9 */ transform: skewY(-45deg);} #ms_head_bottom .head_bottom_nav #btn_all u { position: absolute; right: 0; top: 20px; font-size: 15px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; text-decoration: none; padding: 20px 0 10px; } #ms_head_bottom .head_bottom_nav .nav{ /* max-width:1600px;*/ box-sizing:border-box; display:block; height:40px; margin:0 auto; font-size:0; text-align:center; } #ms_head_bottom .head_bottom_nav .nav li{ display:inline-block; height:30px; margin:15px 15px; vertical-align:top; } #ms_head_bottom .head_bottom_nav .nav li a{display:block; line-height:30px; color:#000; font-size:15px; font-weight:500; font-family:'Jost','Noto Sans KR', sans-serif; position:relative;} /* 상단메뉴 2번째줄 css */ #ms_head_bottom .head_bottom_nav .sub_nav{ width:100%; box-sizing:border-box; display:block; height:40px; margin:0 auto; /*margin-left:140px;*/ font-size:0; text-align:center; } #ms_head_bottom .head_bottom_nav .sub_nav li{ display:inline-block; height:30px; margin:15px 15px; vertical-align:top; } #ms_head_bottom .head_bottom_nav .sub_nav li a{display:block; line-height:30px; color:#8c8c8c; font-size:14px; font-weight:400; font-family:'Jost','Noto Sans KR', sans-serif; position:relative;} #ms_head_bottom .sub_category_wrap{background:#FFF; width:100%; border-top:1px solid #eee; position:relative; top:23px; } #ms_head_bottom .sub_category_wrap .sub_category_inner{width:1400px; margin:0 auto; position:relative; padding:40px 0 50px; font-size:0;} #ms_head_bottom .sub_category_wrap .sub_category_inner .btn_closeX{position:absolute; top:35px; right:-5px; width:37px; height:37px; display:block; background:url(/design/nak3618/ms_202010/img/btn_closeX_27.png) center no-repeat; cursor:pointer;} #ms_head_bottom .sub_category_wrap .sub_category_inner dl{display:inline-block; vertical-align:top; width:12.5%; overflow:hidden; margin-bottom:7px; min-height:172px; } #ms_head_bottom .sub_category_wrap .sub_category_inner dl dt{} #ms_head_bottom .sub_category_wrap .sub_category_inner dl dd{} #ms_head_bottom .sub_category_wrap .sub_category_inner dl a{display:inline-block; font-family:'Noto Sans KR', sans-serif;} #ms_head_bottom .sub_category_wrap .sub_category_inner dl dt a{padding:10px 0 ; line-height:23px; font-size:14px; font-weight:700; color:#000; } #ms_head_bottom .sub_category_wrap .sub_category_inner dl dd a{padding:4px 0 ; line-height:18px; font-size:13px; color:#636363; } /* 빅사이즈 #ms_head_bottom .head_bottom_nav .nav .bigEvent a{ padding: 0 10px; background: #ff6d44; color:#fff; } */ #pagescroll{position:fixed; right:10px; bottom:35px; z-index:10;} #pagescroll ul{width:54px; padding:24px 13px; box-sizing:border-box; border:1px solid #c9c9c9; border-radius:27px; background:#fff; overflow:hidden; } #pagescroll ul li{overflow:hidden; display:block; } #pagescroll ul li a{display:block; position:relative; margin:12px 0; } #pagescroll ul li a:after{position:absolute; content:""; display:block; width:18px; height:1px; background:#eeeeee; bottom:-12px; left:4px; } #pagescroll ul li a#scrollup{margin-bottom:0; } #pagescroll ul li a#scrollup:after{display:none;} /* @media(max-width:1450px){ #ms_head_bottom .head_bottom_nav #btn_all{float:left; position:static; margin-left:10px; } #ms_head_bottom .head_bottom_nav .nav{padding-left:20px;} } */ #content{width:1400px; margin:0 auto;} .page-body .bbs_top{height:50px; margin-bottom:10px; font-family:'Noto Sans KR', sans-serif;} .page-body .bbs_hd{margin-bottom:40px; } .page-body .bbs_hd:before, .page-body .bbs_hd:after{display:table; width:100%; content:"";} .page-body .bbs_hd * {font-family:'Noto Sans KR', sans-serif;} .page-body .bbs_hd .bbs_title{display:block; text-align:center; padding:32px; line-height:50px; color:#111; font-weight:700; font-size:36px;} .page-body .bbs_hd .bbs_search{height:40px; font-size:0; text-align:center; margin-bottom:30px; } .page-body .bbs_hd .bbs_search label{display:inline-block; vertical-align:top; height:40px; line-height:40px; padding-right:19px; font-family:'Jost','Noto Sans KR', sans-serif; font-size:15px; font-weight:500; color:#333333;} .page-body .bbs_hd .bbs_search select{display:inline-block; vertical-align:top; height:40px; width:80px; line-height:38px; box-sizing:border-box; border:1px solid #e6e6e6; font-size:13px; padding-left:10px; margin-right:4px;} .page-body .bbs_hd .bbs_search .keyword_box{position:relative; display:inline-block; vertical-align:top; height:40px; width:180px; line-height:40px; font-family:'Jost','Noto Sans KR', sans-serif; box-sizing:border-box; border:1px solid #e6e6e6; } .page-body .bbs_hd .bbs_search .keyword_box input{display:block; width:100%; height:38px; line-height:38px; border:0; padding:0; margin:0; text-indent:10px; } .page-body .bbs_hd .bbs_search .keyword_box a{position:absolute; top:0; right:0; width:36px; height:38px; background:url(/design/nak3618/ms_202010/img/ic_search_black.png) center no-repeat; font-size:0; text-indent:-1000px; overflow:hidden;} /* 메뉴 우측 상단에 동그란 점, 폰트 색상 */ #ms_head_bottom .nav li a.on:after { position: absolute; top: 5px; right: -9px; width: 7px; height: 7px; background: #ff6d44; border-radius: 50%; content: ""; } .color1{ color:#27a2d9 !important; } .color2{ color:#ff6d44 !important; } .color3{ color:#00a651 !important; } .color4{ color:#0000ff !important; } /* 상단고정 고정배너 (동그라미) */ .top_banner { /* position:fixed;*/ float:right; top:-100px; left:-80px; bottom:30px; z-index:100; width: 162px; height: 162px; } .top_banner .swiper-slide a { display: block; width: 100%; height: 100%; } .popup_close { position: absolute; bottom: -40px; right: 45px; } .popup_close form { position: absolute; bottom: 40px; right: 0; cursor: pointer; } /* 회원가입 움직이는배너 */ .login-popup-box { position: absolute; right: 496px; top: 45px; background: #fff700; padding: 3px 12px; z-index: 1; font-family: 'Noto Sans KR', sans-serif; animation: motion 1s linear 1s infinite alternate; margin-top: 0; border-radius: 10px; font-weight: 600; font-size:12px; color:#000; } @keyframes motion { 0% {margin-top: 0px;} 25% {margin-top: 3px;} 50% {margin-top: 0px;} 75% {margin-top: 0px;} 100% {margin-top: 0px; } } /* 커뮤니티 드롭다운 메뉴 */ #ms_head_top .ms_gnb_text > li{ position:relative; float:right; margin-right:5px;} #ms_head_top .ms_gnb_text > li:hover .depth_top {display:block;} #ms_head_top .ms_gnb_text .depth_top {display:none; position:absolute; left:0; right:0; text-align:center; z-index: 40000; } #ms_head_top .ms_gnb_text .depth_top a{display:block; padding:10px 15px; background:#000; color:#fff; margin:0 !important; width: 100%;} #ms_head_top .ms_gnb_text .depth_top li > a:hover { color : #ffbbc8; } #ms_head_top .ms_gnb_text .depth_top li { position: relative; left: -8px; } /* 상단 드롭다운 메뉴 */ #ms_head_bottom .head_bottom_nav .nav .top_submenu { display:none; position:absolute; text-align:center; z-index:1 ; } #ms_head_bottom .head_bottom_nav .nav .top_submenu li { display: block; margin:0; padding: 8px 22px; background-color: rgb(255 255 255 / 90%) ; } #ms_head_bottom .head_bottom_nav .nav .top_submenu li a { font-size:13px; color:#757575; } #ms_head_bottom .head_bottom_nav .nav .top_submenu li { border-left:1px solid #ddd; border-right:1px solid #ddd; } #ms_head_bottom .head_bottom_nav .nav .top_submenu li:first-child { border-top:1px solid #ddd; } #ms_head_bottom .head_bottom_nav .nav .top_submenu li:last-child { border-bottom:1px solid #ddd; } #ms_head_bottom .head_bottom_nav .nav > li > a{ display:block;} #ms_head_bottom .head_bottom_nav .nav > li:hover .top_submenu { display:block; } #ms_head_bottom .head_bottom_nav .nav > li:hover { } #ms_head_bottom .head_bottom_nav .nav .top_submenu li > a:hover { color : #000; } #ms_head_bottom .head_bottom_nav .nav .menu_bz li { position: relative; left: -9%; } #ms_head_bottom .head_bottom_nav .nav .menu_made li { position: relative; left: -21px; } #ms_head_bottom .head_bottom_nav .nav .menu_top li { position: relative; left: -49px; } #ms_head_bottom .head_bottom_nav .nav .menu_pans li { position: relative; left: -19px; } #ms_head_bottom .head_bottom_nav .nav .menu_ops li { position: relative; left: -36px; } #ms_head_bottom .head_bottom_nav .nav .menu_knit li { position: relative; left: -40px; } #ms_head_bottom .head_bottom_nav .nav .menu_outer li { position: relative; left: -19px; } #ms_head_bottom .head_bottom_nav .nav .menu_acc li { position: relative; left: -25px; } #ms_head_bottom .head_bottom_nav .nav .menu_sb li { position: relative; left: 5px; } #ms_head_bottom .head_bottom_nav .nav .menu_codi li { position: relative; left: -2px; } .cate_point { color:#ff5252; } #banner{ height:40px; display:blcok; } .banner{ width: 100%; height: 40px; overflow: hidden; position: relative; } .banner .list{ width: 100%; height: 120px; /* 이미지 높이의 2배 입력 */ position: relative; }.banner .list .list_img { width: 100%; height: 40px; } .banner .list .list_img img{ display: block; margin:0 auto; height:100%; } .banner .top_banner_close { position: absolute; top: 5px; right: 9px; border: none; background-color: rgba(0,0,0,0); color:#fff; z-index: 9; } .banner .top_banner_close { } .banner .top_banner_close svg { display:table; margin:0 auto; } /* BASIC css end */