묻고답하기

  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 남기남
thdwjdtjr 로그인시 이메일로 하는 것을 아이디로 변경 방법 [1] 2015.08.12 by DoorWeb
OEZ 자료실 resource 모듈 다운로드 카운트 변형질문!! [2] 2015.08.12 by OEZ
초보해외유저 사용자 정의 부분을 입맛에 맛도록 어찌 할까요? [4] 2015.08.12 by 초보해외유저
OndineJ 댓글 자동저장 기능을 없애고 싶습니다.  
사랑해요XE 이 랜덤 스크립트를 랜덤으로 뿌려주려면 어떻게 해야하나요?  
chips14 contact 게시판에서 글쓰기 오류가 납니다. [3] 2015.08.12 by 로이조52
푸푸맘 기본 글꼴 돋움으로 지정하는 방법  
낮에 쿡래빗 레이아웃 Creation Tool을 쓰는데요.. [2] 2015.08.11 by 낮에
쩡님아야 글쓰기 이후 데이타 처리에 관한 문의  
제이니스 [재질문] 답변좀 주세요~ 코어업데이트 에러요~~ [1] 2015.08.11 by 로이조52
눈물_ 코어를 건드리지 않고 제목 + 확장변수를 검색할수 있을까요? [1] 2015.08.11 by sejin7940
낮에 레이아웃을 다운받고 설정을 하는데 왜 적용이 안될까요.. [2] 2015.08.11 by 낮에
왕초보초보 스킨 적용후 관리자 로그인이 안됩니다. 도와주세요  
동동 쓰기 버튼에 대해서 [2] 2015.08.11 by 주문365닷컴
비누남어 폰트어썸 (font awsome) 아이콘이 페이지 편집 모드에서 사라지는 이유? [2] 2015.08.11 by 비누남어
아쿠아d3033 첨부이미지 클릭시 뜨는 팝업창 닫기. [2] 2015.08.11 by 아쿠아d3033
KOTRA1 코드 수정 질문드려요!!  
오늘은삽질왕 초보입니다. 컨텐츠위젯 링크 질문있습니다. file  
레몬시 '사이트 메뉴 편집'에 관한 오류 입니다. [2] file 2015.08.11 by 레몬시
newi 스킨 일괄 설정은 가능한가요 ? [1] 2015.08.11 by 참치.k
태그 쓰기