@charset "euc-kr";
/* CSS Document */

/* layout*/
#tmArea{width:100%; height:480px; background:none; z-index:90; position:fixed; top:0; left:0; display:none;}
#tmArea .tmBox{width:100%; height:470px; background:rgba(0,0,0,.8); z-index:90; position:relative;}

#topWrap{width:100%; min-width:1180px; height:78px; position:fixed; top:0; left:0; z-index:100; background:#000;}

#topWrap .logo{width:200px; height:60px; background:url(../images/logo.png) no-repeat left center; position:absolute; top:9px; left:0; z-index:999999;}
#topWrap .logo a{display:inline-block; width:100%; height:60px; position:relative; z-index:999999; }

#topWrap .totalMenu{width:76px; height:78px; background:url(../images/btnMenu.png) no-repeat center center; position:absolute; top:0px; right:0; z-index:999999; border-left:1px solid #e2e2e2; display:none;}
#topWrap .totalMenu a{display:inline-block; width:100%; height:78px; position:relative; z-index:999999; cursor:pointer; }

#topWrap .loginWrap{position:absolute; top:20px; right:0; z-index:999999;}
#topWrap .loginWrap a{display:inline-block; float:left; margin:0 5px; width:30px; height:40px; background-position:center center; background-repeat:no-repeat;}
#topWrap .loginWrap a.login{background-image:url(../images/iconLogin.png);}
#topWrap .loginWrap a.cart{background-image:url(../images/iconCart.png);}
#topWrap .loginWrap a.logOut{background-image:url(../images/iconLogOut.png);}
#topWrap .loginWrap a.myinfo{background-image:url(../images/iconMy.png);}
#topWrap .loginWrap a.orderList{background-image:url(../images/iconOrder.png);}


#topWrap .top{width:100%; max-width:1180px; margin:0 auto; height:60px; box-sizing:border-box; position:relative; padding:10px 150px 10px 220px; z-index:100;}

#topWrap .top .gnbWrap{width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:200; text-align:center;}
#topWrap .top .gnbWrap ul{float:left; width:100%; text-align:center;}
#topWrap .top .gnbWrap ul>li{position:relative; display:inline-block; float:left; width:16.6%; text-align:center;}
#topWrap .top .gnbWrap ul>li>a{display:inline-block; width:100%; padding:10px 0px; line-height:40px; color:#fff; font-size:18px; font-weight:600;}
#topWrap .top .gnbWrap ul>li>a:hover{color:#ffca05;}
#topWrap .top .gnbWrap ul>li.tgOn>a{color:#ffca05 !important;}
#topWrap .top .gnbWrap ul>li.selectOn>a{color:#ffca05 !important;}



#topWrap .top .gnbWrap .subGnb{width:100%; height:266px; position:absolute; top:60px; left:0px; display:none; text-align:center;}
#topWrap .top .gnbWrap .subGnb .sGnbLine{width:1px; height:3px; background:#00aeef; opacity:0; display:inline-block;}
#topWrap .top .gnbWrap .subGnb ul{width:100%; padding-top:20px;}
#topWrap .top .gnbWrap .subGnb ul li{width:100%;}
#topWrap .top .gnbWrap .subGnb ul li>a{display:inline-block; width:100%; text-align:left; padding:5px 0; color:#fff; font-size:16px; font-weight:normal; text-align:center; line-height:24px;}
#topWrap .top .gnbWrap .subGnb ul li>a:hover{color:#f67b1e;}
#topWrap .top .gnbWrap .subGnb ul li>a.on{color:#f67b1e;}

/*#topWrap .top .gnbWrap ul li:first-child .subGnb{border-left:1px solid #cdcdcd;}*/


.gnbWrap .subGnb .sGnbLine{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
	    }

.gnbWrap li.tgOn .subGnb .sGnbLine{transition:0.3s; width:100%; opacity:1;}
/*.gnbWrap li.tgOn .subGnb{background:#fff;}*/
.gnbWrap li.selectOn .subGnb .sGnbLine{transition:0.3s; width:100%; opacity:1;}
.gnbWrap li.selectOn .subGnb{}

.center{width:1180px; margin:0 auto;}
.hide{display:none;}

#footWrap{width:100%; background:#3b3b3b; float:left; position:relative; z-index:10;}


