묻고답하기

  2. Support
  3. 묻고답하기

메뉴바를 길게하고자 합니다

2015.11.24 22:32

thdwjdtjr

질문.png

위 빨간색 부분과 같게 메뉴바를 길게 하고자 합니다(어느부분을 수정하여야 하는지요) 

www.songjs.com

cameron_responsive.css

/*!
 * CAMERON Responsive 1.0
 * Copyright 2013 Cameron, Co.
 */

.boxs,
.boxs:before,
.boxs:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior:url(./layouts/neat/ie7/boxsizing.htc)}
.cameron-container{width:1240px; margin-right:auto; margin-left:auto; padding-left:20px; padding-right:20px}
.cameron-container:before,
.cameron-container:after{content:" "; display:table}
.cameron-container:after{clear:both}
.cameron-row{margin-left:-20px; margin-right:-20px}
.cameron-row:before,
.cameron-row:after{content:" "; display:table}
.cameron-row:after{clear:both}

.cameron-md-custom,
.cameron-xs-1, .cameron-mi-1, .cameron-sm-1, .cameron-md-1, .cameron-lg-1,
.cameron-xs-2, .cameron-mi-2, .cameron-sm-2, .cameron-md-2, .cameron-lg-2,
.cameron-xs-3, .cameron-mi-3, .cameron-sm-3, .cameron-md-3, .cameron-lg-3,
.cameron-xs-4, .cameron-mi-4, .cameron-sm-4, .cameron-md-4, .cameron-lg-4,
.cameron-xs-5, .cameron-mi-5, .cameron-sm-5, .cameron-md-5, .cameron-lg-5,
.cameron-xs-6, .cameron-mi-6, .cameron-sm-6, .cameron-md-6, .cameron-lg-6,
.cameron-xs-7, .cameron-mi-7, .cameron-sm-7, .cameron-md-7, .cameron-lg-7,
.cameron-xs-8, .cameron-mi-8, .cameron-sm-8, .cameron-md-8, .cameron-lg-8,
.cameron-xs-9, .cameron-mi-9, .cameron-sm-9, .cameron-md-9, .cameron-lg-9,
.cameron-xs-10, .cameron-mi-10, .cameron-sm-10, .cameron-md-10, .cameron-lg-10,
.cameron-xs-11, .cameron-mi-11, .cameron-sm-11, .cameron-md-11, .cameron-lg-11,
.cameron-xs-12, .cameron-mi-12, .cameron-sm-12, .cameron-md-12, .cameron-lg-12{position:relative; min-height:1px; padding-left:20px; padding-right:20px}

.cameron-md-custom{float:left}

.cameron-xs-12{width:100%}
.cameron-xs-11{width:91.66666666666666%}
.cameron-xs-10{width:83.33333333333334%}
.cameron-xs-9{width:75%}
.cameron-xs-8{width:66.66666666666666%}
.cameron-xs-7{width:58.333333333333336%}
.cameron-xs-6{width:50%}
.cameron-xs-5{width:41.66666666666667%}
.cameron-xs-4{width:33.33333333333333%}
.cameron-xs-3{width:25%}
.cameron-xs-2{width:16.666666666666664%}
.cameron-xs-1{width:8.333333333333332%}

@media screen and (min-width:768px){
 .cameron-sm-12{width:100%}
 .cameron-sm-11{width:91.66666666666666%}
 .cameron-sm-10{width:83.33333333333334%}
 .cameron-sm-9{width:75%}
 .cameron-sm-8{width:66.66666666666666%}
 .cameron-sm-7{width:58.333333333333336%}
 .cameron-sm-6{width:50%}
 .cameron-sm-5{width:41.66666666666667%}
 .cameron-sm-4{width:33.33333333333333%}
 .cameron-sm-3{width:25%}
 .cameron-sm-2{width:16.666666666666664%}
 .cameron-sm-1{width:8.333333333333332%}
}

@media screen and (min-width:992px){
 .cameron-md-12{width:100%}
 .cameron-md-11{width:91.66666666666666%}
 .cameron-md-10{width:83.33333333333334%}
 .cameron-md-9{width:75%}
 .cameron-md-8{width:66.66666666666666%}
 .cameron-md-7{width:58.333333333333336%}
 .cameron-md-6{width:50%}
 .cameron-md-5{width:41.66666666666667%}
 .cameron-md-4{width:33.33333333333333%}
 .cameron-md-3{width:25%}
 .cameron-md-2{width:16.666666666666664%}
 .cameron-md-1{width:8.333333333333332%}
}

