/* BASIC css start */
#dggHide { display:none !important }
.columnHide { display:none } /* 컨텐츠 숨김 */

#header { position:relative; width:100%; z-index:100 }
#headerTop { margin:0 auto; position:relative; width:1366px; height:90px }
#headerTop .tlogo { margin-left:-130px; position:absolute; top:20px; left:50% }
#headerTop .tlogo a { display:block; width:260px; height:70px; text-indent:-9999em; background:url(../tlogo.png) 0 0 no-repeat }
#headerTop .hdShare { padding-top:14px; float:left }
#headerTop .hdShare ul { *zoom:1 }
#headerTop .hdShare ul:after { display:block; clear:both; content:'' }
#headerTop .hdShare li { padding-right:5px; float:left }
#headerTop .hdShare li a { display:block; width:25px; height:25px; text-indent:-9999em; background:url(../sp_hd_share.png) 0 0 no-repeat }
#headerTop .hdShare li a.ic_bm { background-position:0 0 }
#headerTop .hdShare li a.ic_ks { background-position:0 -25px }
#headerTop .hdShare li a.ic_fb { background-position:0 -50px }
#headerTop .hdShare li a.ic_in { background-position:0 -75px }
#headerTop .hdShare li a.ic_as { background-position:0 -100px }
#headerTop .hdShare li a.ic_gs { background-position:0 -125px }
#headerTop .hdGnb { padding-top:18px; float:right }
#headerTop .hdGnb ul { *zoom:1 }
#headerTop .hdGnb ul:after { display:block; clear:both; content:'' }
#headerTop .hdGnb li { margin-left:15px; position:relative; float:left }
#headerTop .hdGnb li a { font-size:11px; color:#666 }
#headerTop .hdGnb li.hdJoin .bonus { display:inline-block; *display:inline; zoom:1; position:absolute; top:21px; left:50%; width:51px; height:19px; text-indent:-9999em; margin-left:-25px; background:url(../bonus.png) 0 0 no-repeat; -webkit-animation: bonus 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation: bonus 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out }

#headerNavWrap { height:55px }
#headerNavArea { position:relative; height:54px; border-bottom:1px solid #eee; background:#fff }
#headerNavArea.fix { position:fixed; top:0; left:0; right:0; width:100%; z-index:100 }
#headerNavArea .headerNav { position:relative; margin:0 auto; width:1366px; height:54px }
#headerNavArea .headerNav .navArea { margin-left:175px }
#headerNavArea .headerNav .navArea ul { *zoom:1 }
#headerNavArea .headerNav .navArea ul:after { display:block; clear:both; content:'' }
#headerNavArea .headerNav .navArea li { float:left }
#headerNavArea .headerNav .navArea li a { display:block; padding:0 22px; height:54px; font-size:13px; line-height:54px }
#headerNavArea .headerNav .navArea li.last a { padding-right:0 }
#allCateArea .boxAllCate .menuBox dt a.colorRed,
#headerNavArea .headerNav .navArea li a.colorRed { color:#a10000 }
#allCateArea .boxAllCate .menuBox dt a.colorBlue, 
#headerNavArea .headerNav .navArea li a.colorBlue { color:#2ba5ba }
#allCateArea .boxAllCate .menuBox dt a.colorPurple,
#headerNavArea .headerNav .navArea li a.colorPurple { color:#8c18c8 }

