/* BASIC css start */
/* 170517 morenvy */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0;  }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt130 {padding-top:130px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb15 {padding-bottom:15px;}
.pdb40 {padding-bottom:40px;}
.mrt20 {margin-top:20px;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1200px; }
#content { width:1200px;min-height:600px;background-color:#fff;margin-top:20px;}
#wrap {background:url('') repeat-x;}
#contentWrap {background-color:#fff;padding:0;}
body {min-width:1200px;font-family:Nanum Gothic,dotum,Arial,sans-serif}
a {selector-dummy: expression(this.hideFocus=true);  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;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:Nanum Gothic,Noto Sans KR,dotum,Arial,sans-serif;}
.width1260 {width:1200px;margin:0 auto;}
#content .loc-navi {height:40px;}

/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list table .info {position:relative; width:340px;padding:15px;text-align:left;background-color:#fff;display:inline-block; border:1px solid #dedede; border-top:0;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb { width:370px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede;overflow:hidden;position:relative; } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:18px;padding-bottom:10px;color:#333; word-break:break-all;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:12px;color:#888;word-break:break-all;padding-bottom:10px;}
.prd-list .consumer { margin-top:5px; color:#888;font-size:14px; text-decoration:line-through;}
.prd-list .price { margin-top:4px; font-weight: bold; color:#333;font-size:18px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }
.hover01 {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.hover01:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}

.prd-list table td .salebox {padding:5px 0 0 0; background-color:#5084bd;width:70px;height:58px;position:absolute;top:-50px;left:15px;z-index:999; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.prd-list table td .salebox p {font-size:18px;color:#fff;text-align:center;display:block;letter-spacing:0;line-height:26px;font-weight:normal;}
.prd-list table td:hover .salebox {background-color:#222;color:#fff;}
.prd-list table td .salebox .sale_text {line-height:22px;color:#fff;font-size:24px;text-align:center;display:block;font-weight:bold;letter-spacing:-2px;}
.soldout {font-size:14px; font-weight:bold; color:#dc0000;}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}

/* 상단 */
.top_space {height:1px;background-color:#191e21;}
#header {width:100%;}
#header .section {width:100%;height:60px;position:fixed;top:0px;z-index:100;background:rgba(0,0,0,0.3);-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#header .section:hover {background:rgba(0,0,0,0.7); -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
#header .section .inner {width: 1200px;height:60px; margin: 0 auto;}
#header .section .inner .left {float:left; padding-left:5px;}
#header .section .inner .left a {font-size:12px; color:#fff; font-family:"Arial"; padding:0px 15px; display:table-cell;;height:60px; line-height:60px;vertical-align:middle;}
#header .section .inner .left a:hover {color:#56bbf5}
#header .section .inner ul {float:right; padding-right:5px;}
#header .section .inner ul li {float:left;display:table;}
#header .section .inner ul li a {font-size:12px; color:#fff; font-family:"Arial"; padding:0px 15px; display:table-cell;;height:60px; line-height:60px;vertical-align:middle;}
#header .section .inner ul li a:hover {color:#56bbf5}
#header .section .inner ul li img {vertical-align:middle;}
.cd-auto-hide-header { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 60px; background:rgba(255,255,255,0.1); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.cd-auto-hide-header::after { clear: both;content: "";display: block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);}

#top_fixed {position:absolute; top:60px;  margin: 0px auto; padding: 0px; height:60px; width:100%; z-index:100 !important;}
#top_fixed.fixed { position: fixed; top:0px; background:rgba(255,255,255,1); z-index:9999 !important;}
#header .section2 {width:100%; height:60px; position:absolute; z-index:100; background:rgba(255,255,255,0.8);-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; border-bottom:2px solid #4f83bd;}
#header .section2:hover {background:rgba(255,255,255,0.9); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; }
#header .section2 .inner {width:1200px; height:60px;  margin:0 auto;}
#header .section2 .top_logo {float:left; padding-top:7px; padding-left:0px;}
#header .section2 .top_cate_area {float:left; margin-left:0px;}
#header .section2 .top_cate_area ul li {float:left;font-size:15px;}
#header .section2 .top_cate_area ul li a {font-size:16px; color:#000; margin-left:50px;font-weight:500;display:block; height:60px; line-height:60px; font-family:"Open Sans", "Nanum Gothic", sans-serif;}
#header .section2 .top_cate_area ul li a:hover {opacity:0.5; font-family:"Open Sans", "Nanum Gothic", sans-serif;}
#header .section2 .top_cate_area ul li:first-child a {margin-left:165px;}
#header .section2 .search_btn {float:right; position:relative;vertical-align:top; width:26px;height:21px; top:19px; right:5px;}
#header .section2 .search_btn .top_search {float:left; width:20px; height:21px;}
#header .section2 .search_btn #search_input {display:none; z-index:50; position:absolute; top:0px;  right:0px; }
#header .section2 .search_btn #search_close {position:absolute; left:-34px; cursor:pointer; opacity:1;}
#header .section2 .search_btn .search_form {height:25px;background-color:#fff; width:180px;margin-right:3px;}
#header .section2 .search_btn .search_word {height:25px; width:180px; font-size:12px; border-right:0px;font-family: 'Roboto Condensed','Nanum Gothic',sans-serif;}
#header .section2 .search_btn .search_word .MS_search_word {height:25px !important;width:155px;margin-right:3px;background:rgba(255,255,255,1);border:0px;color:#696969; padding-left:7px; border:2px #4f83bd solid;}
#header .section2 .search_btn .search_word .search_inbtn {float:right; margin-right:4px;}

#header .section2 .top_community {position:relative;}
#header .section2 .top_community .mouse_hover {opacity:0.5;font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500;}
#header .section2 .top_community .community_inner { position:absolute;display:none;width:135px;top:60px;left:20px; background-color:#fff;background:rgba(255,255,255,0.9);border:2px solid #4f83bd;text-align:left; padding:5px;margin:0;}
#header .section2 .top_community .community_inner a {padding:0; margin:0;  font-size:12px !important; display:block; text-align:left; color:#777; text-decoration:none; height:30px; line-height:30px; width:138px; border-top:1px solid #dedede; text-indent:10px;}
#header .section2 .top_community .community_inner a:hover { padding:0; margin:0; font-size:11px;text-decoration:none;  display:block; color:#000; height:30px; line-height:30px; width:138px; border-top:1px solid #dedede; opacity:1 !important; background-color:#f9f9f9;}
#header .section2 .top_community .community_inner a:first-child {border-top:0px;}


#comment_top.fixed {position:fixed;top:8px;z-index:100;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  -webkit-transform: translateY(-10px); transform: translateY(-10px);  -webkit-backface-visibility: hidden;}
#comment_top.fixed .top_login_area {opacity:0;position:absolute;top:78px;height:0;overflow:hidden;}

/* 서브페이지 상단 이미지 */
.sub_img_area {width:100%; height:345px;margin-bottom:20px; position:relative;}
.sub_top_ban {width:100%; height:345px; margin:0px; padding:0px; }
.sub_top_ban .sub_top_panels{width:100%; height:345px; overflow:hidden; padding:0px; margin:0px;}
.sub_top_ban .sub_top_panel{width:100%; height:345px; overflow:hidden; padding:0px;margin:0px;}
.sub_top_ban .sub_top_panel .sub_img {width:100%; height:345px; overflow:hidden;  background:url('/design/dogomedica/0705wishblue/main_02.jpg') no-repeat top center; background-size:cover;}
.sub_top_ban .text_inner {width:1200px; margin:0 auto; position:relative;}  
.sub_top_ban .text_inner .main_text_area {text-align:center; color:#fff; width:1200px;  font-size:14px; z-index:50; position:absolute; top:185px;}
.sub_top_ban .text_inner .t1 {font-size:35px; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:300;  letter-spacing:5px; }
.sub_top_ban .text_inner .t3 {font-size:15px; padding-top:5px; letter-spacing:-0.3px;}
.sub_top_ban .text_inner .btn_detail a {margin:30px auto 0px; width:138px; height:34px; border:1px solid #fff; text-align:center; line-height:34px; 
display:block; border-radius:18px; color:#fff; font-size:12px; opacity:0.5; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:300; }
.sub_top_ban .text_inner .btn_detail a:hover {opacity:1;}

/* BASIC css end */