@charset "utf-8";

/*--[ NAVIGATION BUTTON ]--*/
#TouchMe{float:left; cursor:pointer; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); -webkit-transition:.25s -webkit-transform ease-in-out; -moz-transition:.25s -moz-transform ease-in-out; -ms-transition:.25s -ms-transform ease-in-out; -o-transition:.25s -o-transform ease-in-out; transition:.25s transform ease-in-out; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden}
#TouchMe.touch-on{-webkit-backface-visibility:hidden}
#TouchMe i.fa{line-height:33px; font-size:24px; color:#fff}

/*--[ MOBILE NAVIGATION ]--*/
#cameron-mobile-nav{display:none}
#touch-scroll{position:fixed; top:0; left:0; z-index:-1; height:100%; overflow:hidden; background-color:#f4f4f4; -webkit-transition:visibility 0s linear .2s; -moz-transition:visibility 0s linear .2s; -ms-transition:visibility 0s linear .2s; -o-transition:visibility 0s linear .2s; transition:visibility 0s linear .2s}
.cameron-mobile-nav #touch-scroll{-webkit-transition:z-index 0s ease-out .3s; -moz-transition:z-index 0s ease-out .3s; -ms-transition:z-index 0s ease-out .3s; -o-transition:z-index 0s ease-out .3s; transition:z-index 0s ease-out .3s}

/* Loginfo */
#mobile-sign{width:100%; padding:4px; overflow-x:hidden; background-color:#208cbd}
#mobile-sign .mobile-home{float:left}
#mobile-sign .mobile-sign{float:right; margin:0; padding:0; list-style:none}
#mobile-sign li{float:left; margin:0; padding:0}
#mobile-sign a{display:block; max-width:64px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:8px; text-align:center; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:9px; font-weight:400; color:#fff}
#mobile-sign a .fa{font-size:24px; font-weight:normal}
#mobile-sign a.mobile-title span{position:relative; top:-2px; font-size:16px; font-weight:700}
#mobile-sign a.mobile-title .fa{position:relative; font-size:21px}

/* Navigation */
#mobile-nav{position:relative; width:280px; height:100%; overflow:hidden}
.cameron-mobile-nav #mobile-nav{}
#mobile-nav ul{margin:0; padding:0; list-style:none}
#mobile-nav > ul{position:relative; height:90%; overflow:auto; border-right:1px solid #dedede; -webkit-overflow-scrolling:touch}
#mobile-nav li{margin:0; padding:0}
#mobile-nav a{position:relative; display:block; font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
#mobile-nav a.nav1st{padding:16px 0 16px 12px; background-color:#fff; border-top:1px solid #dedede; line-height:1.3; font-size:15px; color:#333}
#mobile-nav li.nav-bottom a.nav1st{height:32px; background:none}
#mobile-nav a.nav2nd{padding:16px 0 16px 16px; background-color:#f4f4f4; border-top:1px solid #dedede; font-size:14px; color:#666}
#mobile-nav a.nav3rd{padding:14px 0 14px 24px; background-color:#f4f4f4; border-top:1px solid #dedede; font-size:13px; color:#666}
#mobile-nav li.current1 a.nav1st{background-color:#208cbd; color:#fff}
#mobile-nav li.current2 a.nav2nd,
#mobile-nav li.current3 a.nav3rd{color:#208cbd}
#mobile-nav a i.fa-angle-down,
#mobile-nav a.nav1st i.fa-angle-right{position:absolute; right:14px; top:50%; margin-top:-6px; font-size:11px}

/*--[ CAMERON BODY ]--*/
#cameron-body{-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); -webkit-transition:.25s -webkit-transform ease-out; -moz-transition:.25s -moz-transform ease-out; -ms-transition:.25s -ms-transform ease-out; -o-transition:.25s -o-transform ease-out; transition:.25s transform ease-out; -webkit-backface-visibility:hidden}
#cameron-body.slide-x{height:100%; overflow-y:hidden; -webkit-transform:translateX(280px); -moz-transform:translateX(280px); -ms-transform:translateX(280px); -o-transform:translateX(280px); transform:translateX(280px); -webkit-backface-visibility:hidden}

/*--[bxSlider Fix]--*/
.bx-viewport {-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0)}

/*--[ Collapse, Animation ]--*/
.fade{opacity:0; -webkit-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative; height:0; overflow:hidden; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease}