묻고답하기

  2. Support
  3. 묻고답하기

s4uNextep 레이아웃을 쓰고 있는데요 메인 메뉴를 가운데로

2015.01.01 18:23

선넷

메인 메뉴를 가운데로 변경 하고 싶어요

css 이리 저리 해봐도 안되네요 모든 메뉴가 가운데 와서 겹쳐져 버리네요


.mainmenu-menu{position:relative;float:left; margin:0;z-index:20;display:block;color:#fff;}

이걸 가지고 아무리 애써 봐도 안되네요


다른곳도 여러곳 건드렷다 다시 제자리 해놨는데


고견 부탁 드립니다


------------------  Nextep.css

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url('reset.css');

@charset "utf-8";

/* reset */

body,

button,

input,

select,

textarea {

color: #2b2b2b;

font-family:'나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum, sans-serif, Lato, sans-serif;

font-size: 13px;

font-weight: 400;

line-height: 1.7;

}

a {

color:#016FD1;

text-decoration: none;

}


a:focus {

outline: thin dotted;

}


a:hover,

a:active {

outline: 0;

}


a:active,

a:hover {

color:#AF1D71;

}


h1,

h2,

h3,

h4,

h5,

h6 {

font-weight: 600;

margin: 36px 0 12px;

}


h1 {

font-size: 22px;

line-height: 1.3846153846;

}


h2 {

font-size: 20px;

line-height: 1;

}


h3 {

font-size: 18px;

line-height: 1.0909090909;

}


h4 {

font-size: 16px;

line-height: 1.2;

}


h5 {

font-size: 14px;

line-height: 1.3333333333;

}


h6 {

font-size: 13px;

line-height: 1.5;

}



/* layout */


.logo-h{max-width:1260px; margin: 5px auto 5px ;}

.hblock{

display: inline-block;

vertical-align:middle;

width: 33%;

};

.hbanner{max-width:90%; position:relative;float:right;}

.hbanner img{max-width:100%; height:auto;}

.logo-i{margin: 0 auto;}


.mainmenu-h{width:100%; height: 38px; margin:3px auto 3px ;display:block; 

background: rgb(52,49,51);

voice-family : "\"}\"";

voice-family :inherit;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRhNDQ0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0MjAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODMwMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(52,49,51,1) 0%, rgba(74,68,71,1) 50%, rgba(36,32,35,1) 50%, rgba(56,48,53,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,49,51,1)), color-stop(50%,rgba(74,68,71,1)), color-stop(50%,rgba(36,32,35,1)), color-stop(100%,rgba(56,48,53,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* W3C */


border-top: 1px solid rgba(79, 74, 79, 0.8);

border-bottom: 1px solid rgba(0, 0, 0, 0.8);

}

.mainmenu-wrap{width:1260px; margin:0 auto; display:block;}

.mainmenu-menu{position:relative;float:left; margin:0;z-index:20;display:block;color:#fff;}

.mainmenu-etc{position:relative;float:right;margin-top:-38px;color:#a5a5a5; clear:both;}


.slide-h{width:1260px; margin:14px auto 3px ;clear:both;}

.maincontainer{display: block;color:#000;max-width:1260px;margin:12px auto 3px;height:auto;}

.maincontainer2{display: block;color:#000;width:100%;height:auto;}

.maincenter{float:left;min-height:100%;

width:976px;

voice-family : "\"}\""; 

voice-family : inherit; 

width: -webkit-calc(100% - 283px);

width:calc(100% - 283px);

background-color:#fff;background-color:rgba(255, 255, 255, .6); 

border: 1px solid rgba(255, 255, 255, 0.6);

padding:10px 10px 10px 10px;}

.maincenter2{float:left; max-width:1260px;margin:0 height:auto;min-height:650px;width:100%;background-color:#fff;background-color:rgba(255, 255, 255, .6); 

border: 1px solid rgba(255, 255, 255, 0.6);

margin:0;padding:0;}

.maincenter-cont{

margin:0;padding:10px;

border-right:1px solid #CCC;

width:976px;

voice-family : "\"}\""; 

voice-family : inherit; 

width: -webkit-calc(100% - 284px);

width:calc(100% - 284px);

float:right;}


.mainside2{position:relative; float:left;width:248px;voice-family : "\"}\"";voice-family :inherit; width:240px;height:100%;min-height:650px;margin:0;padding:10px;}

.mainside{position:relative; float:left; width:240px;height:100%;min-height:650px;padding:10px 10px 10px 10px; 

border-top: 1px solid rgba(151, 208, 251, .5);

border-bottom: 1px solid rgba(151, 208, 251, .5);

border-right: 1px solid rgba(151, 208, 251, .5);

background-color:#97D0FB;

background-color:rgba(151, 208, 251, .6);}

.footer-h{clear:both;position:relative; float:left; width:100%; margin:20px auto 3px ;border-top: 1px solid rgba(40, 81, 147, .2);border-bottom: 1px solid rgba(40, 81, 147, .2);background-color:#285193;background-color:rgba(40, 81, 147, .5);}


.bottom-ha{clear:both;position:relative; width:100%; min-height:38px; margin:3px auto 0px ;background-color:#272F47;background-color:rgba(39, 47, 71, .8);}

.bottom-h{clear:both;position:relative; width:100%; min-height:60px; margin:0px auto 3px ;background-color:#272F47;background-color:rgba(39, 47, 71, .6);}

/* main-menu setting */


.mainmenu-menu li {list-style: none;z-index: 10000;}

.mainmenu-menu li a {text-decoration: none;}

.mainmenu-menu li a:hover,

.mainmenu-menu li ul li a:hover  {

background: #af4a69; 

-webkit-transition-property:color, background; 

-webkit-transition-duration: 0.5s, 0.5s; 

-webkit-transition-timing-function: linear, ease-out;

}


.mainmenu-menu .depth1 { display: block; height: 38px;margin:0;background: url('img/gnb_seperater.png') no-repeat center;}

.mainmenu-menu .depth1 > li {width: 120px; height: 38px; float: left; position: relative; text-align: center; background: url('img/gnb_seperater.png') no-repeat right ;}


.mainmenu-menu .depth1 > li:after {  content: ""; display: block; clear: both;}

.mainmenu-menu .depth1 > li a { display:block; height: 38px; font-size: 13px; line-height: 38px;

    font-family: '나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, dotum, gulim, sans-serif;

    color: #fff;

}

.mainmenu-menu .depth1 li a img {vertical-align:middle;}

.mainmenu-menu .depth2 {

    position: absolute;

    left: 0;

    top: 38px;

    background: #fff;

    display: none;

    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

}

.mainmenu-menu .depth2 li {

    float: none;

    background: #fff;

    width: 118px;

    height: 30px;

    border: 1px solid #e6e6e6;

    border-top: none;

    text-align: left;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}


.mainmenu-menu .depth2 li:first-child {

    border-top: 1px solid #e6e6e6;

}


.mainmenu-menu .depth2 li a {

display: block;

padding-left: 14px;

height:32px;

    line-height: 32px;

    font-weight: normal;

    font-size: 12px;

    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;

    color: #585858;

}


.mainmenu-menu .depth2 > li:hover > a {

color:#fff;

    font-weight: bold;

}


.mainmenu-menu .depth2 .arrow-right {

    display: block;

    position: absolute;

    top: 0;

    right: 15px;

}


.mainmenu-menu .depth3 {

    position: absolute;

    left: 119px;

    top: -1px;

    background: #fff;

    display: none;


}


.mainmenu-menu .depth3 li a {

   box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);

    color: #585858;

}


.mainmenu-menu .depth3 > li:hover > a {

color:#fff;

    font-weight: bold;

}


.mainmenu-menu .depth1 > li:hover > a .arrow-up {

    position: absolute;

    left: 54px;

    bottom: -1px;

    width: 0px;

    height: 0px;

    border-left: 5px solid rgba(0, 0, 0, 0);

    border-right: 5px solid rgba(0, 0, 0, 0);

    border-bottom: 5px solid #fff;

    z-index: 12000;

}


.mainmenu-menu .depth1 > li:hover > a .arrow-up-back {

    position: absolute;

    left: 52px;

    bottom: -1px;

    width: 0;

    height: 0;

    border-left: 7px solid rgba(0, 0, 0, 0);

    border-right: 7px solid rgba(0, 0, 0, 0);

    border-bottom: 7px solid #e6e6e6;

}


/* side menu */

.lnb {position:relative; float :left; width: 100%;}

.lnb:after{content:"";display:block;clear:both}

.sidemenu-title{display:block;clear:both;width:100%; padding:12px 0 12px 0;color:#fff;font-size:18px;font-weight:600;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#162C50;background-color:rgba(40, 81, 147, .6);}

.lnb {list-style:none;}

.lnb li {display:block; cursor: pointer;width:100%; font-size:13px;font-weight:300;padding:10px 0 10px 0;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#fff;background-color:rgba(255, 255, 255, .3); }

.lnb li a{margin-left:20px; width:100%; }

.lnb li:hover {background-color:#162C50;background-color:rgba(40, 81, 147, .5);}

.lnb li:hover > a {color:#ffffff; }

.lnb li.active {background-color:#fff;background-color:rgba(255, 255, 255, .6); }

.lnb li.active:hover {background-color:#162C50;background-color:rgba(40, 81, 147, .5);}


/* contents */

.maincenter2 .maincenter-cont .title_set {display:block;list-style:none;width:100%; margin:0px 0px 12px; border-bottom:1px solid #c9c9c9; overflow:hidden; padding:0px 0;}

.maincenter2 .maincenter-cont .title_set h2{display:block;float:left; margin-top:0px; background:url(img/bul_h2.png) no-repeat 0 2px; padding-left:26px; font-size:18px; color:#3a3a3a;}

.maincenter2 .maincenter-cont .title_set ul{list-style:none;float:right; margin-top:0px;}

.maincenter2 .maincenter-cont .title_set li{float:left; color:#3a3a3a; padding-left:14px; font-size:11px; background:url(img/bul_location_arrow.png) no-repeat 1px 4px;}

.maincenter2 .maincenter-cont .title_set li:first-child {background:url(img/bul_location_home.png) no-repeat 1px 4px;}


.hblock li{display: inline-block;list-style: none;margin-right:10px;}

.hblock a{color:#706367;}

.hblock a:hover{color:#AF1D71;}

.hblock i{margin-right:4px;font-size:18px;vertical-align:sub;}

.primary-navigation .nav-menu a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 10px; } 


.footer-wrap{clear:both;max-width:1260px; margin:16px auto 16px;}

.fblock{display: inline-block;width: 33%; vertical-align:top; color:#fff; }

.fblock a{color:#70CCFE; }

.fblock a:hover{color:#AF1D71; }

.fblock-cont{width:86%;height:240px;margin:0 auto;padding:16px; background-color:#285193;background-color:rgba(40, 81, 147, .5); }

.fblock-cont-l{width:86%;height:240px;float:left;margin:0; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }

.fblock-cont-r{width:86%;height:240px;float:right;margin:0 ; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }

.fblock i{font-size:42px;float:left; margin-right:14px;}


.bottom-cont{padding:16px; color:#CCC; width:80%; margin:0 auto;}

.bottom-menu{padding: 10px; color:#a59f9f; text-align: center; vertical-align: middle;}

.bottom-menu ul li { list-style: none; display:inline; border-left: 1px solid #666; padding: 0 15px; line-height: 12px;}

.bottom-menu ul:after { content: ""; display: block; clear: both;}

.bottom-menu ul li:first-child { border-left: none; padding-left: 0;}

.bottom-menu ul li a { font-size: 12px;  color: #a59f9f; line-height: 15px;}


/* navigation */


.searchbt{background-color: #a9487c;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px; text-align: center;}

.searchbt:hover,

.searchbt.active {background-color: #a0122a;}

.searchbt i{color: #fff;font-size: 18px;margin-top: 6px;}

.searchbox {display:none;z-index:50;float:right;font-size: 12px; width:150px;height:30px;margin: 4px;}

.s4search .iText {float:right;background:#BDB0AC;top:0px; border:0px; width:110px; height:20px;padding-left: 10px;padding-right: 10px; outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;

margin-right:2px; margin-top:4px;vertical-align:top;}

.s4search .submit{float:right;margin-top:4px; width:32px !important; height:22px !important;}

.s4search .iText:focus{font-weight: 600;width: 130px;}


.allmenubt{background-color: #c05856;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px;text-align: center;clear:both;}

.allmenubt:hover,

.allmenubt.active {background-color: #a0122a;}

.allmenubt i{color: #fff;font-size: 18px;margin-top: 7px;}

.allmenu{display:none;width:100%;min-height:180px; font-size:12px; z-index:40;background-color:#474145;background-color:rgba(71, 65, 69, .7);vertical-align:top; }

.allmenu-cont{overflow:hidden;width:1260px;margin:0 auto; padding:10px 0 10px 0;}

/* 최상단 전체메뉴 (사이트맵) */

.allmenu-cont ul{text-decoration:none; list-style:none; padding:0px; margin:2px 0 0 10px;}

.allmenu-cont ul li{width:150px; margin:7px 10px;}

.allmenu-cont ul li a{color:white; font-size:14px; font-weight:bold;}

.allmenu-cont ul li li{float:left; margin:0px; margin-top:4px;margin-bottom:5px;}

.allmenu-cont ul li li:first-child{margin-top:10px;}

.allmenu-cont ul li li li:first-child{margin-top:4px;margin-bottom:5px;}

.allmenu-cont ul li li a{color:#C6B8CB; font-size:13px; font-weight:normal;}

.allmenu-cont ul li li li{margin-top:4px;margin-bottom:5px; margin-left:7px;}


.allmenu-cont .selected1{color:#F8DA8B;}

.allmenu-cont .selected2{color:#FFFFFF;}

.allmenu-cont .selected3{color:#FAB35A; text-decoration:underline;}

.allmenu-cont ul li:hover .strong{color:#E372ED;}

.allmenu-cont ul li li a:hover{color:white;}


.allmenu-cont ul li a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 5px; }

.allmenu-cont ul li li a:before { content: "\f06c"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }

.allmenu-cont ul li li li a:before { content: "\f141"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }


/* Modal Login*/


#lean_overlay {

    position: fixed;

    z-index: 100;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    background: #000;

    display: none;

}


#im_modal_login {

    width: 300px;

    padding: 20px 20px 20px 20px;

    background: #A56170;

    box-shadow: 0px 0px 20px rgba(0,0,0,0.6);

    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);

    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);

    display: none;

    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;

    position: relative;

}


#im_modal_login .loginWindow_header {

    margin-bottom: 18px;

}


#im_modal_login .loginWindow {

    width: 300px;

}


#im_modal_login .loginWindow dl dt {

    font-size: 14px;

    color: #fff;

    margin-bottom: 10px;

    line-height: 10px;

}


#im_modal_login .loginWindow #uid, .loginWindow #upw {

    width: 270px;

    height: 38px;

    line-height: 38px;

    font-size: 18px;

    padding: 0 15px 0 15px;

    margin-bottom: 25px;

    color: #444;

    font-weight: bold;

    font-family: arial, dotum, gulim, sans-serif;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border: none;

}


#im_modal_login .loginWindow .keep_text {

    font-size: 14px;

    color: #fff;

    display: inline-block;

    padding-top: 2px;

    float: left;

    margin-left: 10px;

    margin-bottom: 20px;

}


#im_modal_login .loginWindow .keepWrap:after {

    content: "";

    display: block;

    clear: both;

}


#im_modal_login .loginWindow .keep {

    width: 21px;

    height: 21px;

    position: relative;

    float: left;

}


#im_modal_login .loginWindow .keep label {

    cursor: pointer;

    position: absolute;

    width: 20px;

    height: 20px;

    top: 0;

    left: 0;

    background: #eee;

    border: 1px solid #ddd;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

}


#im_modal_login .loginWindow .keep label:after {

    opacity: 0.2;

    content: '';

    position: absolute;

    width: 7px;

    height: 4px;

    background: transparent;

    top: 5px;

    left: 5px;

    border: 3px solid #A56170;

    border-top: none;

    border-right: none;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}


#im_modal_login .loginWindow .keep label:hover::after {

    opacity: 1;

}


#im_modal_login .loginWindow .keep input[type=checkbox]:checked + label:after {

    opacity: 1;

}


#im_modal_login .loginWindow .submit_btn a {

    display: inline-block;

    width: 270px;

    height: 38px;

    line-height: 38px;

    font-size: 16px;

    padding: 0 15px 0 15px;

    background-color: #4B3645;

    color: #fff;

    text-decoration: none;

    text-align: center;

}


#im_modal_login .loginWindow .login_menu ul {

    text-align: center;

    margin-top: 25px;

}


#im_modal_login .loginWindow .login_menu ul li {

    display: inline-block;

    padding: 0 10px;

    border-left: 1px solid #fff;

    list-style: none;

    line-height: 14px;

}


#im_modal_login .loginWindow .login_menu ul li:first-child {

    border-left: none;

}


#im_modal_login .loginWindow .login_menu ul li a {

    color: #fff;

    font-size: 14px;

    text-decoration: none;

    line-height: 14px;

}


#im_modal_login .loginWindow .login_menu ul li a:hover, #im_modal_login .loginWindow .login_menu ul li a:focus {

    text-decoration: underline;

}


#im_modal_login .close_loginWindow {

    position: absolute;

    right: 25px;

    top: 25px;

}


#im_modal_login .modal_close {

    font-size: 26px;

    color: #fff;

}


.im_hidden {

    display: none;

    text-indent: -9999px;

    font-size: 0;

    line-height: 0;

    width: 0;

    height: 0;

    overflow: hidden;

}



@media screen and (max-width: 400px) {


.mainmenu-wrap{width:100%;}

.logo-h{width:100%;}

.hblock{width:100%;display:block; text-align:center;}

.mainmenu-menu {display:none;}

.maincenter {width:100%;}


.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px 0;padding:0;}


.maincenter-cont{border-right:none;float:left;}


.mainside{width:100%;padding:0;margin:0;}

.slide-h{width:100%;}

.mainmenu-etc {margin-top:0px;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}

.allmenu-cont ul li{float:none;width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}


.fblock{width: 100%;}

.fblock-cont{width:90%;margin:0 auto 15px;}

.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}

.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}

}

@media screen and (min-width: 401px) {

body {background-image:url(img/bckg_small.jpg);background-repeat:repeat;background-attachment:fixed;background-position:top;}

.mainmenu-wrap{width:100%;}

.logo-h{width:100%; }

.hblock{width:100%;display:block; text-align:center;}

.mainmenu-menu {display:none;}

.maincenter {width:100%;}

.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}


.slide-h{width:100%;}

.mainmenu-etc {margin-top:0px;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}

.allmenu-cont ul li{float:none;width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}

.maincenter-cont{border-right:none;float:left;}

.mainside{width:100%;padding:0;margin:0;}

.fblock{width: 100%;}

.fblock-cont{width:90%;margin:0 auto 15px;}

.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}

.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}

}

@media screen and (min-width: 594px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.logo-h{width:100%; }

.hblock{width:100%;display:block; text-align:center;}


.maincenter {width:100%;}

.mainside {width:100%;}

.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}


.mainmenu-menu {display:none;}

.slide-h{width:100%;}

.mainmenu-etc {margin-top:0px;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}

.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}

.maincenter-cont{border-right:none;float:left;}

.mainside{width:100%;padding:0;margin:0;}

.fblock{width: 100%;}

.fblock-cont{width:90%;margin:0 auto 15px;}

.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}

.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}

}

@media screen and (min-width: 673px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.logo-h{width:100%; }

.hblock{width:100%;display:block; text-align:center;}

.maincenter {width: 100%;  voice-family : "\"}\""; voice-family : inherit; width: -webkit-calc(100% - 283px);width:calc(100% - 283px);}

.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}

.mainmenu-menu {display:none;}

.slide-h{width:100%;}

.mainmenu-etc {margin-top:0px;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{display:block; margin:2px 0 5px 30px;}

.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}

.maincenter-cont{border-right:none;float:left;}

.mainside{width:100%;padding:0;margin:0;}

.fblock{width: 100%;}

.fblock-cont{width:90%;margin:0 auto 15px;}

.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}

.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}

}

@media screen and (min-width: 783px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.logo-h{width:100%; }

.hblock{width:100%;display:block; text-align:center;}

.mainmenu-menu {display:none;}

.mainmenu-etc {margin-top:0px;}

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{display:block; margin:2px 0 5px 50px;}

.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}

.maincenter-cont{

margin:0;padding:10px;

border-right:1px solid #CCC;

width:976px;

voice-family : "\"}\""; 

voice-family : inherit; 

width: -webkit-calc(100% - 284px);

width:calc(100% - 284px);

float:left;}

.mainside2{position:relative; float:left;width:248px;voice-family : "\"}\"";voice-family :inherit; width:240px;height:100%;min-height:650px;margin:0;padding:10px;}

.mainside{width:240px;padding:10px 10px 10px 10px;}

.fblock{width: 33%;}

.fblock-cont{width:86%;margin:0 auto;}

.fblock-cont-l{width:86%;float:left;}

.fblock-cont-r{width:86%;float:right;}

}






