﻿@charset "UTF-8";
/* renewal css */

/* gbfms 쇼핑몰 css */

/* common */
.mgl0{margin-left:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt15{margin-top:15px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}

.bg_gray{background:#f7f7f7;}
.bg_dark{background:#dbdbdb;}
.bg_blue{background:#e4efff;}
.bg_green{background:#e8f6ee;}
.clearFloat:after{content:""; display:block; clear:both;}
.clearFloatM:after{content:"";  clear:both;} 
.ellipsis{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}

.alignCenter{text-align:center;}

.inner{position:relative; width:1150px; margin:0 auto; box-sizing: border-box;}

/* button */
.btn{display:inline-block; text-align:center;}
a.btn_gray{display:inline-block; border:1px solid #6f6f6f; background:#8a8a8a; color:#fff; text-align:center;}
a.btn_blue{display:inline-block; border:1px solid #004882; background:#14609d; color:#fff; text-align:center;}
a:link.btn_green, a:visited.btn_green{display:inline-block; border:1px solid #109a2d; background:#0072cb; color:#fff; text-align:center;}
a:hover.btn_green,, a:active.btn_green{display:inline-block; border:1px solid #109a2d; background:#0072cb; color:#fff; text-align:center;}


/* top banner */
.topBanner{position:relative;}
.topBanner .owl-dots{position:absolute; bottom:10px; left:0; width:100%;}
.topBanner .owl-dots .owl-dot span{width:10px; height:10px; margin:0; background:#fff;}
.topBanner .owl-dots .owl-dot span{margin-left:7px;}
.topBanner .owl-dots .owl-dot.active span{background:#fa6030;}
.topBanner .item{position:relative; height:100px;}
.topBanner .item a{display:block; height:100px;}
.topBanner .item a img{position:absolute; top:0; left:50%; width:auto; margin-left:-960px;}
.owl-carousel .active{z-index:1;}
.banner_top .btn_close_banner{display:block; position:absolute; top:34px; left:50%; width:32px; height:32px; margin-left:456px; background:url(../../../images/cms/main/shopping.png) no-repeat -60px 0; font-size:0; text-indent:-99999px; z-index:1;}

/* header - util */
.util{color:#555; line-height:36px; font-size:13px;border-bottom: solid 1px #dfdfdf;}
.util a{display:inline-block; color:#555; text-decoration: none;}
.util a:link,.util a:visited{color:#555;}
.util a:before{content:""; display:inline-block; margin-right:5px; background-repeat no-repeat; vertical-align: middle;}
.util .ico_util01:before{width:16px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: 0 0;}
.util .ico_util02:before{width:16px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: -20px 0;}
.util .ico_util03:before{width:14px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: 0 -20px;}
.util .ico_util04:before{width:11px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: -20px -20px;}
.util .ico_logout:before{width:12px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: -40px -20px;}
.util .ico_myShopping:before{width:9px; height:16px; background-image:url(../../../images/cms/main/shopping.png); background-position: 0 -41px;}
.util .ico_cart:before{width:12px; height:15px; background-image:url(../../../images/cms/main/shopping.png); background-position: -40px -2px;}
.util .ico_customer:before{width:14px; height:14px; background-image:url(../../../images/cms/main/shopping.png); background-position: -70px -190px;}

.util .link_util{float:left;margin-left:15px;}
.util .link_util a+a{margin-left:10px;}
.util .myMenu{float:right;}
.util .myMenu span{display:inline-block; vertical-align: middle;}
.util .myMenu span a{float:left; background: url(../../../images/cms/index/bright.jpg) center left no-repeat;padding:0 15px; text-align:right;}
.util .myMenu span a:last-child {padding-right:0;}
.util .myMenu span a+a{}

/* header*/
.searchArea h1 {padding:30px 0 30px 15px;}
.seach_roundBox{position:absolute; top:33px; left:269px; padding-right:10px; border:3px solid #777;}
.seach_roundBox input.seach_input {width:480px; height:36px; padding:0 10px; line-height: 36px; border:0;}
.seach_roundBox input[type="text"]:focus {border:0;}
.seach_roundBox .btn_search{display: inline-block; width:22px; height:21px; background:url(../../../images/cms/main/shopping.png) no-repeat -20px -40px; font-size:0; text-indent:-9999px; vertical-align: middle;}

.info_customerCenter{position:absolute; top:30px; right:0;}

/*
#footer{padding:30px 0; border-top:1px solid #c8c8c8;}
#footer .inner{padding-left:245px;}
#footer .f_logo{position:absolute; top:5px; left:0;}
#footer address{line-height:19px; font-size:12px; letter-spacing: -0.04em; color: #9f9f9f;}
*/

.link{padding:15px 0; border-top:1px solid #c8c8c8;}
.link .inner{padding:0 10px;}
.link a{font-size:13px; letter-spacing: -0.05em; color:#333; text-decoration: none;}
.link a+a{margin-left:5px; padding-left:5px; border-left:1px solid #9a9a9a;}
.link .info{float:right; padding-left:35px; font-size:14px; font-weight:bold; color:#c5c5c5;}
.link .info:before{content:""; display:inline-block; width:25px; height:25px; margin-right:10px; background:url(../../../images/cms/main/shopping.png) no-repeat -140px -110px; vertical-align:middle;}
.link .info strong{display:inline-block; margin-right:5px; font-size:18px; font-weight:normal; color:#848484;}
.link .info span+span{margin-left:20px; padding-left:20px; border-left:1px solid #a0a0a0;}

/* gnb */
.wrap_gnb{position:relative; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; z-index:99999;}
.wrap_gnb:after{content:""; display:block; clear:both;}
.wrap_gnb .btn_category{float:left; width:180px; background:#edf3ff; font-size:14px; color:#000; font-weight:700; text-align:center; line-height:43px; text-decoration: none;}
.wrap_gnb .btn_category:before{content:""; display:inline-block; width:15px; height:12px; margin-right:5px; background:url(../../../images/cms/main/shopping.png) no-repeat -50px -40px; vertical-align: middle;}

/* .wrap_gnb .gnb{display:inline-block; float:right; vertical-align: top; font-size:17px; color:#474747; letter-spacing: -0.045em;} */
.wrap_gnb .gnb{float:left; vertical-align: top; font-size:17px; color:#474747; letter-spacing: -0.045em;}
.wrap_gnb .gnb a{display:block; padding:0 15px; text-decoration: none; text-align:center;}
.wrap_gnb .gnb>li{float:left; position:relative;}
/* .wrap_gnb .gnb .depth01{padding:0 35px; color:#474747; line-height: 43px;} */
.wrap_gnb .gnb .depth01{color:#474747; line-height: 43px;}
.wrap_gnb .gnb>li+li .depth01{background:url(../../../images/cms/main/bg_gnb.gif) no-repeat left center;}
/*.wrap_gnb .gnb .depth02{display:none; position:absolute; top:43px; left:0; width:100%; padding:5px 0; border:1px solid #dfdfdf; border-top:0; background:#fff;}*/
.wrap_gnb .gnb .depth02{display:none; position:absolute; top:43px; left:0; width:220px; padding:5px 0; border:1px solid #dfdfdf; border-top:0; background:#fff;}
.wrap_gnb .gnb .depth02 li{margin:0;}
.wrap_gnb .gnb .depth02 a{display:block; padding:8px 20px; font-size:13px; text-align:left;}
.wrap_gnb .gnb .depth02 a:hover{color:#0072cb;}
.wrap_gnb .gnb>li:hover .depth02{display:block;}

/*
.allCategory{display:none; position:absolute; top:43px; left:0; width:100%; padding:30px 30px 0 30px; padding-right:0; border:3px solid #343434; background: #fff; box-sizing: border-box; z-index:2}
.allCategory .category>li{float:left; width:16%; margin-bottom:30px;}
.allCategory .depth01{font-size: 15px; font-weight: 700; color:#1a1a1a; letter-spacing: -0.045em;}
.allCategory .depth02{margin-top:15px;}
ul .depth02{height: 250px;overflow-y:scroll;overflow-x:hidden;}
.allCategory .depth02 li{margin-top:10px;}
.allCategory .depth02 a{font-size: 12px; color:#626262; letter-spacing: -0.045em;}
.allCategory .depth02 a:hover{text-decoration:underline; color:#000;}
.allCategory .btn_close_category{position:absolute; top:20px; right:20px; width:12px; height:12px; background:url(../../../images/cms/main/shopping.png) no-repeat -140px -90px; font-size:0; text-indent:-99999px;}
*/

/* main */
.tit_main_section{font-size: 25px; letter-spacing: -0.03em; color:#1b1b1b;}
.tit_main_section strong{color:#0072cb;}
.tit_main_section span{display:inline-block; margin-left:10px; font-size:15px; color:#7c7e80;}
.tit_underLine{padding-bottom:20px; border-bottom:2px solid #858585;}

.box_mainProduct{padding:60px 0;}
.box_mainProduct .tit{max-height:34px; font-size: 14px; color:#4d4d4d; letter-spacing: -0.03em; line-height:2; overflow:hidden;}
.box_mainProduct .price{font-size: 17px; color:#fd4d00; letter-spacing: -0.03em; font-weight: 700; line-height:1;}
.box_mainProduct .btn_more{position:absolute; top:5px; right:0; font-size:15px; color:#4d4d4d; letter-spacing: -0.06em;}
.box_mainProduct .new:after{content:""; display:block; position:absolute; top:0; right:0; width:62px; height:62px; background:url(../../../images/cms/main/shopping.png) no-repeat 0 -70px;}
.box_mainProduct .num1:after{content:""; display:block; position:absolute; top:0; left:0; width:62px; height:62px; background:url(../../../images/cms/main/shopping.png) no-repeat -100px 0;}
.box_mainProduct .num2:after{content:""; display:block; position:absolute; top:0; left:0; width:62px; height:62px; background:url(../../../images/cms/main/shopping.png) no-repeat -70px -70px;}
.box_mainProduct .num3:after{content:""; display:block; position:absolute; top:0; left:0; width:62px; height:62px; background:url(../../../images/cms/main/shopping.png) no-repeat 0 -140px;}
.box_mainProduct .item .thumb{display:block; position:relative; top:0; left:0; padding-bottom:100%;}
.box_mainProduct .item .thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}
.box_mainProduct .roundBox{position:relative; border-radius:50%; overflow:hidden;}

/* new item */
.main_newItem .item{width:300px;}
.main_newItem .owl-dots{margin-top:25px;}
.main_newItem .owl-nav.disabled+.owl-dots{margin-top:25px;}
.main_newItem .owl-dots .owl-dot span{width:14px; height:14px; margin:0; background:#cacaca;}
.main_newItem .owl-dots .owl-dot+.owl-dot{margin-left:15px;}
.main_newItem .owl-dots .owl-dot.active span{background:#3f4040;}

/* best item */
.main_bestItem .item{float:left; width:300px; margin:40px 0 0 40px;}
.main_bestItem .item:nth-of-type(3n+1){margin-left:0;}


.main_exhibition .tit{text-align:center; line-height:130%;}
.main_exhibition .tit a{color:#000;}
.main_exhibition .owl-dots{display:none;}
.main_exhibition .owl-nav .owl-prev{position:absolute; top:95px; left:-50px; width:40px; height:40px; margin:0; padding:0; background:url(../../../images/cms/main/shopping.png) no-repeat -70px -140px; font-size:0; text-indent:-99999px;}
.main_exhibition .owl-nav .owl-next{position:absolute; top:95px; right:-50px; width:40px; height:40px; margin:0; padding:0; background:url(../../../images/cms/main/shopping.png) no-repeat -120px -140px; font-size:0; text-indent:-99999px;}

/* md choice */
.main_mdChoice .item{width:300px;}
.main_mdChoice .item .tit{letter-spacing:-0.03em; line-height:120%;}
.main_mdChoice .owl-dots{display:none;}
.main_mdChoice .owl-nav .owl-prev{position:absolute; top:130px; left:-50px; width:40px; height:40px; margin:0; padding:0; background:url(../../../images/cms/main/shopping.png) no-repeat -70px -140px; font-size:0; text-indent:-99999px;}
.main_mdChoice .owl-nav .owl-next{position:absolute; top:130px; right:-50px; width:40px; height:40px; margin:0; padding:0; background:url(../../../images/cms/main/shopping.png) no-repeat -120px -140px; font-size:0; text-indent:-99999px;}

/* tab */
.tab_main{position:relative; padding-top:44px;}
.tab_main .btn_tab{display: inline-block; position:absolute; top:0; left:0; width:163px; height:44px; border:1px solid #d4d4d4; border-left:0; line-height:42px; background:#f3f3f3; text-align:center; font-size:14px; color:#4d4d4d; letter-spacing: -0.04em; box-sizing: border-box; text-decoration: none;}
.tab_main .is-selected{border-bottom:1px solid #fff; background: #fff; font-weight:700;}
.tab_main .btn_tab:first-child{border-left:1px solid #d4d4d4;}
.tab_main .tab_cont{display: none; min-height:251px; padding:30px 29px; border:1px solid #d4d4d4; border-top:0;}
.tab_main .is-selected+.tab_cont{display:block;}
.tab_main .tab_cont .item{float:left; width:200px; text-align:center;}
.tab_main .tab_cont .item+.item{margin-left:40px;}

/* box_banner */
.box_banner{padding:60px 0 20px 0;}
.box_banner .board_recent{position:relative; float:left; width:326px;}
.box_banner .board_recent .list_board{height:138px; margin-top:15px; overflow:hidden;}
.box_banner .board_recent .list_board li{margin-bottom:7px;}
.box_banner .board_recent .list_board a{padding-left:10px; background:url(../../../images/cms/main/bullet.gif) no-repeat left center; font-size:14px; letter-spacing: -0.03em; text-decoration:none; color:#4d4d4d;}
.box_banner .board_recent .list_board a strong{display: inline-block; width:210px; margin-right:10px; vertical-align: bottom;}
/* .box_banner .board_recent .btnArea a{float:left; width:160px; height:45px; line-height: 45px; font-size:15px; font-weight:700;} */  
.box_banner .board_recent .btnArea a{float:left; width:150px; height:45px; line-height: 45px; font-size:15px; font-weight:700;}
.box_banner .board_recent .btnArea a+a{float:right;}
.box_banner .board_recent .btnArea a:before{content:""; display:inline-block; width:17px; height:17px; margin-right:10px; background:url(../../../images/cms/main/shopping.png) no-repeat -70px -40px; vertical-align: middle;}
.box_banner .board_recent .btnArea a+a:before{background-position:-140px -70px;}

.box_banner .banners{float:right; width:614px; overflow:hidden;}
.box_banner .banners a{display:block; float:left;}
.box_banner .banners .main_banner01{width:614px; height:140px; margin-bottom:1px;}
.box_banner .banners .main_banner02{width:307px; height:130px;}
.box_banner .banners .main_banner03{width:306px; height:130px; margin-left:1px;}

.box_banner .btn_more{position:absolute; top:5px; right:0; font-size:12px; color:#4d4d4d; letter-spacing: -0.06em;}

.bTypeBanner{padding:40px 0; overflow:hidden;}
.bTypeBanner a{display:inline-block; position:relative; float:left; width:325px; margin-left:1px; padding-bottom:120px;4}
.bTypeBanner a img{position:absolute; top:0; left:0; width:100%; height:100%;}

.main_topBanner{float:left; width:610px;}
.box_banner .promotion_board{float:right;}
.box_banner .promotion_board .list_board{height:262px;}

.main_topBanner .owl-nav{display:none;}
.main_topBanner .owl-dots{position:absolute; bottom:30px; left:0; width:100%;}
.main_topBanner .owl-dots .owl-dot span{width:14px; height:14px; margin:0 7px; background:#cacaca;}
.main_topBanner .owl-dots .owl-dot.active span{background:#3f4040;}

#contents{min-height:650px;}