.fSiteGnb{width:100%; padding:20px 0; border-bottom:1px solid #636363;}
.fsiteGnb .fsGnb{width:100%; text-align:center;}
.fsiteGnb .fsGnb li{display:inline-block; padding:0 2px; color:#fff; font-size:15px; float:none;}
.fsiteGnb .fsGnb li a{color:#fff}

.foot{width:100%;}

.foot .fSubWrap{width:100%; position:relative;}

.foot .fSubWrap .fAddress{padding:20px 300px; box-sizing:border-box; color:#fefefe; font-size:14px; line-height:24px; font-style:normal; width:100%; text-align:left;}
.foot .fSubWrap .fAddress span{color:#dfdfdf;}
.foot .fSubWrap .copyright{color:#fefefe; font-size:14px; font-weight:600; line-height:20px;}

.foot .fSubWrap .fAddress .fLink{width:100%; padding-bottom:15px;}
.foot .fSubWrap .fAddress .fLink a{display:inline-block; padding:0 10px; color:#fff; font-size:14px;}


.foot .fSubWrap .fLogo{position:absolute; left:15px; top:21px;}
.foot .fSubWrap .fSns{position:absolute; right:15px; top:15px;}
.foot .fSubWrap .fSns a{display:inline-block; padding:0 5px;}


#wrap{width:100%; }




/* sub page common */
#subTopWrap{width:100%; float:left; margin-top:78px;}
.subTop{width:100%; float:left; padding:110px 0 20px 0; }
.subTop .subTopTit{color:#292929; font-size:30px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #292929;text-align:left; }
.subTop .subTopTxt{color:#292929; font-size:18px;}



#subNavWrap{width:100%; float:left; padding:0 0 20px; border-bottom:1px solid #292929; margin-bottom:55px;}
#subNavWrap .subNav{width:100%; float:left; text-align:left; position:relative; z-index:2;}
#subNavWrap .subNav a{display:inline-block; width:14.6%; float:left; height:50px; line-height:30px; box-sizing:border-box; border-radius:25px; padding:10px; margin:8px 1%; text-align:center; font-size:17px; line-height:30px; color:#252525; background:#eeeeee;}
#subNavWrap .subNav a:hover{background:#fecb08;}
#subNavWrap .subNav a.on{background:#fecb08;}



.subContWrap{width:100%; float:left; padding:0px 0 150px;}
.subCont{width:100%; float:left; text-align:center;}
.subAgreeWrap{width:100%; float:left; padding:0px 0 100px;}


/* totalGnb */
#totalGnbWrap{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); top:0; left:0; z-index:200; display:none;}

.totalGnbTop{width:100%; height:78px; position:relative; border-bottom:1px solid #e2e2e2;}
.totalGnbTop .logo{width:228px; height:60px; background:url(../images/d_logo02.png) no-repeat right center; position:absolute; top:9px; left:0; z-index:999999;}
.totalGnbTop .logo a{display:inline-block; width:100%; height:60px; position:relative; z-index:999999; }

.totalGnbTop .closeMenu{width:76px; height:78px; background:#fff; position:absolute; top:0px; right:0; z-index:999999;  border-left:1px solid #e2e2e2;}
.totalGnbTop .closeMenu a{display:inline-block; width:100%; height:78px; background:url(../images/btnClose.png) no-repeat center center; position:relative; z-index:999999; cursor:pointer; }

.totalGnb{width:100%; padding:50px 0;}
.totalGnb ul{width:100%;}
.totalGnb ul li{width:18%; float:left; margin:0 1%;}
.totalGnb ul li a{display:inline-block; width:96%; padding:20px 2%; color:#fff; font-size:20px; border-bottom:2px solid #00aeef;}

.totalGnb ul.sub{width:100%; margin:20px 0;}
.totalGnb ul.sub li{width:100%; float:left; margin:0;}
.totalGnb ul.sub li a{display:inline-block; width:96%; padding:10px 2%; color:#fff; font-size:18px; border-bottom:none; text-align:left;}

.totalGnb ul.ssub{width:100%; margin:0px 0;}
.totalGnb ul.ssub li{width:100%; float:left; margin:0;}
.totalGnb ul.ssub li a{display:inline-block; width:100%; padding:5px 0 5px 30px; text-align:left; box-sizing:border-box; color:#f1f1f1; font-size:14px; border-bottom:none; background:url(../images/dot01.png) no-repeat 20px center;}