/* 디자인컴스 추가 */

/* 최상단배너 */
#bnr_pop {width:100%; text-align:center; margin:0 auto; padding:0; position:relative; }
#bnr_pop img {margin:0 auto; padding:0; vertical-align:top;}
#bnr_pop .evenbnr_close {position:absolute; right:15%; top:30px; width:30px; height:30px; cursor:pointer;}

/* 상단 좌측 */
.top_left{float:left; position:relative; margin:0px 0 0 0px; line-height:1; z-index:10;}
.top_left > li{float:left; position:relative;border-right:1px solid #ddd;line-height:27px;}
.top_left > li:first-child{border-left:1px solid #ddd;}
.top_left > li a{display:inline-block; padding:4px 12px 4px 12px; color:#333; font-size:12px; }
.top_left > li a:hover{text-decoration:none;color:#333;}
.top_left > li strong{display:inline-block; padding:2px 5px 3px 5px; border-radius:10px; color:#333; background:#ddd;font-weight:400;}

/* 상단 가입포인트 */
.join_point {position:absolute; top:15px; right:10%; margin-right:0px; display:inline-block; min-width:55px; height:18px; line-height:18px; border-radius:3px; background:#333; text-align:center; font-size:10px; color:#fff; animation:join_point 1s linear infinite; z-index:999;}
.join_point .arrow {position:absolute; top:-10px; left:30%; margin-left:5px; color:#333;}
@keyframes join_point {0% {top:25px;} 50% {top:30px;} 100% {top:25px;}}


/* 좌측이벤트 팝업 */
.popup_wrap .event_pop{position:fixed; bottom:15px; left:140px; display:none; z-index:990;}
.popup_wrap .left_banner{position:fixed; bottom:15px; left:15px; z-index:9999; }
.popup_wrap .event_pop .close_btn_wrap img{float:right;z-index:9999;}
.popup_wrap .event_pop .close_btn_wrap .close_btn{cursor:pointer;  margin-top:-50px;margin-right:-30px;}


/* 디자인컴스하단 */
.bottom {padding:30px 0 0px;background:#ffffff; }
.bottom .container > div { float:left; width:230px;padding:0 20px 0 25px; border-left:1px solid #eeeeee;min-height:160px;}
.bottom .container > div:first-child {margin:0; margin-left:-1px; width:270px;}
.bottom .container > div:nth-child(4)  {width:120px;}
.bottom .container > div:nth-child(5)  {width:120px;}
.bottom .container > div h3 {margin:0 0 0px;padding:0 0 7px;color:#333333; font-size:16px; font-weight:400;}
.bottom .container > div h3 a {color:#333333;}
.bottom .container > div > p { padding:5px 0 0; color:#333333;line-height:20px;}
.bottom .container > div > p a:hover{  color:#666666;}
.bottom .container > div.list > p {margin-left:-5px;}
.bottom .container > div > p strong { color:#333333;font-size:18px;}
.bottom .container > div > strong {color:#333333;font-size:14px;line-height:20px;}
.bottom .container > div.cs-center > strong {color:#333333; font-size:23px;line-height:40px;}
.bottom .container > div.cs-center > p { padding:5px 0 0; color:#333333;line-height:22px;}
.bottom .container > div.cs-center > p strong { color:#333333;font-size:18px;}
.bottom .container > div.cs-center > ul {}
.bottom .container > div.cs-center > ul li { line-height:24px;}
.bottom .container > div.cs-center > ul li img {vertical-align:middle;}
.bottom .container > div > ul li a:hover { text-decoration:underline;}
.bottom .container > div > ul li .rating {display:inline-block;  width:66px; height:11px;background:url('../img/etc/star-bg.png') no-repeat left top;vertical-align:middle; text-indent:-9999px;}
.bottom .container > div > ul li .rating span { display:block; height:11px; background:url('../img/etc/star-fill.png') no-repeat left top;}
.bottom .container > div.bank_link { margin-top:5px;}

.dcoms_bottom_menu {overflow:hidden;  margin-top:0px; margin-left:0px;  }
.dcoms_bottom_menu li {float:left; width:70px; position:relative; margin-left:1px;  border-radius:30px; margin:3px; text-align:center;}
.dcoms_bottom_menu li a {display:block; padding:10px 0; text-align:center; color:#fff; font-size:13px; background-color:#333;}
.dcoms_bottom_menu li a:hover {background-color:#fff; color:#333;}
.dcoms_bottom_menu li a .fa {display:block; margin-bottom:5px; color:#333333; font-size:20px; }
.dcoms_bottom_menu li a:hover .fa {color:#333; }

/* 퀵메뉴 */
#quick { position: fixed; top:0; right:-180px; width:180px; display:block; z-index:99; background-color:#ffffff; height:100%; border-left:1px solid #dddddd;  -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#quick.open { right: 0px; }
#quick .quick_btn { position: absolute; top:38%; margin-top:0; width:35px; line-height:35px; left:-35px; cursor: pointer; text-align:center;}
#quick .quick_btn ul { padding:0; margin:0;  }
#quick .quick_btn ul li { background-color:#ffffff;  text-align:center; border:1px solid #dddddd;  margin-bottom:0px;border-bottom:none; }
#quick .quick_btn ul li:last-child { border-bottom:1px solid #dddddd; }
#quick .quick_btn ul li a { display:block; position:relative; line-height:35px; width:35px; color:#333; font-size:13px;}
#quick .quick_btn ul li a div { position:absolute; top:7px; right:42px; font-size:12px; filter:alpha(opacity=0); opacity:0; border:1px solid #dddddd; border-radius:3px; background-color:#ffffff; color:#999999; width:auto; white-space:nowrap; padding:0 8px; line-height:22px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#quick .quick_btn ul li a:hover div { filter:alpha(opacity=90); opacity:0.9; }
#quick .quick_btn ul li .cart_cnt {position: absolute;  margin-top:-40px;margin-left:-10px;background:#333;color:#fff; line-height:16px;font-size:10px;border-radius:16px;width:16px;height:16px;-webkit-margin-start:-25px;}

#quick .quick_menu {  width:180px; margin:0 auto ; padding-top:0px; padding-left:10px; }
#quick .quick_menu li{ text-align:left;  display:block; padding:5px 0; }
#quick .quick_menu .cs_ttl { font-size:12px; font-weight:500; color:#333;  margin-top:10px; text-align:left; padding-left:10px;}
#quick .quick_menu .tel {font-size:15px;padding-bottom:5px;color:#333;  font-weight:500;text-align:left; padding-left:10px;}
#quick .quick_menu p {font-size:11px;color:#7F7F7F;  padding-left:10px; text-align:left; }
#quick .quick_menu .bd_box {width:180px; text-align:left;} 
#quick .quick_menu .bd_box ul {width:180px;}
#quick .quick_menu .bd_box li{ float: left; }

.dcoms_bottom_cs {overflow:hidden; width:100%;margin-top:0px; margin-left:0px;  }
.dcoms_bottom_cs li {float:left; width:75px; position:relative; margin:0px 3px 0; text-align:center; line-height:40px; height:40px;}
.dcoms_bottom_cs li a {display:block; text-align:center; color:#000; font-size:12px; background-color:#fff; border:1px solid #d5d5d5; }
.dcoms_bottom_cs li a:hover { border:1px solid #333;}

.dcoms_quick_sns {overflow:hidden; width:100%;margin-top:0px; margin-left:5px; }
.dcoms_quick_sns li {float:left; width:17%; position:relative; margin-left:1px; text-align:center;}
.dcoms_quick_sns li a  {display:block; margin-bottom:5px; color:#333; font-size:16px; text-align:center;  }
.dcoms_quick_sns li a:hover  {color:#777; }
.dcoms_quick_sns li .fa_hidden{display:inline-block; width:8px; height:20px; zoom:1;overflow:hidden }


/* 인스타그램 노출 */
.insta {width:1200px; text-align:center; margin: 40px auto 0;}
.insta .ttl {text-align:center; font-size:16px; font-weight:500;}
.insta .ttl .fas{text-align:center; font-size:16px; }
.insta .text {text-align:center; font-size:12px;padding-bottom:20px; }


/* 좌측이벤트 팝업 */
.dcoms_popup_wrap .dcoms_event_pop{position:fixed; bottom:15px; left:140px; display:none; z-index:990;}
.dcoms_popup_wrap .dcoms_left_banner{position:fixed; bottom:15px; left:15px; z-index:9999; }
.dcoms_popup_wrap .dcoms_event_pop .dcoms_close_btn_wrap img{float:right;z-index:9999;}
.dcoms_popup_wrap .dcoms_event_pop .dcoms_close_btn_wrap .dcoms_close_btn{cursor:pointer;  margin-top:-50px;margin-right:-30px;}



/* 하단탭 */
.p_container {width: 250px; margin: 0px auto;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 37px; border-left: 1px solid #ccc; width: 100%;}
ul.tabs li {float: left; width:120px; margin: 0; padding: 0; height: 36px; line-height: 36px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; background: #fff; overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: #111; line-height: 36px; display: block; font-size: 13px; padding: 0 20px; border: 0px solid #fff; outline: none; text-align:center;}
ul.tabs li a:hover {background: #fff;}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #ce0000; border-bottom: 1px solid #cccccc; font-weight:500; color:#fff;}
.tab_container {border: 0px solid #ccc; border-top: none; border-left: none; border-right: none; clear: both; float: left;  width: 250px;background: #fff;
	-moz-border-radius-bottomright: 0px;
	-khtml-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-khtml-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
.tab_content {padding: 15px 15px 15px 10px; font-size: 13px; line-height:25px;}
.tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd;font-size: 1.8em;}
.tab_content h3 a{color: #254588;}