@media screen and (min-width:1200px){
 .cameron-lg-12{width:100%}
 .cameron-lg-11{width:91.66666666666666%}
 .cameron-lg-10{width:83.33333333333334%}
 .cameron-lg-9{width:75%}
 .cameron-lg-8{width:66.66666666666666%}
 .cameron-lg-7{width:58.333333333333336%}
 .cameron-lg-6{width:50%}
 .cameron-lg-5{width:41.66666666666667%}
 .cameron-lg-4{width:33.33333333333333%}
 .cameron-lg-3{width:25%}
 .cameron-lg-2{width:16.666666666666664%}
 .cameron-lg-1{width:8.333333333333332%}
}

@media screen and (max-width:767px){
 .cameron-mi-12{width:100%}
 .cameron-mi-11{width:91.66666666666666%}
 .cameron-mi-10{width:83.33333333333334%}
 .cameron-mi-9{width:75%}
 .cameron-mi-8{width:66.66666666666666%}
 .cameron-mi-7{width:58.333333333333336%}
 .cameron-mi-6{width:50%}
 .cameron-mi-5{width:41.66666666666667%}
 .cameron-mi-4{width:33.33333333333333%}
 .cameron-mi-3{width:25%}
 .cameron-mi-2{width:16.666666666666664%}
 .cameron-mi-1{width:8.333333333333332%}
}


.cameron-xs-1, .cameron-xs-2, .cameron-xs-3, .cameron-xs-4, .cameron-xs-5, .cameron-xs-6, .cameron-xs-7, .cameron-xs-8, .cameron-xs-9, .cameron-xs-10, .cameron-xs-11,
.cameron-mi-1, .cameron-mi-2, .cameron-mi-3, .cameron-mi-4, .cameron-mi-5, .cameron-mi-6, .cameron-mi-7, .cameron-mi-8, .cameron-mi-9, .cameron-mi-10, .cameron-mi-11,
.cameron-sm-1, .cameron-sm-2, .cameron-sm-3, .cameron-sm-4, .cameron-sm-5, .cameron-sm-6, .cameron-sm-7, .cameron-sm-8, .cameron-sm-9, .cameron-sm-10, .cameron-sm-11,
.cameron-lg-1, .cameron-lg-2, .cameron-lg-3, .cameron-lg-4, .cameron-lg-5, .cameron-lg-6, .cameron-lg-7, .cameron-lg-8, .cameron-lg-9, .cameron-lg-10, .cameron-lg-11{float:left}

@media screen and (max-width:1199px){
 .cameron-container{width:980px}
 .cameron-lg-1, .cameron-lg-2, .cameron-lg-3, .cameron-lg-4, .cameron-lg-5, .cameron-lg-6, .cameron-lg-7, .cameron-lg-8, .cameron-lg-9, .cameron-lg-10, .cameron-lg-11{float:none}
}

@media screen and (min-width:768px){
 .cameron-mi-1, .cameron-mi-2, .cameron-mi-3, .cameron-mi-4, .cameron-mi-5, .cameron-mi-6, .cameron-mi-7, .cameron-mi-8, .cameron-mi-9, .cameron-mi-10, .cameron-mi-11{float:none}
}
.cameron-md-1, .cameron-md-2, .cameron-md-3, .cameron-md-4, .cameron-md-5, .cameron-md-6, .cameron-md-7, .cameron-md-8, .cameron-md-9, .cameron-md-10, .cameron-md-11{float:left}

@media screen and (max-width:991px){
 .cameron-container{width:760px}
 .cameron-md-custom{float:none}
 .cameron-md-1, .cameron-md-2, .cameron-md-3, .cameron-md-4, .cameron-md-5, .cameron-md-6, .cameron-md-7, .cameron-md-8, .cameron-md-9, .cameron-md-10, .cameron-md-11{float:none}
}

@media screen and (min-width:768px){
 .cameron-sm-1, .cameron-sm-2, .cameron-sm-3, .cameron-sm-4, .cameron-sm-5, .cameron-sm-6, .cameron-sm-7, .cameron-sm-8, .cameron-sm-9, .cameron-sm-10, .cameron-sm-11{float:left}
}