@media screen and (min-width: 846px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.mainmenu-menu {display:inherit;}

.mainmenu-etc {margin-top:-38px;}

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.allmenu-cont ul{text-decoration:none; list-style:none; padding:0px; margin:2px 0 0 2px;}

.allmenu-cont ul li{float:left; min-width:100px; max-width:150px; margin:5px 20;border-bottom:none;}


}

@media screen and (min-width: 1008px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.mainmenu-etc {margin-top:-38px;}

}

@media screen and (min-width: 1040px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.mainmenu-etc {margin-top:-38px;}

}

@media screen and (min-width: 1080px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.mainmenu-etc {margin-top:-38px;}

}

@media screen and (min-width: 1110px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.slide-h{width:100%;}

.allmenu-cont{width:100%;}

.mainmenu-etc {margin-top:-38px;}

}

@media screen and (min-width: 1218px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:100%;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:100%; }

.slide-h{width:100%;}

.mainmenu-etc {margin-top:-38px;}

.allmenu-cont{width:100%;}

}

@media screen and (min-width: 1260px) {

body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}

.mainmenu-wrap{width:1260px;}

.hblock{width:33%;display:inline-block;text-align:left;}

.logo-h{width:1260px;}

.slide-h{width:1260px;}

.mainmenu-etc {margin-top:-38px;}

