/*################ 폰트 ################*/ @font-face {font-family: 'IropkeBatangM';font-style: normal;src:url("http://file.moongori.com/fonts/IropkeBatangM.woff");} @font-face {font-family: 'NanumBarunGothic';font-style: normal;src:url("http://file.moongori.com/fonts/NanumBarunGothic.woff");} @font-face {font-family: 'NanumBarunGothicBold';font-style: normal;src:url("http://file.moongori.com/fonts/NanumBarunGothicBold.woff");} @font-face {font-family: 'NanumBarunGothicLight';font-style: normal;src:url("http://file.moongori.com/fonts/NanumBarunGothicLight.woff");} @font-face {font-family: 'NanumBarunGothicUltraLight';font-style: normal;src:url("http://file.moongori.com/fonts/NanumBarunGothicUltraLight.woff");} @font-face {font-family: 'NanumGothic';font-style: normal;src:url("http://file.moongori.com/fonts/NanumGothic.woff");} @font-face {font-family: 'NanumGothicBold';font-style: normal;src:url("http://file.moongori.com/fonts/NanumGothicBold.woff");} @font-face {font-family: 'NanumGothicExtraBold';font-style: normal;src:url("http://file.moongori.com/fonts/NanumGothicExtraBold.woff");} @font-face {font-family: 'NanumGothicLight';font-style: normal;src:url("http://file.moongori.com/fonts/NanumGothicLight.woff");} @font-face {font-family: 'nanumsquareb';font-style: normal;src:url("http://file.moongori.com/fonts/nanumsquareb.woff");} @font-face {font-family: 'nanumsquarer';font-style: normal;src:url("http://file.moongori.com/fonts/nanumsquarer.woff");} @font-face {font-family: 'NotoSansKR-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Bold.woff");} @font-face {font-family: 'NotoSansKR-Light';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Light.woff");} @font-face {font-family: 'NotoSansKR-Medium';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Medium.woff");} @font-face {font-family: 'NotoSansKR-Black';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Black.woff");} @font-face {font-family: 'NotoSansKR-DemiLight';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-DemiLight.woff");} @font-face {font-family: 'NotoSansKR-Regular';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Regular.woff");} @font-face {font-family: 'NotoSansKR-Thin-Windows';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Thin-Windows.woff");} @font-face {font-family: 'NotoSansKR-Thin';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansKR-Thin.woff");} @font-face {font-family: 'SpoqaHanSans-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/SpoqaHanSans-Bold.woff");} @font-face {font-family: 'SpoqaHanSans-Regular';font-style: normal;src:url("http://file.moongori.com/fonts/SpoqaHanSans-Regular.woff");} @font-face {font-family: 'SpoqaHanSans-Thin';font-style: normal;src:url("http://file.moongori.com/fonts/SpoqaHanSans-Thin.woff");} @font-face {font-family: 'Alog';font-style: normal;src:url("http://file.moongori.com/fonts/Alog.woff");} @font-face {font-family: 'Gotham';font-style: normal;src:url("http://file.moongori.com/fonts/Gotham-Book.woff");} @font-face {font-family: 'GothamBlack';font-style: normal;src:url("http://file.moongori.com/fonts/GothamBlack.woff");} @font-face {font-family: 'Gotham-Light';font-style: normal;src:url("http://file.moongori.com/fonts/Gotham-Light.woff");} @font-face {font-family: 'GothamMedium';font-style: normal;src:url("http://file.moongori.com/fonts/GothamMedium.woff");} @font-face {font-family: 'Gotham-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/Gotham-Bold.woff");} @font-face {font-family: 'ToxTypewriter';font-style: normal;src:url("http://file.moongori.com/fonts/ToxTypewriter.woff");} @font-face {font-family: 'NotoSansCJKkr';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Regular.woff");} @font-face {font-family: 'NotoSansCJKkr-Black';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Black.woff");} @font-face {font-family: 'NotoSansCJKkr-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Bold.woff");} @font-face {font-family: 'NotoSansCJKkr-DemiLight';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-DemiLight.woff");} @font-face {font-family: 'NotoSansCJKkr-Light';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Light.woff");} @font-face {font-family: 'NotoSansCJKkr-Medium';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Medium.woff");} @font-face {font-family: 'NotoSansCJKkr-Regular';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Regular.woff");} @font-face {font-family: 'NotoSansCJKkr-Thin';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansCJKkr-Thin.woff");} @font-face {font-family: 'NotoSansMonoCJKkr-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansMonoCJKkr-Bold.woff");} @font-face {font-family: 'NotoSansMonoCJKkr-Regular';font-style: normal;src:url("http://file.moongori.com/fonts/NotoSansMonoCJKkr-Regular.woff");} @font-face {font-family: 'Campton-BoldDEMO';font-style: normal;src:url("http://file.moongori.com/fonts/Campton-BoldDEMO.woff");} @font-face {font-family: 'Campton-LightDEMO';font-style: normal;src:url("http://file.moongori.com/fonts/Campton-LightDEMO.woff");} @font-face {font-family: 'Digital-7';font-style: normal;src:url("http://file.moongori.com/fonts/Digital-7.woff");} @font-face {font-family: 'Digital-7Mono';font-style: normal;src:url("http://file.moongori.com/fonts/Digital-7Mono.woff");} @font-face {font-family: 'KoreanTNSJG1-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG1-R.woff");} @font-face {font-family: 'KoreanTNSJG2-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG2-R.woff");} @font-face {font-family: 'KoreanTNSJG3-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG3-R.woff");} @font-face {font-family: 'KoreanTNSJG4-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG4-R.woff");} @font-face {font-family: 'KoreanTNSJG5-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG5-R.woff");} @font-face {font-family: 'KoreanTNSJG-B';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTNSJG-B.woff");} @font-face {font-family: 'KoreanTITGD1-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTITGD1-R.woff");} @font-face {font-family: 'KoreanTITGD2-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTITGD2-R.woff");} @font-face {font-family: 'KoreanTITGD3-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTITGD3-R.woff");} @font-face {font-family: 'KoreanTITGD4-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTITGD4-R.woff");} @font-face {font-family: 'KoreanTITGD5-R';font-style: normal;src:url("http://file.moongori.com/fonts/KoreanTITGD5-R.woff");} @font-face {font-family: 'AvenirLT-Roman';font-style: normal;src:url("http://file.moongori.com/fonts/AvenirLT-Roman.woff");} @font-face {font-family: 'AvenirNextLTPro-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/AvenirNextLTPro-Bold.woff");} @font-face {font-family: 'AvenirNextLTPro-Demi';font-style: normal;src:url("http://file.moongori.com/fonts/AvenirNextLTPro-Demi.woff");} @font-face {font-family: 'SCDream1';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream1.woff");} @font-face {font-family: 'SCDream2';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream2.woff");} @font-face {font-family: 'SCDream3';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream3.woff");} @font-face {font-family: 'SCDream4';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream4.woff");} @font-face {font-family: 'SCDream5';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream5.woff");} @font-face {font-family: 'SCDream6';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream6.woff");} @font-face {font-family: 'SCDream7';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream7.woff");} @font-face {font-family: 'SCDream8';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream8.woff");} @font-face {font-family: 'SCDream9';font-style: normal;src:url("http://file.moongori.com/fonts/SCDream9.woff");} @font-face {font-family: 'aGothic10';font-style: normal;src:url("http://file.moongori.com/fonts/aGothic10.woff");} @font-face {font-family: 'aGothic18';font-style: normal;src:url("http://file.moongori.com/fonts/aGothic18.woff");} @font-face {font-family: 'Campton-Bold';font-style: normal;src:url("http://file.moongori.com/fonts/Campton-Bold.woff");} @font-face {font-family: 'NANUMBARUNGOTHICBOLD';font-style: normal;src:url("http://file.moongori.com/fonts/NANUMBARUNGOTHICBOLD.woff");} @font-face {font-family: 'NANUMBARUNGOTHICULTRALIGHT';font-style: normal;src:url("http://file.moongori.com/fonts/NANUMBARUNGOTHICULTRALIGHT.woff");} @font-face {font-family: 'NANUMBARUNGOTHICLIGHT';font-style: normal;src:url("http://file.moongori.com/fonts/NANUMBARUNGOTHICLIGHT.woff");} @font-face {font-family: 'NANUMBARUNGOTHIC';font-style: normal;src:url("http://file.moongori.com/fonts/NANUMBARUNGOTHIC.woff");} @font-face {font-family: 'NANUMBARUNGOTHIC_1';font-style: normal;src:url("http://file.moongori.com/fonts/NANUMBARUNGOTHIC_1.woff");} /*################ 초기화 ###############*/ *{margin:0; padding:0; font-family:'NanumGothic',sans-serif;} li{list-style:none;} a:link, a:visited{text-decoration:none;} a:hover, a:focus{text-decoration:none;} html, body, header, section, footer, nav{ margin:0; padding:0; } header, section, footer, nav{display:block;} #wrap{width:100%; overflow:hidden; position:relative;} /*################ 헤더 시작 ###############*/ #head{width:100%; height:148px; background-color:#fff; position:relative;} #head > #gnb_wrap{width:100%; height:42px; background-color:#f7f7f7; border-bottom:1px solid #d3d3d3;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #mypage_menu{width:202px; height:320px;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #mypage_menu > dl{width:100%; height:100%;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #mypage_menu > dl > dt{width:100%; height:102px;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #login_menu > ul{width:100%; height:64px; padding-top:10px; margin-top:-1px; border:1px solid #000; background-color:#fff; font-size:12px;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #login_menu > ul > li{width:100%; height:27px;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #login_menu > ul > li > a{width:100%; height:100%; line-height:27px; text-indent:15px; color:#666; display:inline-block;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li:nth-child(1):hover #cc_menu{display:block;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li:nth-child(4):hover #mypage_menu{display:block;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li:nth-child(5):hover #login_menu{display:block;}ead > #gnb_wrap > #gnb > ul#gnb_menu > li > #mypage_menu > dl > dd{width:50%; height:54px; float:left;} #head > #gnb_wrap > #gnb > ul#gnb_menu > li > #login_menu{width:125px; height:74px;} #head > #head_content{width:1100px; height:105px; margin:0 auto;} #head > #head_content:after{content:''; display:block; clear:both;} #head > #head_content > h1{width:189px; height:100%; text-align:center; float:left;} #head > #head_content > h1 > a > img{margin-top:32px;} #head > #head_content > #head_search{width:374px; margin-top: 34px;position: relative;float: left;border-left: 1px solid #ddd;padding-left: 30px;} #head > #head_content > #head_search > form{display:inline-block;} #head > #head_content > #head_search > form > input{width:322px; height:40px; border:1px solid #4285f4; text-indent:10px; outline:none; font-size:12px; background:#f7f7f7;} #head > #head_content > #head_search > form > button{width:50px; height:42px; background:#4285f4 url("http://img.moongori.com/_image/re_moongori/newSearch_icon.png") no-repeat center;} #time_pop{width:158px; height:272px; padding:18px 10px 10px 10px; position:absolute; top:0px; left:0; background-color:#fff; z-index:4; display:none;} #time_pop > #title{font-family:"dotum","돋음"; font-size:12px; color:#666; font-weight:bold;} #time_pop > ul{padding-top:10px;} #time_pop > ul > li{width:100%; height:22px; padding-bottom:3px; font-size:12px; font-family:"dotum","돋음"; position:relative; overflow:hidden;} #time_pop > ul > li > .content{width:100%; height:25px; position:relative;} #time_pop > ul > li > .content > p{display:inline-block; line-height:22px; position:absolute;} #time_pop > ul > li > .content > p.number{width:17px; height:18px; padding-top:1px; text-align:center; line-height:19px;} #time_pop > ul > li > .content > p.number > img{margin-top:1px; max-width:none;} #time_pop > ul > li > .content > a{color:#000;} #time_pop > ul > li > .content > a:hover{color:#79acf8;} #time_pop > ul > li > .content > a > p.search_word{width:130px; height:100%; line-height:22px; position:absolute; top:0px; left:25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #time_pop > ul > li > .content > a > p.ranking{width:40px; line-height:22px; font-size:11px; color:#666; text-align:right; display:inline-block; position:absolute; top:0px; right:0px;} #time_pop > ul > li > .content > a > p.ranking > img{padding-left:5px; padding-bottom:1px; vertical-align:middle;} #time_popClose{width: 188px;height: 22px;overflow: hidden;position: absolute;top: 13px;left: 10px;} #time_popClose > ul{width:209px; height:250px;border-radius:3px;} #time_popClose > ul > li{width:100%; height:22px; padding-bottom:3px; font-size:12px; font-family:"dotum","돋음";} #time_popClose > ul > li > p{display:inline-block; line-height:22px; text-indent:5px;} #time_popClose > ul > li > p.number{width:18px; height:18px; padding-top:1px; text-align:center; vertical-align:top; padding-right:5px;} #time_popClose > ul > li > p.number img{margin-top:1px;} #time_popClose > ul > li > a{color:#fff;} #time_popClose > ul > li > a > p.search_word{width:80px; display:inline-block; line-height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #time_popClose > ul > li > a > p.ranking{width:50px; display:inline-blochsg_navk; line-height:22px; font-size:11px; color:#fff; text-align:right; vertical-align:top; margin-top:1px;} #time_popClose > ul > li > a > p.ranking > img{padding-left:5px; padding-bottom:2px; vertical-align:middle;} #head > #head_content > #special{width:125px; height:40px; border: 1px solid #e1e1e1;float: left; margin: 34px 35px 0 8px;} #head > #head_content > #special > li{float: left;width: 62px;height: 40px;text-align: center;} #head > #head_content > #special > li:nth-child(2){border-left: 1px solid #e1e1e1;} #head > #head_content > #special > li > a {font-size: 13px;color: #494949;line-height: 40px;display: block;width: 100%;height: 100%;background: #fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;} #head > #head_content > #special > li > a:hover {background: #4285f4; color: #fff;} #head > #nav_wrap{width:100%; height:50px; position:absolute; left:0; top:148px; /*background:rgba(0,0,0,0.2);*/ background:#9da3b0; z-index:3;} #head > #nav_wrap > #nav{width:1100px; height:100%; margin:0 auto; position:relative;} #head > #nav_wrap > #nav:after{content:''; display:block; clear:both;} #head > #nav_wrap > #nav > #all_category{width: 190px;height: 50px;background: #1c2941;float: left;font-size: 14px;cursor: pointer;text-align: center;color: #fff;position: relative;} #head > #nav_wrap > #nav > #all_category > #category_all_menu{width:190px; height:550px; padding-top:10px; /*background: rgba(255, 255, 255, 0.5);*/ background:#fff; position:absolute; top:50px; left:0; z-index:9; display:none;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01{width:100%; height:100%;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li{width:100%; height:25px; margin-bottom:5px;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li > a{text-align:left;width:100%; height:100%; line-height:26px; display:block; font-size:13px; text-indent:35px;color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(1):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(2):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(3):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(4):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(5):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(6):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(7):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(8):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(9):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(10):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(11):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(12):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(13):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(14):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category > #category_all_menu > #depth01 > li:nth-child(15):hover > a{background-color:#fbfbfb; color:#000;} #head > #nav_wrap > #nav > #all_category:hover #category_all_menu{display:block;} #head > #nav_wrap > #nav > ul{width:725px; height:100%; padding-left:10px; float:left;} #head > #nav_wrap > #nav > ul > li{height:100%; line-height:50px; display:inline-block; padding:0px 10px; font-size:14px; position:relative;} #head > #nav_wrap > #nav > ul > li > a{color:#fff; font-family: 'NanumGothicBold';} #head > #nav_wrap > #nav > ul > li > a:hover{color:#666;} #head > #nav_wrap > #nav > #all_btn{width:38px; height:38px; background:url('http://img.moongori.com/_image/header_category_all.png') no-repeat center; cursor:pointer; float:right; position:absolute; top:0px; right:0px;} #head > #nav_wrap > #nav > #all_btn:hover{background:url('http://img.moongori.com/_image/header_category_all_o.png') no-repeat center;} #head > #nav_wrap > #nav > #all_close{width:20px; height:20px; display:none; cursor:pointer; position:absolute; left:11px;top:12px;} #head > #nav_wrap > #nav > #all_close > img{margin-top:3px;} #head > #nav_wrap > #nav > ul > li > .exmark_head{position:absolute; top:-7px;} #allcategory{width:1098px; background-color:#fff; border:1px solid #495164; border-top:0px; position:absolute; left:50%; top:0; margin-left:-550px; overflow:hidden; z-index:10; display:none;} #allcategory > dl{width:182.16px; height:648px; border-right:1px solid #dedee1; border-bottom:1px solid #495164; overflow:hidden; float:left;} #allcategory > dl:nth-child(6){border-right:0px;} #allcategory > dl:nth-child(12){border-right:0px;} #allcategory > dl:nth-child(13){border-bottom:0px;} #allcategory > dl:nth-child(14){border-bottom:0px;} #allcategory > dl:nth-child(15){border-bottom:0px;} #allcategory > dl:nth-child(16){border-bottom:0px;} #allcategory > dl:nth-child(17){border-bottom:0px;} #allcategory > dl > dt{width:100%; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #dedee1; margin-bottom:5px;} #allcategory > dl > dt > a{font-family: 'NanumGothicBold'; color:#333;} #allcategory > dl > dt > a:hover{color:#666;} #allcategory > dl > dt > a > img{vertical-align:middle; margin:0 3px;} #allcategory > dl > dd{width:100%; height:26px;} #allcategory > dl > dd:nth-child(23){padding-top:50px;} #allcategory > dl > dd > a{width:100%; height:100%; line-height:26px; text-indent:5px; color:#888; font-size:11px; display:inline-block;} /*################ 헤더 끝 ###############*/ /*################ 상단 라인배너 ###############*/ #line_banner{width:100%; height:auto; background-color:#fff; overflow:hidden; /*background-image:url('http://img.moongori.com/_image/linebanner/linebanner_bg.gif'); background-repeat:repeat;*/} #line_banner > #banner_wrap{width:1920px; height:auto; margin:0 auto;} #line_banner > #banner_wrap > .top_banner_span{height:62px;float:left;} #line_banner > #banner_wrap > .top_banner_span:first-child:nth-last-child(1) { width: 100%;} #line_banner > #banner_wrap > .top_banner_span:first-child:nth-last-child(2), .top_banner_span:first-child:nth-last-child(2) ~ .top_banner_span { width: 50%;} #line_banner > #banner_wrap > .top_banner_span:first-child:nth-last-child(3), .top_banner_span:nth-child(1){width: 40%;} .top_banner_span:nth-child(2){width: 20%;} .top_banner_span:nth-child(3){width: 40%;} #line_banner > #CloseBtn{position:absolute; top:20px; right:20px; cursor:pointer;} #line_banner > #CloseBtn > span{line-height:40px; margin-right:10px; font-family:'돋음','Dotum',sans-serif; color:#666; font-size:12px; display:none;} #line_banner > #CloseBtn > img{vertical-align:top;} /*################ 하단 사이드 배너 ##############*/ /*#onelinetalk_wrap{position: absolute;right: 50%;top: 842px; cursor: pointer; margin-right: 597px; z-index:999;} #onelinetalk_wrap #dayBannerWrap {position:relative; width:78px;} #onelinetalk_wrap #dayBannerWrap > #talk_request_banner{width:190px; height:226px;} #onelinetalk_wrap #dayBannerWrap > #talk_request_banner > a {display:block; width:190px; height:226px; position:absolute; left:0;top:0; display:none;} #onelinetalk_wrap #dayBannerWrap > #talk_request_banner > a.active {display:block;} #onelinetalk_wrap > #message_wrap{position:absolute;width:205px;bottom:0px;} #onelinetalk_wrap > #message_wrap > #message_btn{padding-bottom:0;} #onelinetalk_wrap > #message_wrap > #message_btn > #btn_close{padding-left:25px;cursor:pointer;background:url('http://img.moongori.com/_image/event/popup/x.gif') no-repeat center;vertical-align:middle;} #onelinetalk_wrap > #message_wrap > #message_btn > #today_close{width:28px; height:29px;cursor:pointer;font-size:12px; color:#000000; font-family:'NotoSansKR-Light';} .talk_request_banner_bottom{margin-bottom: 16px;position: absolute;left: 0;bottom: 0;} .talk_request_banner_bottom > a {display:block; width:190px; height:226px; position:absolute; left:0;bottom:0;}*/ #mainLeftBanner{position: absolute;right: 50%;top: 858px; cursor: pointer; margin-right: 597px; z-index:999;} #mainLeftBanner > div{margin-bottom:14px; overflow:hidden; width:77px;} .leftBannerSlide{width:78px; height:180px; position:relative;overflow:hidden; background-color:#ecf0f3; border-radius:8px;} .leftBannerSlide > .slick-arrow{outline:none;text-indent:-9999px; position:absolute; border:none;} .leftBannerSlide > .slick-prev{z-index:999;bottom: 7px;left: 23px;width:16px;height:16px;background:url('http://img.moongori.com/_image/popup/left_top_banner_prev1.jpg')no-repeat center;} .leftBannerSlide > .slick-next{z-index:998;bottom: 7px;right: 23px;width:15px;height:16px;background:url('http://img.moongori.com/_image/popup/left_top_banner_next1.jpg')no-repeat center;} .leftBannerSlide > div{overflow:hidden;} .leftBannerSlide > div > div > div > a{outline:none;} .leftMiddleBanner{width:77px; height:124px; overflow:hidden;} .leftBottomBanner{width:77px; height:124px; overflow:hidden;} /* 풍선 키프레임 */ @-webkit-keyframes balloonEffect2 { 0% {transform:translateY(0);} 50% {transform:translateY(10px);} 100% {transform:translateY(0);} } @keyframes balloonEffect2 { 0% {transform:translateY(0);} 50% {transform:translateY(10px);} 100% {transform:translateY(0);} } /*################ NAVER TALK 배너 ##############*/ #naver_talk_banner_wrap{width:52px; height:52px; position:fixed; right:20px; top:92%; cursor:pointer; z-index:100;} #naver_talk_banner_wrap > #naver_talk_banner{width:360px; height:395px;position:relative; top:-52; right:11px; text-align:center; z-index:99; opacity:0;} @media all and (min-width:1px) and (max-width:1360px){ #naver_talk_banner_wrap{display:none;} } /*################ 풋터 시작 ###############*/ #footer *{font-family:'dotum','돋음';} #footer h6{position:absolute; left:-9999px; width:1px; height:1px; font-size:1px; line-height:0; overflow:hidden;} /*------------------------------------------------------------------ 사이트맵 영역 */ #footer{width:100%; height:733px; border-top:1px solid #dddfe0; margin-bottom:-13px; background-color:#fff; position:relative;} #footer #f_section1{width:1100px; height:511px; margin:0 auto;} #footer #f_section1 .site_map{width:254px; height:149px; padding:0 10px; margin:10px 0; border-right:1px solid #ebebeb; float:left; font-size:12px;} #footer #f_section1 .site_map:last-child{border-right:none;} #footer #f_section1 .site_map p.title{ font-family:'gulim','굴림'; font-size:12px; font-weight:600; padding:10px 0px; } #footer #f_section1 .site_map ul{width:230px; height:100px; padding-top:10px; padding-left:5px;} #footer #f_section1 .site_map ul li{width:115px; height:20px; padding-bottom:5px; float:left;} #footer #f_section1 .site_map ul li a{color:#000;} #footer #f_section1 .site_map ul li a:hover{color:#f00;} #footer #f_section1 .site_map ul li a span{font-family: 'NanumGothic';} #footer #f_section1 #reform_map p.title a{color:#666;} #footer #f_section1 #reform_map p.title a:hover{color:#f00;} /*------------------------------------------------------------------ 하단 정보 영역 */ #footer #f_section2{width:100%; height:52px; margin:0 auto; background-color:#fff; border-bottom:1px solid #dddfe0;} #footer #f_section2 .inners {width:1100px; hieght:100%;} #footer #f_section2 .site_info{width:345px; height:391px; margin:10px; border-right:1px solid #ebebeb; float:left;} #footer #f_section2 .site_info:last-child{border-right:none;} #footer #f_section2 .site_info .info_title{width:100%; height:35px; padding-top:15px;} #footer #f_section2 .site_info .info_title .redBox{width:26px; height:3px; background-color:#ea2e49;} #footer #f_section2 .site_info .info_title .textBox{font-size:16px; font-family: 'NanumGothic'; font-weight:600; padding-top:15px; color:#222;} #footer #f_section2 #guest_info #guest_con #guest_text{padding-top:10px; padding-bottom:10px;} #footer #f_section2 #guest_info #guest_con #guest_text .b_text{font-size:12px; line-height:18px;} #footer #f_section2 #guest_info #guest_con #guest_text .b_text span{color:#ea2e49; font-weight:600;} #footer #f_section2 #guest_info #guest_con #guest_text .s_text{font-size:11px; color:#666;padding-bottom:0px;} #footer #f_section2 #guest_info #guest_con #guest_btns{width:100%; height:30px;} #footer #f_section2 #guest_info #guest_con #guest_btns > div{width:160px; height:36px; line-height:36px; background-color:#f2f4f7; border:1px solid #dee3eb; margin-bottom:5px; margin-right:5px; float:left;} #footer #f_section2 #guest_info #guest_con #guest_btns > div:hover{background-color:#f7f8f9;} #footer #f_section2 #guest_info #guest_con #guest_btns > div a{width:100%; height:100%; display:inline-block; color:#4b5361; text-indent:10px; font-size:12px;} #footer #f_section2 #guest_info #guest_con #guest_btns > div > a > span{float:right; margin-right:7px; font-weight:bold;} #footer #f_section2 #guest_info #guest_con #guest_btns > #inquiry{} #footer #f_section2 #guest_info #guest_con #guest_btns > #refund{margin-right:0px;} #footer #f_section2 #guest_info #guest_con #guest_btns > #delivery_inquiry{} #footer #f_section2 #guest_info #guest_con #guest_btns > #error{margin-right:0px;} #footer #f_section2 #guest_info #guest_con #guest_tell{width:100%; height:125px; padding-top:10px; position:relative;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_img{width:100px; height:120px; padding-right:5px; float:left;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text{} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text #bigNum{font-size:18px; font-family:'nanumsquarer'; padding-bottom:5px; padding-top:10px;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text .tellNum{height:15px; font-size:11px; line-height:18px; color:#878c9c;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text #call_img{padding-bottom:8px;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text #call_img #tell_popup{width:717px; height:574px; position:absolute; top:-420px; left:30px; display:none;} #footer #f_section2 #guest_info #guest_con #guest_tell #tell_text #call_img:hover #tell_popup{display:block;} #footer #f_section2 #guest_info #guest_con #guest_account{width:100%; font-size:11px; color:#555966; padding-top:5px;} #footer #f_section2 #guest_info #guest_con #guest_account p{padding-top:3px; line-height:18px; font-size:11px;} #footer #f_section2 #guest_info #guest_con #guest_account #acc_left{width:170px; height:40px; border-right:1px solid #eaeaea; float:left;} #footer #f_section2 #guest_info #guest_con #guest_account #acc_right{width:170px; height:40px; float:left; text-indent:15px;} #footer #f_section2 #shopping_info{} #footer #f_section2 #shopping_info #shop_con{width:100%; padding-top:10px;} #footer #f_section2 #shopping_info #shop_con #shop_nav{width:323px; height:29px; border:1px solid #ededed; background-color:#fcfcfc; border-radius:3px;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul{width:100%; height:100%;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul li{width:70px; height:100%; display:inline-block; font-size:12px; text-align:center; line-height:29px;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul li#big1{width:94px;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul li#big2{width:80px;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul li a{color:#333;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul li a:hover{color:#ea2e49;} #footer #f_section2 #shopping_info #shop_con #shop_nav ul span{width:1px;font-size:12px; color:#ccc;} #footer #f_section2 #shopping_info #shop_con #shop_bnts{width:325px; height:77px; padding:10px 0px 15px 0px;} #footer #f_section2 #shopping_info #shop_con #shop_bnts div{width:107px; height:77px; border-right:1px solid #ededed; float:left; text-align:center; font-size:11px;} #footer #f_section2 #shopping_info #shop_con #shop_bnts div:last-child{border-right:none;} #footer #f_section2 #shopping_info #shop_con #shop_bnts div a{color:#878c9c;} #footer #f_section2 #shopping_info #shop_con #shop_bnts div a p{padding-top:10px;} #footer #f_section2 #shopping_info #shop_con #shop_bnts #calculator a p.img{height:29px; padding-bottom:2px; background-image:url("http://img.moongori.com/_image/common/footer/img/calculator.png"); background-repeat:no-repeat; background-position:center;} #footer #f_section2 #shopping_info #shop_con #shop_bnts #motorcycle a p.img{height:20px; padding-top:18px; padding-bottom:4px; background-image:url("http://img.moongori.com/_image/common/footer/img/motorcycle.png"); background-repeat:no-repeat; background-position:center;} #footer #f_section2 #shopping_info #shop_con #shop_bnts #deliver a p.img{height:32px; background-image:url("http://img.moongori.com/_image/common/footer/img/money_icon.png"); background-repeat:no-repeat; background-position:center;} #footer #f_section2 #shopping_info #benefit_con{width:100%; padding-top:15px;} #footer #f_section2 #shopping_info #benefit_con ul li{width:160px; height:60px; background-color:#f4f2f2; float:left; margin-right:10px; margin-bottom:10px; text-align:center;} #footer #f_section2 #shopping_info #benefit_con ul li:hover{background-color:#efeeee;} #footer #f_section2 #shopping_info #benefit_con ul li a{color:#878c9c;} #footer #f_section2 #shopping_info #benefit_con ul li a:hover{color:#ea2e49;} #footer #f_section2 #shopping_info #benefit_con p{font-size:11px;} #footer #f_section2 #shopping_info #benefit_con p.benefit_t{font-size:12px; font-weight:bold; color:#333; padding-top:14px; padding-bottom:5px;} #footer #f_section2 #store_info #store_con{} #footer #f_section2 #store_info #store_con p#store_t{font-size:12px; color:#333; padding-top:15px;} #footer #f_section2 #store_info #store_con p#store_n{font-size:12px; padding-top:8px; padding-bottom:20px;} #footer #f_section2 #store_info #store_con p#store_n span{font-size:12px; color:#ccc; padding:0 20px;} #footer #f_section2 #store_info #store_con p#store_n a{color:#333;} #footer #f_section2 #store_info #store_con p#store_n a:hover{color:#ea2e49;} #footer #f_section2 #store_info #store_con ul{padding-bottom:8px; line-height:0;} #footer #f_section2 #store_info #store_con ul li{width:333px; height:28px; background-color:#f9f9f9; border:1px solid #eee; margin-bottom:8px; border-radius:3px; font-size:12px; text-indent:10px;} #footer #f_section2 #store_info #store_con ul li:hover{background-color:#e9e9e9; border:1px solid #ddd;} #footer #f_section2 #store_info #store_con ul li div{line-height:28px;} #footer #f_section2 #store_info #store_con ul li a{color:#000; font-weight:bold;} #footer #f_section2 #store_info #store_con ul li a:hover{color:#ea2e49;} #footer #f_section2 #store_info #store_con ul li a span.tell{font-weight:normal; color:#666; padding-right:54px;} #footer #f_section2 #store_info #store_con ul li a span.open{padding:1px; background-color:#ea2e49; color:#fff; font-size:9px; } #footer #f_section2 #store_info #store_con ul li a span.time{font-size:11px; color:#666; font-weight:100; padding-left:5px; padding-right:10px;} #footer #f_section2 #store_info #store_con ul li#store_01 a span.tell{padding-right:60px;} #footer #f_section2 #store_info #store_con ul li#store_03 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con ul li#store_04 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con ul li#store_05 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con ul li#store_06 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con ul li#store_08 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con ul li#store_09 a span.tell{padding-right:67px;} #footer #f_section2 #store_info #store_con p#store_img{width:338px; height:83px; overflow:hidden; margin-top:10px; } /*------------------------------------------------------------------ 회사 정보 영역 */ #footer #f_section3{width:100%; height:106px;background-color:#fff;} #footer #f_section3 #f_infoTop{width:1100px; height:50px; margin:0 auto;} #footer #f_section3 #f_infoTop #infoTop_nav{width:695px; height:100%; float:left;} #footer #f_section3 #f_infoTop #infoTop_nav ul{padding-top:15px; padding-left:10px;} #footer #f_section3 #f_infoTop #infoTop_nav ul li{display:inline; font-size:12px;} #footer #f_section3 #f_infoTop #infoTop_nav ul li span{margin:0 5px 0 7px; font-size:12px; color:#ccc;} #footer #f_section3 #f_infoTop #infoTop_nav ul li a{color:#333;} #footer #f_section3 #f_infoTop #infoTop_nav ul li a:hover{color:#ea2e49;} #footer #f_section3 #f_infoTop #infoTop_sub{position:relative;} #footer #f_section3 #f_infoTop #infoTop_sub #sns{padding-top:15px; float:left;} #footer #f_section3 #f_infoTop #infoTop_sub #sns div{float:left;} #footer #f_section3 #f_infoTop #infoTop_sub #sns #facebook{width:30px; height:30px; overflow:hidden; margin-right:5px; border-radius:5px; background-image:url("http://img.moongori.com/_image/common/footer/img/sns2.png");} #footer #f_section3 #f_infoTop #infoTop_sub #sns #instagram{width:30px; height:30px; overflow:hidden; margin-right:5px;border-radius:5px; background-image:url("http://img.moongori.com/_image/common/footer/img/sns2.png"); background-position:-36px;} #footer #f_section3 #f_infoTop #infoTop_sub #sns #cafe{width:30px; height:30px; overflow:hidden; margin-right:5px; border-radius:5px; background-image:url("http://img.moongori.com/_image/common/footer/img/sns2.png");background-position:-72px;} #footer #f_section3 #f_infoTop #infoTop_sub #sns #blog{width:30px; height:30px; overflow:hidden; border-radius:5px; background-image:url("http://img.moongori.com/_image/common/footer/img/sns2.png");background-position:-108px;} #footer #f_section3 #f_infoTop #infoTop_sub #sns #facebook:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/sns2_on.png");} #footer #f_section3 #f_infoTop #infoTop_sub #sns #instagram:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/sns2_on.png");} #footer #f_section3 #f_infoTop #infoTop_sub #sns #cafe:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/sns2_on.png");} #footer #f_section3 #f_infoTop #infoTop_sub #sns #blog:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/sns2_on.png");} #footer #f_section3 #f_infoTop #infoTop_sub #family{width:172px; height:28px; border:1px solid #ccc; border-radius:3px; font-size:12px; float:left; margin:15px 5px 0 5px;line-height:28px; text-indent:10px; position:relative; cursor:pointer;} #footer #f_section3 #f_infoTop #infoTop_sub #family:hover{border:1px solid #ea2e49;} #footer #f_section3 #f_infoTop #infoTop_sub #family #bar{width:1px; height:28px; position:absolute; top:0px; right:35px; background-color:#ccc;} #footer #f_section3 #f_infoTop #infoTop_sub #family #down_arrow{margin-left:59px; cursor:pointer;} #footer #f_section3 #f_infoTop #infoTop_sub #family #up_arrow{margin-left:59px; cursor:pointer; display:none;} #footer #f_section3 #f_infoTop #infoTop_sub #family_box{width:172px; position:absolute; top:45px; right:91px;border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; z-index:2; background-color:#fff; display:none;} #footer #f_section3 #f_infoTop #infoTop_sub #family_box ul{} #footer #f_section3 #f_infoTop #infoTop_sub #family_box ul li{width:100%; height:24px; font-size:12px; text-indent:10px; line-height:24px;} #footer #f_section3 #f_infoTop #infoTop_sub #family_box ul li:hover{background-color:#f0f0f0;} #footer #f_section3 #f_infoTop #infoTop_sub #family_box ul li a{color:#333;} #footer #f_section3 #f_infoTop #infoTop_sub #top{width:65px; height:28px;border:1px solid #ccc; border-radius:3px; margin-top:15px; float:left; font-size:12px; text-align:center; line-height:28px;letter-spacing:-1px;} #footer #f_section3 #f_infoTop #infoTop_sub #top a{display:inline-block; width:100%; height:100%; color:#585858;} #footer #f_section3 #f_infoTop #infoTop_sub #top:hover{border:1px solid #ea2e49;} #footer #f_section3 #f_infoTop #infoTop_sub #top:hover a{color:#ea2e49;} #footer #f_section3 #f_infoTop #infoTop_sub #m_view{width:65px; height:28px; position:absolute; top:50px; right:19px; border:1px solid #ccc; border-radius:3px; font-size:12px; text-align:center; line-height:28px;letter-spacing:-1px;} #footer #f_section3 #f_infoTop #infoTop_sub #m_view a{display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; color:#585858;} #footer #f_section3 #f_infoTop #infoTop_sub #m_view:hover{border:1px solid #ea2e49;} #footer #f_section3 #f_infoTop #infoTop_sub #m_view:hover a{color:#ea2e49;} #footer #f_section3 #f_infoBot{width:1100px; height:190px; margin:0 auto;} #footer #f_section3 #f_infoBot #information{width:700px; height:100%; font-size:12px; float:left; padding-top:13px; padding-left:10px; color:#333;} #footer #f_section3 #f_infoBot #information p{padding:2px 0px;} #footer #f_section3 #f_infoBot #information p a{color:#333;} #footer #f_section3 #f_infoBot #information p#company{font-weight:bold; padding:0px 0px 10px 0px;} #footer #f_section3 #f_infoBot #information p#brc span{width:75px; height:22px; background-color:#333; display:inline-block; line-height:200%;} #footer #f_section3 #f_infoBot #information p#brc span a{color:#fff;} #footer #f_section3 #f_infoBot #information .takeBack {font-size:13px; font-weight: bold;} #footer #f_section3 #f_infoBot #app{width:380px; height:100%; font-size:12px; float:right; padding-top:40px; position:relative;} #footer #f_section3 #f_infoBot #app #app_img{width:190px; height:70px; padding-top:32px; margin-left:3px; float:left;} #footer #f_section3 #f_infoBot #app #app_img:after{content:''; display:block; clear:both;} #footer #f_section3 #f_infoBot #app #app_img > p{width:100%; font-size:11px; color:#333; float:left;} #footer #f_section3 #f_infoBot #app #app_img p#google_play{width:59px; height:65px; margin-top:8.5px; background-image:url("http://img.moongori.com/_image/common/footer/img/google.png"); float:left; margin-right:5px;} #footer #f_section3 #f_infoBot #app #app_img p#apple_store{width:59px; height:65px; margin-top:8.5px; background-image:url("http://img.moongori.com/_image/common/footer/img/apple.png"); float:left;} #footer #f_section3 #f_infoBot #app #app_img p#google_play:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/google_on.png");} #footer #f_section3 #f_infoBot #app #app_img p#apple_store:hover{background-image:url("http://img.moongori.com/_image/common/footer/img/apple_on.png");} #footer #f_section3 #f_infoBot #app #app_img > p > a{width:100%; height:100%; display:inline-block;} #footer #f_section3 #f_infoBot #app #qr_code{width:100px; height:100px; position:absolute; top:50px; right:10px;} /*------------------------------------------------------------------ 가맹 및 등록 영역 */ #footer #f_section4{width:100%; height:64px; text-align:center; position:relative;} #footer #f_section4 p{position:absolute; top:0; left:50%; margin-left:-550px;} /*------------------------------------------------------------------ 풋터 배너*/ /*#footer_banner{width:100%; height:100px; text-align:center;} #footer_banner > a{width:100%; height:100%; display:inline-block; background:url('http://img.moongori.com/_image/common/popup/footer/footbanner_bg02.jpg') no-repeat center;background-size:1903px 100px;}*/ /*------------------------------------------------------------------ 서브 페이지 로케이션*/ #page_location{width:1098px; height:41px; margin-bottom:15px; border:1px solid #dce0e1; border-radius:0px 0px 6px 6px; background-color:#f1f5f6; font-size:11px; color:#88919f; font-family:'돋음','dotum'; margin:0 auto;} #page_location:after{content:''; display:block; clear:both;} #page_location > #location_left{width:20%; height:100%; float:left;} #page_location > #location_left > a{display:inline-block; padding:14px 0px 6px 34px; margin-left:10px; color:#636f80; background:url('http://img.moongori.com/_image/icon_home.gif') no-repeat 0 8px;} #page_location > #location_left > strong{color:#636f80;} #page_location > #location_right{width:79%; height:100%; line-height:41px; padding-right:1%; text-align:left; float:right;} /*------------------------------------------------------------------ 마이페이지*/ .mypage_wrap{padding-top:20px; padding-bottom:20px;} .mypage_wrap *{font-size:12px;} h4{color:#79acf8;} #boardlayout{padding-top:20px; padding-bottom:20px;} #boardlayout *{font-size:12px;} /*------------------------------------------------------------------ 장바구니/ 주문결제 / 결제완료*/ .cart_wrap *{font-family:'돋음','dotum';} .cart_wrap{width:1100px; padding-bottom:30px; margin:0 auto;} .cart_wrap > #cart_form > table{font-size:12px;} .cart_wrap > #cart_form > .order_settle{font-size:12px;} .btn_chg.large, .btn_sch.large, .btn_gray.large, .btn_move.large{font-size:12px;} .cart_wrap > .list_table_style{font-size:12px;} .cart_wrap > .order_settle{font-size:12px;} .order_settle.view .list_inner table.order_view tbody td{line-height:22px;} .ul_list2 > li{font-size:11px;} .join_wrap{width:100%; padding-bottom:30px; margin:0 auto;} /*메인 상단 리뉴얼 20190410 css 추가 */ #main_top_wrap{height:610px !important; background:none !important;} .threeLine {position: absolute;left: 14px;top: 20px;} .downIons {position: absolute;right: 16px;top: 22px; transition:1s;} .allCateTit{position: absolute;left: 45px;top: 16px; font-size: 14px; font-family: 'NanumGothic',sans-serif !important;} .selfInterior {width: 190px;height: 60px;margin-top: 21px;position: absolute;bottom: 0px;} .bannerListBoxs{width:100px; text-align:center;padding:10px;overflow:hidden;background-color: #fff;display: none; position: absolute;right: 50%;margin-right: -549px;bottom: 9.8%;z-index:100;} .bannerListBoxs > ul > li > a{display:block; color:#494949; width:100%; height:100%; font-size:12px; padding:10px 0; letter-spacing: -1px;} .bannerListBoxs > ul > li > a:hover {border-bottom:2px solid #000; padding:10px 0 8px 0;} .KeyWordArea {position:relative;width:140px; height:50px; float:left;} .all_sub {height:545px !important;text-align:left; padding: 15px 0px 0px 20px !important; left:190px !important;} .all_sub > .all_sub_wrap > h3 > p > img {display:none;} .all_sub > .all_sub_wrap > h3 > p {color:#000;} .rollingCase {width:280px; height:105px; position:relative; float:right;} .rollingBannerArea {width:280px; height:105px; overflow:hidden;} .rollring_content {width:280px; height:315px; position:relative;} .rollring_content div {width:254px; height:105px;} .bannerRollringBtn{position:absolute; right:0; top:24px;} .bannerRollringBtn ul {width:21px; height:41px; overflow:hidden;} .bannerRollringBtn .brTop{width:21px; height:21px;} .bannerRollringBtn .brBottom{width:21px; height:20px;} .bannerRollringBtn a{display:block;} .bannerRollringBtn img{width:100%; height:auto; vertical-align: top;} /* 마이페이지 게시판 */ .searchform > input {height:26px;} #searchcategory {margin-right:5px;} /* 목재한판 css 추가 */ .plank_btn_view {width: 40px; /* height: 18px; */font-size: 12px; /* line-height: 18px !important; */ color: #fff; cursor: pointer; position: relative; text-align: center; background: #4285f4; transition: 1s; border-radius: 3px; padding: 4px; margin-top: 4px;} /* freeDay 배너 */ .freeDay{cursor:pointer; position: fixed;left: 51%;margin-left: 550px;top: 270px;z-index: 10;margin-right: -25px; width:156px; height:167px; background:url('http://img.moongori.com/_image/event/freeday_bg_pc.png')no-repeat;} .freeDay > a > .contents{margin-top:64px; color:#fff; text-align:center;} .freeDay > a > .contents > .freeDayText {font-size:50px; color:#3987f7; font-family: 'Noto Sans KR', sans-serif; text-align:center; display:block; font-weight:bold; width:156px; height:43px; line-height:43px;} .freeDay > a > .contents > .freeDayTextArea {text-align:center; font-size:14px; margin-top:8px; font-family: 'SCDream3';font-style: normal; letter-spacing:-1px;} #btn_close3{cursor: pointer;width: 27px;height: 27px;background: url('http://img.moongori.com/_image/event/freeday_close.png')no-repeat center;position: absolute;right: 0;top: 0;display: block;} #mainRightBanner{position: fixed;left: 51%;top: 60%;cursor: pointer;display: none;margin-left: 550px;} #mainRightBanner > a{display:block; width:100%; height:100%;} /* 게시판 sns 아이콘 숨김처리 200604 */ .snsbox{display:none;}