@media screen and (max-width:767px){
 .cameron-container{width:100%}
 .cameron-sm-1, .cameron-sm-2, .cameron-sm-3, .cameron-sm-4, .cameron-sm-5, .cameron-sm-6, .cameron-sm-7, .cameron-sm-8, .cameron-sm-9, .cameron-sm-10, .cameron-sm-11{float:none}
 .cameron-mi-1, .cameron-mi-2, .cameron-mi-3, .cameron-mi-4, .cameron-mi-5, .cameron-mi-6, .cameron-mi-7, .cameron-mi-8, .cameron-mi-9, .cameron-mi-10, .cameron-mi-11{float:left}
}

 


/*--[Bootstrap 3.0.2]--*/
@-ms-viewport{width:device-width}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg{display:none !important}
.hidden-xs,
.hidden-sm,
.hidden-md,
.hidden-lg{display:block !important}

@media screen and (max-width:767px){
 .visible-xs,
 .visible-sm.visible-xs,
 .visible-md.visible-xs,
 .visible-lg.visible-xs{display:block !important}
 .hidden-xs,
 .hidden-sm.hidden-xs,
 .hidden-md.hidden-xs,
 .hidden-lg.hidden-xs{display:none !important}
}

@media screen and (min-width:768px) and (max-width:991px){
 .visible-xs.visible-sm,
 .visible-sm,
 .visible-md.visible-sm,
 .visible-lg.visible-sm{display:block !important}
 .hidden-xs.hidden-sm,
 .hidden-sm,
 .hidden-md.hidden-sm,
 .hidden-lg.hidden-sm{display:none !important}
}

@media screen and (min-width:992px) and (max-width:1199px){
 .visible-xs.visible-md,
 .visible-sm.visible-md,
 .visible-md,
 .visible-lg.visible-md{display:block !important}
 .hidden-xs.hidden-md,
 .hidden-sm.hidden-md,
 .hidden-md,
 .hidden-lg.hidden-md{display:none !important}
}

@media screen and (min-width:1200px){
 .visible-xs.visible-lg,
 .visible-sm.visible-lg,
 .visible-md.visible-lg,
 .visible-lg{display:block !important}
 .hidden-xs.hidden-lg,
 .hidden-sm.hidden-lg,
 .hidden-md.hidden-lg,
 .hidden-lg{display:none !important}
}

img{vertical-align:middle}

 

 

layout.css

