@charset "UTF-8";
#style-switcher .switcher-wrap .switcher-title button,
#style-switcher .switcher-wrap .switcher-content {transition:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

#style-switcher {position:fixed; z-index:9999; top:10px; left:260px; width:240px;}
#style-switcher label {cursor:pointer;}
#style-switcher .switcher-title {height:40px; margin:0px; margin-left:-1px; padding:0px 0px 0px 15px; background-color:#333; color:rgb(255, 255, 255); font-size:16px; font-weight:bold; font-family:"Roboto",Helvetica,Arial,sans-serif; line-height:40px;}
#style-switcher .switcher-title h3 {display:block; width:calc(100% - 50px); height:34px; line-height:34px; cursor:move;}
#style-switcher .switcher-title button {margin-right:10px; font-size:20px; transform:rotate(45deg);}
#style-switcher .switcher-wrap {overflow:hidden; border-radius:4px; box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 20px 60px 6px rgba(0,0,0,0.6), 0 0 0 1px rgba(0, 0, 0, 0.1);}
#style-switcher .switcher-wrap.active {box-shadow:none; width:40px; border-radius:50%;}
#style-switcher .switcher-wrap.active .switcher-title {padding-left:12px;}
#style-switcher .switcher-wrap.active .switcher-title h3 { display:none;}
#style-switcher .switcher-wrap.active .switcher-title button {transform:rotate(0deg);}
#style-switcher .switcher-wrap.active .switcher-content {height:0; padding:0; overflow:hidden;}
#style-switcher .switcher-content {padding:15px; padding-right:20px; background:#fff;}
#style-switcher .switcher-icon {display:block; position:absolute; right:-40px; width:40px; height:35px; color:#fff; font-size:17px; text-decoration:none; text-align:center; line-height:35px;}
#style-switcher .switcher-item {margin-bottom:8px; cursor:pointer;}

#style-switcher .layout-setup {}
#style-switcher .widget-setup {z-index:1; top:80px; border-radius:0px 0px 3px 0px; background:#333;}

#style-switcher .input-line {margin-bottom:4px;}
#style-switcher .input-bottom {margin-bottom:8px;}
#style-switcher .panel-group {margin:0px 0px 5px;}
#style-switcher .panel {margin:0px; padding:0px;}
#style-switcher .panel-heading {padding:0px 0px 5px; font-weight:bold; letter-spacing:-1px;}
#style-switcher .panel-body {margin-bottom:10px; padding:10px 0px 4px; border-bottom:1px solid #ddd;}

#style-switcher .ko-12 {font-size:12px; font-family:dotum, sans-serif;}
#style-switcher .ko-11 {font-size:11px; font-family:dotum, sans-serif; letter-spacing:-1px;}
#style-switcher .normal {font-weight:normal; letter-spacing:0px;}

.body-background-top {background-repeat:no-repeat; background-position:center top; background-size:cover;}
.body-background-center {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.body-background-bottom {background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.body-background-fixed {background-repeat:no-repeat; background-attachment:scroll; background-position:center top; background-size:100%;}
.body-background-pattern {background-repeat:repeat; background-attachment:scroll; background-size:auto;}

/*--------------검색창2------------------------*/
.fb_ewy2 {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;align-items:center;-webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;}

/* search */
.search_ui2.active {top:0;}
.search_ui2 {position:fixed; z-index:9997; top:-9px; min-width:550px; height:77px; margin-left:-20px; padding:0 20px; /*background:#fff;*/ -webkit-transform: translateZ(0);}
.search_ui2 form {width:100%; border-radius:6px; background:#344a60;}
.search_ui2 form input[type="text"] {width:calc(100% - 40px); padding:9px; border:0; outline:none; background:none; color:#fff; font-size:14px;}
.search_ui2 form button {margin:0; padding:6px; border:0; background:none; font-size:20px; color:#fff}
.search_ui2 .searchClose {padding-left:10px; font-size:26px;}

/*---------------검색창2 끝--------------------------*/


@media only screen and (max-width:767px) {
#style-switcher {display:none;}
}