.allmenu-cont{width:1260px;}

}

@media screen and (max-width: 1270px) {

.maincenter-cont>div{width:100%!important;}

}


이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
hello123 설치형 웹호스팅에서 관리자 페이지의 에러가 많아요. [4] 2015.01.03 by 시니시즘
XESTUDIO css 도움좀 요청합니다. [3] 2015.01.03 by 시니시즘
newi 지도 크기 수정 문의 [3] 2015.01.03 by 시니시즘
azby 도움이 아주 절실합니다 ㅠㅠ file  
SUHONE 댓글이 없을때 0 으로 표시해주기! [2] 2015.01.03 by SUHONE
천봉산 제로보드 4를 가지고 있음 [1] 2015.01.03 by Double'U'
EntryPoint XE 로그인 인증 관련 파일 경로  
azby 설치오류 ㅠ [1] 2015.01.03 by azby
성실열정맨 xe 설치오류 사용권 동의에서 다음 누르면 다시 설치 언어선택 [3] file 2015.01.03 by 꾸링
SUHONE XE Content 위젯 모바일에서 제대로 안보이네요.  
gamsa365tv방송 오류 수정방법좀 알려주세요  
홍찬 포인트 복권 스킨수정 file  
꾸링 1.7.8 admin 계정만 로그인이 안됩니다. [5] 2015.01.02 by 꾸링
이온디 위젯 스킨 제작 중입니다. 그런데 제이쿼리가 적용이 잘 안되네요.(2) [3] 2015.01.02 by 이온디
얼굴만베컴 컨텐츠 위젯 [2] 2015.01.02 by 몽실아빠
한률부 ftp로 xe 폴더 올린후 접속해 보면 다음과 같은 오류가 납니다. [1] file 2015.01.02 by 비상9
선넷 s4uNextep 레이아웃을 쓰고 있는데요 메인 메뉴를 가운데로 [3] 2023.11.17 by 선넷
hello123 묻고답하기 게시판의" 제목 및 내용작성법" 공유해 주세요 [3] 2015.01.02 by hello123
SUHONE 게시판 설정 - 분류 항목이 보이질 않습니다. [1] 2015.01.02 by SUHONE
CEO송선생 글쓰기 이후 게시물로 이동이 안됩니다. [3] 2015.01.02 by CEO송선생
세컨커밍 게시판에서 지워진 게시물 또는 첨부물을 찾는 방법이 있나요? [2] 2023.11.17 by 세컨커밍
푹쉬 아래 질문했는데....답글기능 구현 다시 질문 드려요..^^ file  
나의해 레이아웃,위젯 질문 드립니다.. [1] file 2023.11.17 by bluedream
문성환769 게시판 관리자 분류 항목에서 분류 내용이 보이지 않아요. 도움 부탁드립니다. [1] 2015.01.02 by SUHONE
나의해 Q. 게시물 하단 댓글쓰기 창 보이지 않게 하고 싶습니다 [2] 2015.01.02 by 나의해
키스미베이베 분류관리에 나오는 캐시파일들이 저장되는 폴더는 어디인가요?? [2] 2015.01.02 by SUHONE
푹쉬 게시판 답글기능 [2] 2015.01.02 by 푹쉬
꿈엔들 고수님들의 자문을 구합니다. xe 프로그램의 메카니즘에 해당 되는 부분이라서... [3] file 2015.01.02 by 꿈엔들
박순천 게시판 SNS 전송시 오류 [6] file 2015.01.02 by Magaery
Neul푸른 모바일접속시 화면이... [9] file 2015.01.02 by 키스투엑스이
태그 쓰기