@charset "utf-8";
body{margin:0; padding:0; background-color:#eaeaea; color:#3a3a3a; font-size:12px}
#cameron-body{position:relative; z-index:1}

/*--[ Clearfix ]--*/
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/*--[ a ]--*/
a, a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
a, a:hover{text-decoration:none; color:#3a3a3a}

/*--[ Container ]--*/
.cameron-container{position:relative}

/* ---------------------------------------------------------------------- */
/* HEADER
/* ---------------------------------------------------------------------- */
#header{z-index:99}

/*--[ Skip To Content ]--*/
.skipNav{width:100%; margin:20px auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}

/*--[ Top Navigation ]--*/
.neat-top{position:relative; height:50px; background-color:#ea5859; z-index:2}

/*--[ Header ]--*/
.neat-header{position:relative; background-color:#fff; z-index:1}
.neat-header-v{vertical-align:middle; width:100%; display:inline-block; zoom:1; *display:inline; height:120px; *height:100px; *padding-top:20px; overflow:hidden}
.neat-header-v:before{content:' '; display:inline-block; zoom:1; *display:inline; height:120px; vertical-align:middle}

/*--[ Logo ]--*/
.logo_header{vertical-align:middle; display:inline-block; zoom:1; *display:inline; padding-right:15px; padding-left:15px}
#logo{display:inline-block}
#logo .neat-logo{position:relative; display:inline-block; width:220px; height:62px}
#logo .neat-logo img{position:absolute; top:0; left:0; display:block; width:220px; height:62px; z-index:2}
#logo .neat-logo span.logobg{position:absolute; top:0; left:0; display:block; width:180px; height:50px; background-color:#ea5859; z-index:1}
#logo .neat-logo span.logodot{position:absolute; right:0; bottom:0; display:block; width:9px; height:9px; background-color:#ea5859; z-index:1}

/*--[ News ]--*/
.news_header{width:400px; vertical-align:middle; display:inline-block; zoom:1; *display:inline; padding-right:20px; padding-left:20px}
.news_search{margin-top:8px}

/*--[ Search ]--*/
.search_header{width:400px; vertical-align:middle; display:inline-block; zoom:1; *display:inline; padding-right:20px; padding-left:20px}
#topSearch{margin:0; padding:0}
#topSearch .searchOrder{display:none}
#topSearch .inputText{float:left; width:266px; height:14px; margin:0 5px 0 0; padding:11px 0 11px 10px; border:3px solid #ea5859; background:#fff; line-height:1.3; font-size:13px; color:#959393; outline:none}
#topSearch .submit{float:left; width:59px; height:42px; margin:0; padding:0; background:#ea5859; border:0; border-radius:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; line-height:1.3; font-size:13px; color:#fff; outline:none; cursor:pointer; -webkit-appearance:none; -webkit-transition:opacity .1s ease-in-out; -moz-transition:opacity .1s ease-in-out; -ms-transition:opacity .1s ease-in-out; -o-transition:opacity .1s ease-in-out; transition:opacity .1s ease-in-out}
#topSearch .submit:hover,
#topSearch .submit:focus{filter:alpha(opacity=90); opacity:.9}

/*--[ Banner ]--*/
.banner_header{width:578px; vertical-align:middle; display:inline-block; zoom:1; *display:inline; padding-right:15px; padding-left:10px; text-align:right}

/*--[ Login ]--*/
.neat-header .login-header{display:none; float:right; width:260px; padding-right:20px; padding-left:20px}
.neat-header .login-header > div{width:220px; padding-top:16px}
.neat-header .login-header .account .keep{display:none}

/*--[ Main Navigation ]--*/
#main-menu{padding-left:0}
#main-menu .main-nav-ie8{display:block !important}
#sf-menu,
#sf-menu ul,
#sf-menu li{margin:0; padding:0; list-style:none}
#sf-menu li{position:relative; white-space:nowrap; *white-space:normal; -moz-transition:background .1s; -o-transition:background .1s; -ms-transition:background .1s; -webkit-transition:background .1s; transition:background .1s}
#sf-menu a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; font-family:'Nanum Gothic',나눔고딕,'Malgun Gothic',맑은고딕,돋움,sans-serif; font-size:12.7px; font-weight:700; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{height:16px; padding:15px 22px 19px; text-align:center; font-size:15.2px; color:#fff; border-right:1px solid rgba(0,0,0,.16); box-shadow:1px 0 0 0 rgba(255,255,255,.16)}
#sf-menu li.navHome a.nav1st{height:24px; padding-top:11px; padding-bottom:15px; border-left:0; color:#fff}
#sf-menu li.navHome a.nav1st i{font-size:24px; color:#fff}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{background:rgba(0,0,0,.16); -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:0; z-index:99; min-width:12em; *width:12em; padding-top:8px; padding-bottom:6px; background:#f7f7f7; border-bottom:3px solid #ea5859; box-shadow:2px 2px 6px rgba(0,0,0,.06)}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{padding:12px 24px; border-top:1px dotted #e4e4e4; color:#4c4c4c}
#sf-menu ul li:first-child a.nav2nd{border-top:1px solid #f7f7f7}
#sf-menu ul li a:hover,
#sf-menu ul li a:focus,
#sf-menu ul li.sfHover a.nav2nd,
#sf-menu ul li.current2 a.nav2nd,
#sf-menu ul li.current3 a.nav3rd{color:#ea5859}
/* 3rd */
#sf-menu ul ul{top:0; left:100%; padding:0; border-bottom-width:2px; box-shadow:0px 0px 0px rgba(0,0,0,.06)}
#sf-menu ul ul li a{border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee}

/*-- Arrows --*/
/* 1st */
.sf-arrows > li > .sf-with-ul:after{display:none; content:''; position:absolute; bottom:0; left:50%; margin-left:-6px; width:0; height:0; border-bottom:8px solid #f7f7f7; border-left:6px solid transparent; border-right:6px solid transparent}
.sf-arrows > li > .sf-with-ul:hover:after,
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after{display:block}
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'\f105'; position:absolute; top:50%; right:10px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
.sf-arrows ul li > .sf-with-ul:hover:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after{color:#ea5859}

@media \0screen\,screen\9 {
 #sf-menu > li{background:url(../img/nav_line.png) no-repeat right top}
 #sf-menu a.nav1st:hover,
 #sf-menu a.nav1st:focus,
 #sf-menu li:hover a.nav1st,
 #sf-menu li.current1 a.nav1st{background:url(../img/t16.png) repeat}
}


/*--[ Sitemap ]--*/
#sitemap{padding-right:0}
.sitemap-ie8{display:block !important; float:right}
#sitemap-link{position:relative; float:right; padding:15px 22px 19px 22px; font-size:15.2px; line-height:1.2; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; color:#fff; outline:none}
#sitemap-link i{position:absolute; display:block; top:17px; left:0; font-size:15px; color:#fff}
#sitemap #sitemapArrow{display:none; border-bottom:8px solid #f7f7f7; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; height:0; width:0; right:28px; bottom:0}
#sitemap-nav{display:none; position:absolute; top:50px; right:-1px; width:1240px; max-width:1240px}
#sitemap-list{float:right; margin:0; padding:8px 20px 20px 20px; background:#f7f7f7; border-bottom:3px solid #ea5859; list-style:none}
/* 1st */
#sitemap-list li{margin:0; padding:0}
#sitemap-list > li{float:left}
#sitemap-list li a{display:block; font-family:'Malgun Gothic'; font-size:12px; outline:none}
#sitemap-list li a.nav1st{padding:12px 65px 12px 0; border-bottom:1px dotted #e4e4e4; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:15px; font-weight:700; color:#ea5859}
/* 2nd */
#sitemap-list ul{margin:0; padding:0; list-style:none}
#sitemap-list ul li a{display:block; padding:5px 65px 5px 0; color:#666}
#sitemap-list ul li:first-child a.nav2nd{padding-top:10px}

#sitemap-list ul li.current2 a.nav2nd,
#sitemap-list ul li.current3 a.nav3rd{color:#ea5859}
#sitemap-list ul li a:hover,
#sitemap-list ul li a:focus{font-weight:bold; letter-spacing:-1px; color:#ea5859}


/* ---------------------------------------------------------------------- */
/* SUB - BREADCRUMB, PAGE TITLE
/* ---------------------------------------------------------------------- */
/*--[ Breadcrumb ]--*/
#neat_breadcrumb{margin-top:-7px}
#neat_breadcrumb ul{float:right; margin:0; padding:0; list-style:none}
#neat_breadcrumb li{float:left; margin:0 0 0 6px; padding:0}
#neat_breadcrumb li a{color:#8a8a8a}
#neat_breadcrumb li a:hover{color:#666}

/*--[ Page Title ]--*/
#neat_title{margin-top:5px}
#neat_title h1.page_title,
#neat_title h3.page_description{display:inline-block; margin:0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
#neat_title h1.page_title{margin-right:5px; font-size:18px; color:#3a3a3a}
#neat_title h3.page_description{font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; font-weight:normal; color:#8a8a8a}


/* ---------------------------------------------------------------------- */
/* CONTENT
/* ---------------------------------------------------------------------- */
/*--[ Content ]--*/
#contents{background:#f7f7f7;/* z-index:98 */}
#content{float:left; width:980px; background:#fff; border-top:6px solid #ea5859}
#content #content-header{margin:13px 0 -5px 0; padding:0 20px}
#content .content{padding:20px; padding-top:-31px;}
#content.widget-page .content{padding:0}


/* ---------------------------------------------------------------------- */
/* SIDE
/* ---------------------------------------------------------------------- */
/*--[ Widgets ]--*/
#sidebar{width:260px; overflow-x:hidden; padding-top:20px; border-top:6px solid #ccc}
#sidebar .side-widget{padding-bottom:30px}

/*--[ Search ]--*/
#sideSearch{margin:0; padding:3px; background:#fff; border:1px solid #f0f0f0}
#sideSearch .searchOrder{display:none}
#sideSearch .inputText{float:left; width:172px; height:14px; margin:0; padding:7px 0 8px 10px; background:#fff; border:0; line-height:1.2; font-size:12px; color:#3a3a3a; outline:none}
#sideSearch .submit{float:left; width:30px; height:28px; margin:0; padding:0; background:url(../img/side_search.png) no-repeat left top; border:0; text-indent:-999px; outline:none; cursor:pointer}

/*--[ Side Menu ]--*/
#side_menu,
#side_menu ul,
#side_menu li{margin:0; padding:0; list-style:none}
/* 1st */
#side_menu .sm_title{display:block; margin:0 0 7px 0; padding-left:10px; background:url(../img/sm_titlebar.png) no-repeat left center; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:17px; color:#000000}
/* 2nd */
#side_menu > li > ul > li{border-bottom:1px dotted #e4e4e4}
#side_menu > li > ul > li:last-child{border-bottom:0}
#side_menu a.sm2nd{position:relative; display:block; padding:10px 0 10px 10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:13.4px; color:#666; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}
#side_menu a.sm3rd-trigger:after{content:'\f106'; position:absolute; top:50%; right:10px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
#side_menu a.sm3rd-trigger.active:after{content:'\f107'; color:#ea5859}
/* 3rd */
#side_menu .sm3rd-ul{display:none; padding:5px 0}
#side_menu li.current2 .sm3rd-ul{display:block}
#side_menu a.sm3rd{position:relative; display:block; margin-bottom:12px; padding:0 0 0 24px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:12px; color:#888; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}
#side_menu li.current3 a.sm3rd:after{content:'\f105'; position:absolute; top:50%; left:14px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#ea5859}

#side_menu a:hover,
#side_menu a:focus,
#side_menu li.current2 a.sm2nd,
#side_menu li.current3 a.sm3rd{color:#ea5859}


/* ---------------------------------------------------------------------- */
/* FOOTER
/* ---------------------------------------------------------------------- */
#footer{background:#363636; padding-top:10px; padding-bottom:10px; z-index:97}
#footer .logo_footer{float:left; margin-right:30px; margin-left:20px; text-align:center}
#footer .logo_footer .neat-logo-footer{display:inline-block; width:220px; height:62px; background:url(../img/logo_bottom.png) no-repeat}
#footer .contact_infor{padding-top:5px}
#footer .contact_infor,
#footer .contact_info{margin-left:20px; font-style:normal}
#footer .contact_info p,
#footer .contact_infor p{position:relative; margin:0; padding:5px 0; font-family:돋움,sans-serif; line-height:1.4; font-size:12px; color:#949494}
#footer .contact_info p{float:left; margin-right:20px; padding-left:30px; *padding-left:0}
#footer .contact_info p:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#footer .contact_info p.address:before{content:"\f015"; margin-left: -1px; margin-top:-10px; font-size:20px}
#footer .contact_info p.tel:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#footer .contact_info p.fax:before{content:"\f02f"; margin-top:-10px; font-size:18px}
#footer .contact_info p.email:before{content:"\f0e0"; margin-top:-10px; font-size:17px}
#footer .contact_info p a{color:#949494}

/* ---------------------------------------------------------------------- */
/* FOOTER
/* ---------------------------------------------------------------------- */
#footer-bottom{background:#2c2c2c; padding-top:16px; padding-bottom:16px}

/*--[ Copyright ]--*/
#footer-bottom .copyright{margin:0; padding:0; font-family:Tahoma,Geneva,sans-serif,굴림; font-size:12px; color:#8c8c8c}

/*--[ Option Navigation ]--*/
#bottom_nav{float:right}
#bottom_nav ul{margin:0 0 5px 0; padding:0; list-style:none}
#bottom_nav li{float:left; margin:0 5px 0 0; padding:0; font-family:돋움,sans-serif; font-size:12px; color:#8c8c8c}
#bottom_nav li:after{content:'|'; display:inline-block; margin-left:1px; font-size:11px; color:#8c8c8c}
#bottom_nav li:last-child{margin-right:0; padding-right:0}
#bottom_nav li:last-child:after{content:''; margin-left:0}
#bottom_nav li a{color:#8c8c8c}
#bottom_nav li a:hover,
#bottom_nav li a:focus{color:#ea5859}

/*--[ Back to Top ]--*/
#sTop{background:url(../img/arrows.png) no-repeat scroll -78px 0 #333; background-color:rgba(0, 0, 0, 0.6);  *background-color:#666; display:none; height:39px; width:39px; overflow:hidden; position:fixed; bottom:30px; right:10px; text-decoration:none; text-indent:-999px; z-index:99; outline:medium none}
#sTop:hover,
#sTop:focus{background-color:#ea5859}


/* ---------------------------------------------------------------------- */
/* ACCESSORY
/* ---------------------------------------------------------------------- */
/*--[ Button ]--*/
.neat_btn{display:inline-block; padding:10px 30px 12px; background:#ea5859; border:0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:13px; font-weight:700; color:#fff !important; text-decoration:none; outline:none; cursor:pointer; -webkit-transition:opacity .1s ease-in-out; -moz-transition:opacity .1s ease-in-out; -ms-transition:opacity .1s ease-in-out; -o-transition:opacity .1s ease-in-out; transition:opacity .1s ease-in-out}
.neat_btn,
.neat_btn:before,
.neat_btn:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.neat_btn:hover,
.neat_btn:focus{filter:alpha(opacity=90); opacity:.9; text-decoration:none !important; color:#fff !important}

/*--[ Placeholder ]--*/
::-webkit-input-placeholder{color:#aaa !important}
:-moz-placeholder{color:#aaa !important}
:-ms-input-placeholder{color:#aaa !important}
.text-placeholder{color:#aaa !important}


/* ---------------------------------------------------------------------- */
/* MEDIA QUERIES
/* ---------------------------------------------------------------------- */

@media screen and (max-width:1199px){
 /*--[ HEADER ]--*/
 .banner_header{display:none}
 .neat-header .login-header{display:block}
 
 /*--[ Main Navigation ]--*/
 #main-nav a.nav1st{padding-right:18px; padding-left:18px}
 
 /*--[ CONTENT ]--*/
 #content{min-height:0 !important}
 
 /*--[ SIDEBAR ]--*/
 #sidebar{display:none}
}

@media screen and (max-width:991px){
 /*--[ Mobile Navigation ]--*/
 #mobile-nav-touch{display:block}

 /*--[ HEADER ]--*/
 .neat-top{height:auto}
 .banner_header{display:none}
 .neat-header .login-header{display:none}

 /*--[ HEADER > Main Navigation ]--*/
 #main-menu{padding-left:20px}
 
 /*--[ CONTENT ]--*/
 #content{width:100% !important}
 #content.widget-page .content{padding:20px}
 #content img{max-width:100%; height:auto !important}

 /*--[ FOOTER ]--*/
 #footer .logo_footer{float:none; margin-right:0; margin-left:0}

 /*--[ Widget ]--*/
 #content.widget-page .content > div{float:none !important; width:100% !important; margin:0 0 30px 0 !important}
 .wbox_responsive,
 .mobile-hidden{display:none !important}
}

@media screen and (max-width:767px){
 #cpreview{display:none}
 
 /*--[ HEADER ]--*/
 .neat-header-v{height:auto; overflow:auto}
 .neat-header-v:before{display:block; height:auto}
 .logo_header{display:block; width:100%; padding-top:30px; text-align:center}
 .news_header,
 .search_header{display:block; width:100%; padding-top:20px; padding-bottom:30px}
 .search_header #topSearch .inputText{width:90%}
 .search_header #topSearch .submit{margin-left:-67px}
 
 /*--[ FOOTER ]--*/
 #footer .contact_info p.address{float:none}
}

@media screen and (max-width:479px){
 #neat_breadcrumb{margin-bottom:7px}
 /*--[ ACCESSORY > Button ]--*/
 .neat_btn{width:100%}
}


/* ---------------------------------------------------------------------- */
/* XE FIX
/* ---------------------------------------------------------------------- */
/*--[ Page Fix ]--*/
#content .btnArea{margin:0 !important; padding-top:10px !important; padding-bottom:10px !important}

/*--[ Member ]--*/
.xm h1,
.xc h1{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #efefef; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; color:#3a3a3a}
.xm .nav-tabs,
.xc .nav-tabs{border-bottom:0}
.xm .nav-tabs>li,
.xc .nav-tabs>li{margin:0 5px 5px 0; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700}
.xm .nav-tabs>li>a,
.xc .nav-tabs>li>a{padding:10px 20px; background-color:#fff; border:1px solid #e6e6e6; border-radius:0; line-height:1.3; font-size:13px; color:#a2a2a2}
.xm .nav-tabs>li>a:hover,
.xc .nav-tabs>li>a:hover,
.xm .nav-tabs>.active>a,
.xm .nav-tabs>.active>a:hover,
.xc .nav-tabs>.active>a,
.xc .nav-tabs>.active>a:hover{background-color:#ea5859; border:1px solid #ea5859; color:#fff}
.xm .login-header h1{padding:0; border-bottom:0}
.xm .form-horizontal{margin:0; padding:10px 0}
.xm .form-horizontal .control-label{padding-top:8px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; color:#3a3a3a}
.xm input[type="text"], .xm input[type="password"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"]{padding:6px}

@media screen and (max-width:767px){
 /*--[ Content Image IE8 Fix ]--*/
 #content img{height:auto\9 !important}

 .xm .nav-tabs>li>a,
 .xc .nav-tabs>li>a{padding:8px 16px; font-size:12px}
 .xm .form-horizontal .control-group{margin-bottom:10px}
 .xm .form-horizontal .control-label{float:none; width:auto; text-align:left}
 .xm .form-horizontal .controls{margin-left:0}
 .xm input, .xm textarea{width:95%}
}

@media screen and (max-width:479px){
 .xm .nav-tabs>li>a,
 .xc .nav-tabs>li>a{padding:5px 10px; font-size:11px}
}

태그 연관 글
  1. [2021/07/20] 묻고답하기 사이트맵에서 클릭시 새창열기로 가능한가요? by Alexander *2
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/01/03] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
도토리닷컴 제로보드 입력란이 검정색으로 보이는 문제 [2] file 2015.11.25 by 퍼니엑스이
thdwjdtjr 메뉴바를 길게하고자 합니다 [1] file 2015.11.25 by DoorWeb
수인 스크롤 탑 버튼이 게시판 아래에 있어 안보입니다.. [2] file 2015.11.24 by 수인
sr_t**** 아이콘샵 1.5 질문입니다  
iuloveiu xedition 해상도에 따른 슬라이드 정렬 질문드립니다. [2] file 2015.11.24 by iuloveiu
람이율이아빠 이거 해킹된건가요?? [3] file 2015.11.24 by MEGA
잡순이 XE 문서페이지 넓이 수정(CSS 경로) 좀 알려주세요!(첨부파일) [4] file 2015.11.24 by 잡순이
원동원 SNS 소셜 로그인 버튼 추가 문의 [3] file 2015.11.24 by Double'U'
startico 스킨 문의 좀 합니다 [2] 2015.11.24 by DoorWeb
카누 html/ccs 에 flash 업로드를 했더니.... [1] file 2015.11.24 by 배워서남준다
린파일 게시판 목록 순서를 랜덤으로 방법이 없을까요? [1] 2015.11.24 by 배워서남준다
hyunduck 에러메세지  
하루111 친구등록 기능 버튼 링크 관련 문의드립니다.  
키쨩 스케치북 모바일 게시판에서 헤더영역에 코드로 추가한 이미지 모바일 디바이 비율에 맞지 않게 출력  
한가人 회원가입 이용양관 개인정보취급방침 애드온의 설치와 실행, 적용에 관해서 이용하시는 분들의 설명을 부탁드립니다. [2] 2015.11.23 by 한가人
lemon 로그인이안됩니다 [5] 2015.11.23 by lemon
은우마스터 모바일 접속과 PC접속을 구분할 수 있는 if문이 있나요? [3] 2015.11.23 by bluedream
스쿠터날다 게시판에서 로긴을 시도할 경우 실패합니다. [1] file 2015.11.23 by bluedream
crebill xe1.8.14v 설치시 php5.2.9v에서 설치사용할 수 있나요? [2] 2015.11.23 by AJKJ
칸타레 타임라인 게시판에서 검색이 안됩니다 [1] 2015.11.23 by AJKJ
오락실주인 포인트 관련 질문 ^^ [2] 2015.11.23 by 오락실주인
ayya 마이그레이션 질문 [2] 2015.11.23 by ayya
홍포토 레이아웃 수정 php 수정하려고 하는데 질문드립니다. [2] 2015.11.23 by 홍포토
키쨩 스케치북게시판 모바일 상단배너 질문  
HWON sketchbook5 댓글 익명선택  
댑펑 정규표현 질문드립니다... [2] 2015.11.22 by 댑펑
tui 스케치북5 게시판 사용중인데요 상단에 home 부분이 뜨는데 안보이게 하는방법이 없나요? [2] file 2015.11.22 by tui
피요 게시판인데 메뉴로 사용할수 있는 방법이 있나요? [5] 2015.11.22 by 가브리엘조
도토리닷컴 사진 최근 날짜순 자동정렬  
young 지금까지 홈피에 올렸던 이미지가 먹통됬습니다 file  
태그 쓰기