/* 구글 웹폰트 나눔고딕 */ @import url(/coding/inc/NanumFont/nanumgothic.css); @import url(/coding/inc/NanumFont/nanummyeongjo.css); * {font-family:"Nanum Gothic","NanumGothic",'Malgun Gothic','Nanum Myeongjo','NanumMyeongjo',sans-serif;} /* 공통 스타일 -----------------------------------------------------------------------------*/ body {font-size:10pt;color:#333;line-height:1.8em;background:url(/coding/images/bg.jpg) repeat-x 50% 0;} body, form {padding:0;margin:0;} div, td, li {line-height:1.8em;} hr { display:none;visibility:hidden; } A:link {color:#333;text-decoration:none;} A:visited {color:#333;text-decoration:none;} A:hover {color:#333;text-decoration:underline;} A img {border:0;} .form {border:1px solid #999;text-align:left;} .t0 {text-decoration:none;} .t1 {font-size:10pt;} .bigtext {font-size:13pt;} .bodytext {font-size:9pt;line-height:25px;} .bodytext1 {font-size:9pt;line-height:16px;} .bodytext2 {font-size:8pt;line-height:16px;} .bold {font-size:9pt;font-weight:bold;} .top-menu {font-size:8pt;} .top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;} .invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;} a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;} a.button span {display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;} button.plain{display:inline;border:none;vertical-align:middle;cursor:pointer;} /* 공통 -----------------------------------------------------------------------------*/ #skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;} .outWrap {clear:both;display:block;width:1000px;position:relative;margin:0 auto;text-align:left;} #topDiv, #bottomDiv, #mainMidDiv, #cs_center, #subMidDiv {min-width:1000px;} /* 상단 */ #topDiv {clear:both;width:100%;height:118px;} /* 로고 */ #logo {float:left;width:240px;text-align:center;} #logo img {margin-top:32px;} /* 유틸 메뉴 */ #topUtilDiv {float:right;width:auto;padding:0;margin:7px 0;list-style:none;} #topUtilDiv li {display:inline;margin:7px;font-size:12px;} #topUtilDiv li a {color:#000;} /* 메인 메뉴 */ #topMenuDiv {float:right;width:705px;padding:0;margin:0 20px;list-style:none;} #topMenuDiv li {display:inline;float:left;width:16.6%;font-size:18px;font-weight:700;text-align:center;} #topMenuDiv li a {display:block;padding-top:32px;color:#522801;} #topMenuDiv li a:hover {color:#9B5C1F;background:url(/coding/images/m_o.png) no-repeat 50% 0;} /* 푸터 */ #bottomDiv {clear:both;overflow:hidden;width:100%;padding:35px 0 10px 0;background:#F7F2EB url(/coding/images/bg_bottom.png) repeat-x 0 0;} #privacyUI {float:left;width:auto;padding:1px 10px;margin:0;list-style:none;background-color:#7B7975;} #privacyUI li {display:inline;float:left;margin:0 10px;font-size:12px;font-weight:600;} #privacyUI li a {color:#fff;} #bottomDiv address {float:left;width:100%;padding:15px 0 80px 0;font-size:12px;font-style:normal;color:#333;line-height:1.7em;background:url(/coding/images/award.jpg) no-repeat 50% bottom;} #bottomDiv address a {padding:2px 3px;margin-left:15px;font-weight:600;color:#fff;background-color:#000;} #bottomDiv address strong {font-weight:600;color:#E85111;} #bottomDiv address span {line-height:3.4em;} #shopBN {float:right;width:auto;position:absolute;right:0;top:0px;z-index:1;} /* 메인 -----------------------------------------------------------------------------*/ #mainMidDiv {clear:both;overflow:hidden;width:100%;padding-bottom:40px;} /* 상품 카테고리 */ #category {float:left;width:241px;padding-top:30px;background:url(/coding/images/bg_category.png) no-repeat 0 0;} #category dl {padding:0 0 10px 0;margin:0;background:url(/coding/images/bg_category.png) no-repeat 0 bottom;} #category dl dt {padding:2px 0 2px 75px;margin:0;font-size:20px;font-weight:800;color:#522801;background:url(/coding/images/category.png) no-repeat 35px 50%;} #category dl dd {padding:15px 20px;margin:0;} #category dl dd ul {padding:0;margin:0;list-style:none;} #category dl dd ul li {padding:9px 0;font-size:14px;font-weight:600;background:url(/coding/images/bg_category2.png) no-repeat 50% bottom;} #category dl dd ul li:last-child {background:none;} #category dl dd ul li a {display:block;padding-left:40px;color:#000;background:url(/coding/images/bg_category3.png) no-repeat 21px 50%;} /* 메인 비주얼(로테이션) */ #visualDiv {float:right;width:741px;height:223px;padding:3px 2px;background:url(/coding/images/bg_visual.png) no-repeat 0 0;} #visualDiv .container {float:left;width:741px;margin:0 auto;} #visualDiv .container #visual {float:left;position:absolute;overflow:hidden;left:258px;width:741px;height:223px;background-image:none;} #visualDiv .container #visual ul {list-style:none none outside;padding:0;margin:0;} #visualDiv .container #visual ul li img {border-radius:20px;} #visualDiv .container #visual span.fg {float:right;position:absolute;width:auto;left:310px;bottom:10px;z-index:2;padding:8px 15px;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background:url(/coding/images/black_trans2.png) 0 0;} #visualDiv .container #visual span.fg a {margin:0 2px;} #visualDiv .container #visual span.fg img {vertical-align:middle;} #midBtn {clear:both;overflow:hidden;width:100%;padding:30px 0;margin:0;list-style:none;} #midBtn li {display:inline;float:left;margin-right:10px;} #midBtn li.none {margin-right:0;} /* 상품 리스트 */ h3.itemList {float:left;padding:0;margin:10px 0;} ul.itemList {clear:both;overflow:hidden;width:100%;padding:0;margin:0;list-style:none;} ul.itemList li {display:inline;float:left;width:20%;height:290px;font-size:14px;color:#000;text-align:center;} ul.itemList li img.thumb {width:168px;/*height:168px;*/margin-bottom:5px;border:1px solid #dcdcdc;border-radius:10px;} ul.itemList li img.thumb:hover {border:1px solid #522801;} ul.itemList li strong {font-size:18px;font-weight:600;color:#D0131B;line-height:1.3em;} ul.itemList li span {padding:2px 5px 1px 5px;margin:0 1px;font-size:11px;color:#fff;} ul.itemList li span.hot_item {border-bottom:1px solid #0082A7;background-color:#0099C4;} ul.itemList li span.md_item {border-bottom:1px solid #CE561D;background-color:#F26522;} ul.itemList li span.new_item {border-bottom:1px solid #7C45BF;background-color:#9251E1;} /* 고객센터 */ #cs_center {clear:both;overflow:hidden;width:100%;border-top:2px solid #F48503;border-bottom:1px solid #EBEBEB;} #cs_center dl, #cs_center dl dt, #cs_center dl dd, #cs_center ul {padding:0;margin:0;} #cs_center dl {height:145px;padding:15px 0;} /* 알림이, 이야기방 공통 */ #cs_center dl.latest {border-right:1px solid #EBEBEB;} #cs_center dl.latest dt {margin-bottom:20px;font-size:17px;font-weight:600;color:#000;} #cs_center dl.latest dd ul {list-style:none;} #cs_center dl.latest dd ul li {clear:both;overflow:hidden;width:95%;padding-left:5%;font-family:dotum;line-height:2.0em;background:url(/coding/images/bl_nt.png) no-repeat 0 50%;} #cs_center dl.latest dd ul li a {float:left;width:70%;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #cs_center dl.latest dd ul li span {float:right;font-size:11px;} /* 알림이 */ #cs_center dl#news {float:left;width:211px;padding-right:25px;} /* 이야기방 */ #cs_center dl#talk {float:left;width:203px;position:relative;left:25px;padding-right:25px;} /* 고객센터 */ #cs_center dl#tel {float:left;position:relative;left:50px;width:200px;padding-left:130px;background:url(/coding/images/bg_cs.png) no-repeat 0 50%;} #cs_center dl#tel dt {margin-bottom:20px;font-size:17px;font-weight:600;color:#000;} #cs_center dl#tel dd {font-size:15px;font-weight:600;color:#000;text-align:center;} #cs_center dl#tel dd strong {font-size:26px;font-weight:800;color:#993300;line-height:1.2em;} #cs_center dl#tel dd span {float:left;width:100%;padding-top:7px;margin-top:7px;font-size:12px;color:#666;text-align:center;border-top:1px solid #D6D6D6;} #cs_center dl#tel dd span i {font-size:13px;font-style:normal;color:#000;} /* 배송조회 */ #cs_btn {float:right;position:relative;width:120px;top:30px;list-style:none;} #cs_btn li {margin-bottom:2px;font-size:13px;font-weight:600;letter-spacing:-0.05em;text-align:center;border:1px solid #D0D0D0;background-color:#F8F8F8;} #cs_btn li a {display:block;padding:6px 0;color:#8C8C8C;} /* 배너 */ #bottom_bn {float:left;width:98%;padding:5px 1%;margin:30px 0 0 0;list-style:none;background-color:#F3F3F3;} #bottom_bn li {display:inline;float:left;width:14.2%;text-align:center;} /* 서브 -----------------------------------------------------------------------------*/ /* 일반 콘텐츠 페이지 */ #subMidDiv {clear:both;overflow:hidden;width:100%;padding:195px 0 40px 0;background:url(/coding/sub1/images/top.png) no-repeat 50% 0;} #midLeftDiv {float:left;width:195px;} #midContentDiv {float:right;width:765px;padding-top:15px;} #contentDiv {clear:both;overflow:hidden;width:100%;min-height:400px;font-size:14px;color:#000;text-align:justify;} /* 타이틀 */ #midLeftDiv h2 {clear:both;overflow:hidden;width:70%;padding:2px 0 2px 30%;margin:0 0 20px 0;font-size:20px;font-weight:800;color:#522801;background:url(/coding/images/category.png) no-repeat 20px 50%;} /* 서브 메뉴 */ #leftMenuDiv {float:left;width:100%;padding:0;margin:0 0 50px 0;list-style:none;} #leftMenuDiv li {float:left;width:100%;font-size:14px;font-weight:600;line-height:1.4em;background:url(/coding/images/bg_category2.png) no-repeat 50% bottom;} #leftMenuDiv li a {color:#000;display:block;padding:12px 0 12px 32px;background:url(/coding/sub1/images/bg_sm.png) no-repeat 15px 50%;} #leftMenuDiv li a:hover, #leftMenuDiv li a.hover, #leftMenuDiv li.active a {color:#9B5C1F;text-decoration:none;} /* #leftMenuDiv li ul {float:left;width:100%;padding:10px 0;margin:0;list-style:none;border-top:1px solid #DFDFDF;background-color:#F1F1F1;display:none;} #leftMenuDiv li.active ul {display:block;} #leftMenuDiv li ul li {display:block;padding:0;margin:0;line-height:2.0em;border:none;background:none;font-weight:600;} #leftMenuDiv li ul li a, #leftMenuDiv li.active ul li a {display:block;padding:0 0 0 30px;color:#000;font-size:10pt;letter-spacing:-0.05em;background:none;} #leftMenuDiv li ul li a:hover, #leftMenuDiv li ul li.active a {text-decoration:none;color:#14479B;background:none;} */ /* 서브 고객센터 */ .sub dl#tel {clear:both;overflow:hidden;width:100%;padding:0;margin:0;} .sub dl#tel dt {padding:0;margin:0 0 10px 0;font-size:14px;font-weight:600;color:#000;} .sub dl#tel dd {padding:0;margin:0;line-height:1.5em;} .sub dl#tel dd strong {float:left;width:70%;padding:0 0 7px 30%;font-size:18px;font-weight:800;color:#993300;line-height:1.4em;background:url(/coding/images/bg_cs.png) no-repeat 0 0;background-size:50px;} .sub dl#tel dd span {float:left;width:100%;padding-top:7px;font-size:12px;color:#666;text-align:center;border-top:1px solid #D6D6D6;} .sub dl#tel dd span i {font-size:13px;font-style:normal;font-weight:600;color:#000;} /* 서브타이틀 */ #subtitle {float:left;width:auto;padding:0;margin:0 0 30px 0;font-size:30px;font-weight:400;color:#000;line-height:1.3em;} /* 현재 위치 */ #locationDiv {float:right;width:auto;padding-left:20px;margin-top:20px;font-size:12px;background:url(/coding/sub1/images/location.gif) no-repeat 0 5px;} #locationDiv a {color:#666;} /* 콘텐츠 부분 -----------------------------------------------------------------------------*/ .Left {float:left;} .Right {float:right;} /* 텍스트 색상 지정(일반 텍스트 강조의 의미) */ .blue {color:#3576D9;} .green {color:#00AC90;} .orange {color:#E96900;} .red {color:#CC3300;} .yellow {color:#FFFF00;} /* 한 줄에 하나씩 들어가는 DL */ dl.stt1 {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 30px 0;} dl.stt1 dt {padding:0 0 0 22px;margin:0 0 10px 0;font-size:1.1em;font-weight:600;background:url(/coding/images/category.png) no-repeat 0 2px;background-size:17px;} dl.stt1 dd {padding:0 0 0 15px;margin:0;color:#333;} dl.stt1 dd ul {padding:0 0 0 25px;margin:0;} a.txtLink {padding:3px 5px;margin:0 15px;font-size:11px;color:#fff;border-radius:3px;background-color:#0054A6;} a.txtLink:hover {text-decoration:none;background-color:#999;} /* 한 줄에 여러개 들어가는 DL */ dl.stt2 {float:left;padding:0;margin:0 0 30px 0;} dl.stt2 dt {padding:0 0 0 17px;margin:0 0 10px 0;font-size:1.1em;font-weight:600;} dl.stt2 dd {padding:0;margin:0;color:#333;} /* print preview */ @media print { body#sub{padding:1em;} #sub #topDiv, #sub #topMenuDiv, #sub #midLeftDiv, #sub #bottomDiv{display:none;} #sub #subMidDiv{padding:0;} #sub #midContentDiv{float:none;width:100%;padding-top:0;} #sub .outWrap{width:100%;} #sub #midContentDiv img{max-width:100%;} #sub #locationDiv{top:20px;} }