#allCateArea { position:absolute; top:0; left:0 }
#allCateArea .allCateBtns { position:relative; height:54px; cursor:pointer }
#allCateArea .allCateBtns .allCateLogo { display:none; position:absolute; top:20px; left:25px }
#allCateArea .allCateBtns .allCateLogo a { display:block; width:108px; height:16px; text-indent:-9999em; background:url(../allcate_logo.jpg) 0 0 no-repeat }
#allCateArea .allCateBtns .btnAllCate { position:relative; height:54px; z-index:5 }
#allCateArea .allCateBtns .btnAllCate .btnAllCateTxt { padding-left:25px; height:54px; font-size:13px; line-height:54px }
#allCateArea .btnAllCate .trans-line { position:absolute; top:20px; left:0; width:18px; height:15px }
#allCateArea .btnAllCate .line-top,
#allCateArea .btnAllCate .line-middle,
#allCateArea .btnAllCate .line-bottom {position: absolute; display:block; height:2px;width:18px; border-radius:0px; background:#000;}
#allCateArea .btnAllCate .line-top {top:0; -webkit-transform-origin:18px -3px; transform-origin:18px -3px;}
#allCateArea .btnAllCate .line-middle {top:6px; -webkit-transition: opacity 200ms linear;transition: opacity 200ms linear;}
#allCateArea .btnAllCate .line-bottom {bottom:0; -webkit-transform-origin:20px 4px;transform-origin:20px 4px;}
#allCateArea .btnAllCate .is-open .line-top {-webkit-animation: line-top-out 600ms linear normal;animation: line-top-out 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#allCateArea .btnAllCate .is-open .line-middle {opacity: 0;}
#allCateArea .btnAllCate .is-open .line-bottom {-webkit-animation: line-bot-out 600ms linear normal;animation: line-bot-out 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#allCateArea .btnAllCate .is-closed .line-top {-webkit-animation: line-top-in 600ms linear normal;animation: line-top-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#allCateArea .btnAllCate .is-closed .line-middle {-webkit-transition-delay: 200ms;transition-delay: 200ms;}
#allCateArea .btnAllCate .is-closed .line-bottom {-webkit-animation: line-bot-in 600ms linear normal;animation: line-bot-in 600ms linear normal;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#allCateArea .boxAllCate { display:none; position:absolute; top:54px; left:0; width:1364px; border:1px solid #dadada; background:#fff; *zoom:1 }
#allCateArea .boxAllCate:after { display:block; clear:both; content:'' }
#allCateArea .boxAllCate .innerBox { float:left; height:660px; border-right:1px solid #dadada }
#allCateArea .boxAllCate .innerBox .innerTitle { padding:8px 0 0 18px; height:58px; font-size:16px; font-weight:bold; line-height:58px; border-bottom:1px solid #dedede }
#allCateArea .boxAllCate .menuBox { padding:0 45px; width:390px }
#allCateArea .boxAllCate .menuBox .inner { padding-top:10px }
#allCateArea .boxAllCate .menuBox dl { padding-top:19px; *zoom:1 }
#allCateArea .boxAllCate .menuBox dl:after { display:block; clear:both; content:'' }
#allCateArea .boxAllCate .menuBox dt {}
#allCateArea .boxAllCate .menuBox dt a { font-size:13px; vertical-align:top }
#allCateArea .boxAllCate .menuBox dd {padding:8px 0 0;}
#allCateArea .boxAllCate .menuBox dd a { padding-right:6px; color:#999; vertical-align:top }
#allCateArea .boxAllCate .menuBox dd a:before { padding-right:10px; content:'|'; color:#e5e5e5; line-height:13px; vertical-align:top }
#allCateArea .boxAllCate .menuBox dd a:first-child:before { content:'' }
#allCateArea .boxAllCate .menuBox .innerTop dt,
#allCateArea .boxAllCate .menuBox .innerTop dd { float:left;  padding:0 45px 0 0; width:auto; }
#allCateArea .boxAllCate .menuBox .innerTop dt { padding:0 53px 0 0; }
#allCateArea .boxAllCate .menuBox .innerTop a { font-size:13px; color:#333 }
#allCateArea .boxAllCate .menuBox .innerTop a.colorRed { color:#a10000 }

#allCateArea .boxAllCate .menuBox .searchWrap { padding-top:27px }
#allCateArea .boxAllCate .menuBox .searchWrap .hd-search { position:relative; height:38px; border:1px solid #ccc }
#allCateArea .boxAllCate .menuBox .searchWrap .hd-search input { padding:0 10px; width:315px; height:38px; border:0 }
#allCateArea .boxAllCate .menuBox .searchWrap .hd-search a { position:absolute; top:0; right:5px; width:38px; height:38px; text-indent:-9999em; background:url(../btn_hd_search.gif) 0 0 no-repeat }

#allCateArea .boxAllCate .mypageBox { padding:0 20px 0 19px; width:254px }
#allCateArea .boxAllCate .mypageBox .txtList { padding-left:18px }
#allCateArea .boxAllCate .mypageBox .txtList li { padding-top:14px }
#allCateArea .boxAllCate .mypageBox .txtList li a { font-size:13px }
#allCateArea .boxAllCate .boardBox { padding:0 20px 0 19px; width:250px }
#allCateArea .boxAllCate .boardBox .txtList { padding-left:18px }
#allCateArea .boxAllCate .boardBox .txtList li { padding-top:14px }
#allCateArea .boxAllCate .boardBox .txtList li a { font-size:13px }
#allCateArea .boxAllCate .boardBox .icoList { padding-top:15px }
#allCateArea .boxAllCate .boardBox .icoList ul { *zoom:1 }
#allCateArea .boxAllCate .boardBox .icoList ul:after { display:block; clear:both; content:'' }
#allCateArea .boxAllCate .boardBox .icoList li { padding-top:18px; float:left; width:33.3%; text-align:center }
#allCateArea .boxAllCate .boardBox .icoList li a { display:block }
#allCateArea .boxAllCate .boardBox .icoList li .ico { display:inline-block; width:42px; height:40px; background:url(../sp_hd_ico.png) 0 0 no-repeat }
#allCateArea .boxAllCate .boardBox .icoList li .ico1 { background-position:0 0 }
#allCateArea .boxAllCate .boardBox .icoList li .ico2 { background-position:0 -40px }
#allCateArea .boxAllCate .boardBox .icoList li .ico3 { background-position:0 -80px }
#allCateArea .boxAllCate .boardBox .icoList li .ico4 { background-position:0 -120px }
#allCateArea .boxAllCate .boardBox .icoList li .ico5 { background-position:0 -160px }
#allCateArea .boxAllCate .boardBox .icoList li .ico6 { background-position:0 -200px }
#allCateArea .boxAllCate .boardBox .icoList li .tx { display:block; font-size:13px }
#allCateArea .boxAllCate .csBox { padding:0 20px 0 19px; width:250px; border-right:0 }
#allCateArea .boxAllCate .csBox .innerSns { padding-top:15px }
#allCateArea .boxAllCate .csBox .txtList { padding-left:18px }
#allCateArea .boxAllCate .csBox .txtList li { padding-top:14px }
#allCateArea .boxAllCate .csBox .txtList li a { font-size:13px }


@-webkit-keyframes line-top-in {
    0% {left: -5px;bottom: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    20% {left: -5px;bottom: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
    80% {left: 0;bottom: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    100% {left: 0;bottom: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes line-top-in {
	0% {left: -5px;bottom: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	20% {left: -5px;bottom: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
	80% {left: 0;bottom: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
	100% {left: 0;bottom: 1px;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@-webkit-keyframes line-top-out {
    0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
    100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
}

@keyframes line-top-out {
    0% {left: 0;top: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    20% {left: 0;top: 0;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    80% {left: -5px;top: 0;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
    100% {left: -5px;top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
}

@-webkit-keyframes line-bot-in {
    0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    20% {left: -5px;bottom: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
    80% {left: 0;bottom: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes line-bot-in {
    0% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    20% {left: -5px;bottom: 0;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
    80% {left: 0;bottom: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    100% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@-webkit-keyframes line-bot-out {
    0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
    100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
}

@keyframes line-bot-out {
    0% {left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    20% {left: 0;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    80% {left: -5px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
    100% {left: -5px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
}

@-webkit-keyframes bonus {
    0% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    5% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) }
    15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    25% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) }
    35% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    100% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
}

@-ms-keyframes bonus {
    0% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    5% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) }
    15% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    25% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) }
    35% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    100% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
}

#rightMenu { display:none; position:fixed; bottom:50px; right:50px; z-index:100 }
#rightMenu li { padding-bottom:20px }
#rightMenu li a { display:block; text-align:center }
#rightMenu li .ico { display:inline-block; width:36px; height:28px; background:url(../sp_right_menu1.png) 0 0 no-repeat }
#rightMenu li .ico1 { background-position:0 0 }
#rightMenu li .ico2 { background-position:0 -27px }
#rightMenu li .ico3 { background-position:0 -55px }
#rightMenu li .ico4 { background-position:0 -83px }
#rightMenu li .ico5 { background-position:0 -111px }
#rightMenu li .ico6 { background-position:0 -142px }
#rightMenu li .ico7 { background-position:0 -168px }
#rightMenu li .ico8 { background-position:0 -196px }
#rightMenu li .tx { display:block; font-weight:bold; text-align:center;font-size: 11px;color: #666; }
#rightMenu li .happyfit .tx { color:#2ba5ba }
/* BASIC css end */