0 Replies - 501 Views - Last Post: 11 August 2014 - 01:36 AM

#1 kimminho25  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 8
  • Joined: 15-July 14

Making My Site Mobile Friendly

Posted 11 August 2014 - 01:36 AM

I'm sorry I'm creating another topic again. I already reported that one to the mod and asked it to be closed. This one is different from my previous post so I'm creating a new one. Again, please forgive me for my consecutive posts.

My problem now is when the resolution becomes smaller, it messes up my Main Menu. But when the resolution becomes smaller on the original site, nothing happens. Here's a comparison between the two: http://imgbox.com/MDjxXIn9

It also looks weird if you view it on a mobile phone. Here's a view using my iPhone: http://imgbox.com/9kGf78SC

Here is my site: http://kimminho24.dothome.co.kr/

Here is the original site: http://waups.org/main/main_new.php

I'm not sure what to do now so I hope someone can guide me through the process.

Here are the CSS files that I'm currently using:

Style.css

@charset "euc-kr";

/* Tag Architecture */
html{overflow-y:scroll}
body{position:relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, input, button{margin:0;padding:0}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-size:12px;font-family:'Arial','Tahoma',Sans-serif;color:#444;font-style:normal;font-weight:normal}
a{color:#444}
a{color:inherit;text-decoration:none}
a:active{text-decoration:none}
a:focus{text-decoration:none}
a:hover{color:#000;text-decoration:underline}
img, fieldset, iframe{border:0 none}
li{list-style:none}
input, select, button{vertical-align:middle}
img{vertical-align:top}
button{background:none;border:0 none;cursor:pointer}
cite, em, address{font-style:normal}
em{font-weight:bold}
hr{display:none}
legend{position:relative;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0} /* For Screen Reader */
label{display:inline-block;position:relative;cursor:pointer}
textarea{overflow-x:hidden;overflow-y:auto}
table{border-spacing:0;border-collapse:collapse}
table tr th, table caption{font-weight:bold}
/* The Grid */
.col:after,
.clr:after,
.group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.col { display: block; float: left; margin: 0 0 2% 1.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*percent grid*/
.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}
/*clear float and remove left margin*/
.clr-margin { margin-left: 0 }
.count-1 { clear: both; margin-left: 0; }
.col-1,
.col.first { clear: both; margin-left: 0; }
/* Body & Main */
.container { margin: 0 auto; width: 1000px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Typography
==================================================*/
p { margin: 0 0 20px }
h1 a, h2 a, h3 a, h4 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #02aace; text-decoration: none; }
p.lead { color: #777; font-size: 21px; line-height: 27px; }
em { font-style: italic }
strong { /*font-weight: 600;*/ color: #000; }
small { font-size: 80% }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 40px 0; }
a { outline: 0; }
/* Header
================================================== */
/*header*/
#header { text-align: left; padding: 20px 0; position: relative; background: url(http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/top.png) repeat-x left top;}
#header-wrap {margin: 0 auto;}
/*logo*/
#logo img { display: block; max-width: 100%; }
#logo a { color: #000; font-size: 32px; text-decoration: none; }
#logo {width: 1000px; margin: 0 auto;}
/*search*/
#header-search { position: absolute; top: 50%; margin-top: -20px; right: 0; height: 40px; width: 240px; }
#header-search input { height: 30px; line-height: 30px; width: 90%; font-size: 12px; border: none; background: #eee; }
/* Main Navigation
================================================== */
.sf-menu,
.sf-menu * { list-style: none; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-menu { margin: 0 auto; padding: 8px 0 0 135px; position: absolute;}
.sf-menu ul { min-width: 160px; *width: 160px; }
.sf-menu a { zoom: 1 }
.sf-menu li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
.sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu li.sfHover > .sf-mega { display: block }
/*styling*/
#site-navigation-wrap { background: url(http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bot.png) repeat-x left top; height: 44px; width: 100%;}
#site-navigation .dropdown-menu li { display: block; float: left; /*height: 55px;*/ line-height: 20px;}
#site-navigation .dropdown-menu a { color: #fff; font-weight: 400; text-decoration: none; text-align: center; cursor: pointer;}
/*drop-down styles*/
#site-navigation .dropdown-menu ul { background: #000; background: rgba(0,0,0,0.90); font-size: 12px; }
#site-navigation .dropdown-menu ul a { display: block; height: auto; line-height: 1.7em; padding: 10px 20px; margin: 0px; border: 0px; text-transform: none; }
#site-navigation .dropdown-menu ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4em; height: auto; float: none; display: block; }
/*#site-navigation .dropdown-menu ul li > a:hover { color: #fff }*/
#site-navigation .dropdown-menu ul li:last-child { border: none; }
.menu-main-menu{margin: 0 auto; width: 100%; float:left;}
/* Sidebar
================================================== */
.sidebar-container .sidebar-widget { margin-bottom: 40px; }
.sidebar-container .sidebar-widget > ul > li { border-bottom: 1px solid #eee; }
.sidebar-container .sidebar-widget > ul > li:first-child { border-top: 1px solid #eee; }
.sidebar-container .sidebar-widget .widget-title { font-size: 14px; margin: 0 0 20px; font-weight: 600; }
/* Widgets
================================================== */
.sidebar-container select { width: 100%; }
/*calendar widget*/
#wp-calendar { width: 100%; font-size: 11px; }
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; }
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; }
#wp-calendar tbody td a,
#wp-calendar tbody td a:hover { color: #02aace; text-decoration: underline; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px; }
#wp-calendar caption { cursor: pointer; font-size: 12px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #02aace; color: #fff; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 2px 0; color: #a7a7a7; }
#wp-calendar tfoot td#next { text-align: right; }
#footer #wp-calendar thead th { background: #232323 }
#footer #wp-calendar thead th,
#footer #wp-calendar tbody td { border-color: #333 }
/* Posts
================================================== */
.loop-entry { border-bottom: 1px solid #eee; margin-bottom: 40px; padding-bottom: 40px; }
.loop-entry.post-entry p:last-child { margin: 0 }
.loop-entry-title{ font-size: 24px; font-weight: 400; margin: 0 0 10px; }
.loop-entry-thumbnail,
.post-thumbnail { margin-bottom: 30px; }
.loop-entry-thumbnail img{ box-shadow: #000 0em 0em 0em; nowhitespace: afterproperty; }
.loop-entry-thumbnail img:hover { opacity: 0.8; }
.post-video { margin-bottom: 30px; }
.entry-footer { margin-top: 40px; }
.entry-footer a { float: right; display: block; border: 2px solid #ddd; padding: 2px 14px; color: #aaa; font-size: 0.85em; text-transform: uppercase; letter-spacing: 1px }
.entry-footer a:hover { color: #000; border-color: #000; text-decoration: none; }
.author-info { margin-top: 40px; }
.author-info .author-info-inner { position: relative; padding-left: 100px; }
.author-info .author-avatar { position: absolute; left: 0; top: 0; }
.author-info .author-avatar img { border-radius: 2px; }
/* Search
================================================== */
.search-entry { position: relative; padding-left: 180px; min-height: 150px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.search-entry-thumbnail { position: absolute; left: 0; top: 0; width: 150px; }
.search-entry-thumbnail img { width: 100%; }
.search-entry-thumbnail a:hover img { opacity: 0.8; }
.search-entry-title { margin: 0 0 15px; }
.search-entry.no-featured-image { padding-left: 0; }
/* Homepage
================================================== */
#homepage-slider-wrap { margin: -40px -30px 0; }
#homepage-content,
#homepage-features,
#homepage-portfolio { margin-top: 30px; }
#homepage-content p:last-child { margin: 0; }
#homepage-content { padding: 30px; background: #f4f4f4; border-radius: 4px; font-size: 1.3em; text-align: center; color: #000; }
/* Portfolio
================================================== */
/*main*/
#portfolio-wrap { position: relative }
#portfolio-wrap ul { margin: 0px; list-style: none; }
#portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e6e6e6; }
#portfolio-description p:last-child,
.portfolio-description p { margin: 0 }
/*portfolio entry*/
.portfolio-entry.grid-2 { margin-bottom: 60px }
.portfolio-entry.grid-3 { margin-bottom: 40px }
.portfolio-entry.grid-4 { margin-bottom: 40px }
.portfolio-entry img { display: block; }
.portfolio-entry a { text-decoration: none }
.portfolio-entry a:hover { text-decoration: none }
.portfolio-entry-content { margin-top: 20px }
.portfolio-entry-heading h3 { margin: 0 0 10px }
.portfolio-entry .overlayparent { position: relative; display: block; }
.portfolio-entry .overlay { visibility: hidden; opacity: 0; position: absolute; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #000; transition: all 0.1s ease-in-out; }
.portfolio-entry .overlayparent:hover .overlay { visibility: visible; opacity: 0.75; }
.portfolio-entry .overlay h3 { color: #fff; margin: 30px 30px 0; font-weight: 400; }
.single-portfolio .post-slider-wrap,
.single-portfolio .post-video { margin: -40px -30px 30px; }
/* Staff
================================================== */
.staff-entry-title { font-size: 18px; font-weight: 400; margin: 0 0 15px; }
/* Forms / Inputs / Buttons
================================================== */
/*inputs*/
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="tel"] { }input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="tel"]:focus,textarea:focus { color: #676767; outline: none; }
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="tel"],
textarea { -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; background: transparent; border: 2px solid #ededed; box-sizing: border-box; color: #606060; display: block; font-size: 1em; margin: 0; max-width: 100%; padding: 10px 14px; }
textarea { width: 100%; }
button,
input[type="button"],
input[type="submit"] { -webkit-appearance: none; background: #02aace; border: transparent; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 600; outline: none; padding: 0 25px; height: 40px; line-height: 40px; position: relative; }
.entry input[type="submit"] { margin-top: 10px; }
button:active,
input[type="button"]:active,
input[type="submit"]:active { }
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #000 }
a.view-all { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #EEEEEE; border-radius: 3px; padding: 8px 20px; text-align: center; width: 100%; color: #808080; }
/* Search
================================================== */
input[type="search"] { -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; background: #fff; border: none; border-radius: 0; box-sizing: border-box; color: #666;font-size: 0.813em; outline: none; padding: 10px 14px; width: 100%; border: 1px solid #ddd; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
input[type="search"]::-webkit-search-decoration { display: none }
/* Footer
================================================== */
#footer-wrap { background: #000; margin: 0px -30px 0; padding: 0 30px 0 30px; overflow: hidden; }
#footer-wrap input[type="text"],
#footer-wrap input[type="search"] { border:  none; }
#footer-wrap select { width: 100%; }
#footer-wrap a { color: #bbb; }
#footer-wrap a:hover { color: #02aace; text-decoration: none; }
#footer-widgets .widget-title { color:  #fff; font-size: 16px; margin: 0 0 15px; font-weight: 400; }
.footer-widget { margin-bottom: 40px }
#footer-widgets .span_1_of_3.col-1 { padding-right: 10px; }
#footer-widgets .span_1_of_3.col-2 { padding-left: 5px; padding-right: 5px; }
#footer-widgets .span_1_of_3.col-3 { padding-left: 10px; }
.footer-widget > ul > li { border-bottom: 1px solid #333; border-bottom-color: rgba(255,255,255,0.14); }
.footer-widget > ul > li:first-child { border-top: 1px solid #333; border-top-color: rgba(255,255,255,0.14); }
#footer-widgets .widget_nav_menu ul > li { border-bottom: 1px solid #333; border-bottom-color: rgba(255,255,255,0.14); }
#footer-widgets .widget_nav_menu ul > li:first-child { border-top: 1px solid #333; border-top-color: rgba(255,255,255,0.14); }
#footer-widgets .widget_nav_menu ul > li li a:before { content: "-"; padding: 0 10px; color: #555; }
#footer-widgets .widget_nav_menu ul > li.menu-item-has-children{ border-bottom: none; }
#copyright-wrap { background-color:#454162; background:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bg_footer.jpg') repeat-x left top; margin: 0 auto; padding: 20px 30px; color: #666;}
#copyright-wrap a:hover{ color: #fff; }
#copyright{width:1000px; margin: 0 auto;}
/* 404 Page
================================================== */
#error-page { text-align: center; margin-top: 60px; }
#error-page-title { border: none; font-size: 7.5em; line-height: 1em; margin: 0 0 30px; }
#error-page-title span { margin-right: 7px }
#error-page-text { font-size: 1.15em; }
/* WordPress Styles
================================================== */
/*text style*/
.center { text-align: center }
.blind{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.caption{width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;text-indent:-9999999999999px}
.bold{font-weight:bold}
.color{color:#68407f}
#wrapper {background:#fff;}
/*hide responsive elements
================================================== */
#navigation-toggle,
.sidr,
#sidr-close { display: none }
/* Container */
#container{background-color:#f8eefd; margin: 0 auto;}
#container .inner{width:100%;height:100%;}
#container .inner div.cont_section{float:left;width:739px}
#container .inner div.cont_section div.visual_cont{width:739px;height:305px;background:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bg_visual_cont.jpg') no-repeat left top;padding:40px 0 0 0;overflow:hidden}
#container .inner div.visual_cont div.popular{display:inline;float:left;width:354px;height:284px;margin:0 30px}
#container .inner div.visual_cont div.popular h2{margin:0 0 10px 0}
#container .inner div.visual_cont div.popular div.video{position:relative;height:256px;border-bottom:1px solid #404040}
#container .inner div.visual_cont div.popular div.video p.image img{width:354px;height:256px}
#container .inner div.visual_cont div.popular div.video dl{position:absolute;bottom:0;left:0;width:100%;height:47px;text-indent:20px;padding:10px 0 0 0;background:url('../images/new/bg_video.png') repeat left top}
#container .inner div.visual_cont div.popular div.video dl dt a{color:#bd96d4;font-weight:bold}
#container .inner div.visual_cont div.popular div.video dl dd{color:#fff;padding:6px 0 0 0}
#container .inner div.visual_cont div.popular div.video p.play{position:absolute;top:50%;left:50%;margin:-26px 0 0 -30px}
#container .inner div.visual_cont div.congress{display:inline;float:left;width:264px;height:280px;margin:0 30px}
#container .inner div.visual_cont div.congress h2{margin:0 0 10px 0}
#container .inner div.cont_section div.new_video{position:relative;width:739px;height:321px;padding:40px 0 0 0;background:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bg_new_video.jpg') no-repeat left top;margin-top:15px}
#container .inner div.cont_section div.new_video h2{margin:0 0 10px 0;padding:0 0 0 30px}
#container .inner div.cont_section div.new_video div.video{display:inline;position:relative;float:left;margin:10px 10px 15px 30px;width:320px}
#container .inner div.cont_section div.new_video div.video p.image{float:left;width:165px;height:110px}
#container .inner div.cont_section div.new_video div.video p.image img{width:165px;height:110px}
#container .inner div.cont_section div.new_video div.video dl{float:left;width:142px;padding:5px 0 0 13px}
#container .inner div.cont_section div.new_video div.video dl dt a{color:#643c7a;font-weight:bold}
#container .inner div.cont_section div.new_video div.video dl dd{color:#737373;padding:8px 0 0 0; line-height:110%;}
#container .inner div.cont_section div.new_video div.video p.play{width:165px;height:73px;position:absolute;top:0;left:0;text-align:center;padding:37px 0 0 0}
#container .inner div.cont_section div.new_video p.more{position:absolute;top:40px;right:33px}
#container .inner div.cont_section div.new_video p.more a{padding:0 0 0 9px;background:url('../images/new/bg_more.jpg') no-repeat left 3px;font-size:0.94em}
#container .inner div.cont_section div.new_photos{position:relative;width:709px;height:310px;margin:15px 0 0 0;padding:20px 0 0 30px;background:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bg_new_photos.jpg') no-repeat left top}
#container .inner div.cont_section div.new_photos h2{margin:0 0 18px 0}
#container .inner div.cont_section div.new_photos div.photos{float:left;width:215px;margin:0 0 0 17px;text-align:center}
#container .inner div.cont_section div.new_photos div.photos.none{margin:0}
#container .inner div.cont_section div.new_photos div.photos p.image img{width:215px;height:162px}
#container .inner div.cont_section div.new_photos div.photos dl{padding:18px 0 0 0}
#container .inner div.cont_section div.new_photos div.photos dl dt a{color:#643c7a;font-weight:bold}
#container .inner div.cont_section div.new_photos div.photos dl dd{color:#737373}
#container .inner div.cont_section div.new_photos p.more{position:absolute;top:40px;right:33px}
#container .inner div.cont_section div.new_photos p.more a{padding:0 0 0 9px;background:url('../images/new/bg_more.jpg') no-repeat left 3px;font-size:0.94em}
#container .inner div.cont_section div.whats_news{width:709px;height:176px;margin:15px 0 0 0;padding:20px 0 10px 30px;background:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/bg_whats_news.jpg') no-repeat left top}
#container .inner div.cont_section div.whats_news div.news{float:left;margin:15px 0 0 0;width:340px;height:33px}
#container .inner div.cont_section div.whats_news div.news p.image{float:left;margin:5px 0 0 0;width:20px}
#container .inner div.cont_section div.whats_news div.news dl{float:left;padding:0 0 0 12px}
#container .inner div.cont_section div.whats_news div.news dl dt a{color:#643c7a;font-weight:bold}
#container .inner div.cont_section div.whats_news div.news dl dd{color:#737373;padding:5px 0 0 0}
#container .inner div.banner_section{float:right;}
#container .inner div.banner_section div.contact{padding:18px 0 0 0}
#container .inner div.banner_section div.contact h3{margin:0 0 11px 0}
#container .inner div.banner_section div.contact div.sns{width:230px;height:80px;border-bottom:1px solid;border-right:1px solid;border-color:#d4cbd8;background-color:#fff;padding:18px 0 0 20px}
#container .inner div.banner_section div.sponsor{position:relative;margin:23px 0 0 0}
#container .inner div.banner_section div.sponsor p{top:0;right:0}
#container .inner div.banner_section div.sponsor p a{font-family:'Verdana';font-size:11px}
#container .inner div.banner_section div.sponsor div.banner{width:234px;height:688px;border-bottom:1px solid;border-right:1px solid;border-color:#d4cbd8;background-color:#fff;padding:23px 0 0 16px}
#container .inner div.banner_section div.sponsor div.banner ul li{display:block;width:215px;height:155px;border:1px solid #d0d0d0;margin:0 0 12px 0}
#container .inner div.banner_section div.banner{margin:12px 0 0 0;width:234px;height:335px;border-bottom:1px solid;border-right:1px solid;border-color:#d4cbd8;background-color:#fff;padding:23px 0 0 16px}
#container .inner div.banner_section div.banner ul li{margin:0 0 31px 0}
/*Footer*/
#footer{background-color:#454162;}
#footer .inner{width:1004px;padding:10px 0;height:530px;}
#footer .inner div.sitemap{display:inline;float:left;width:180px;margin:0 32px}
#footer .inner div.sitemap h3{float:left;width:100%;margin:25px 0 0 0;padding:0 0 6px 0;border-bottom:1px solid #fff}
#footer .inner div.sitemap ul li{float:left;width:100%;margin:10px 0 0 0}
#footer .inner div.sitemap ul li ul li{margin:9px 0 0 0;padding:0 0 0 16px}
#copyright-wrap .inner p.logo{float:left;}
#copyright-wrap .inner address{float: right;color:#c5c4cd;line-height:160%}
#copyright-wrap .inner p.count{top:462px;right:30px;color:#c5c4cd;line-height:160%}
#copyright-wrap { display: none; }
.home #copyright-wrap { display: block; }
#footer { display: none; }
/*Custom Edits*/
#menu-item-45 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_introduction.png'); background-repeat: no-repeat; text-indent: -9000px; width: 92px;}
#menu-item-44 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_video.png'); background-repeat: no-repeat; text-indent: -9000px; width: 54px;}
#menu-item-43 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_photos.png'); background-repeat: no-repeat; text-indent: -9000px; width: 55px;}
#menu-item-42 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_articles.png'); background-repeat: no-repeat; text-indent: -9000px; width: 60px;}
#menu-item-41 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_qna.png'); background-repeat: no-repeat; text-indent: -9000px; width: 47px;}
#menu-item-40 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_board.png'); background-repeat: no-repeat; text-indent: -9000px; width: 48px;}
#menu-item-39 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_hands_on_course.png'); background-repeat: no-repeat; text-indent: -9000px; width: 133px;}
#menu-item-38 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_waups_fellowship.png'); background-repeat: no-repeat; text-indent: -9000px; width: 140px;}
#menu-item-37 a {display: block; margin: 0 0 0 30px; background-image:url('http://kimminho24.dothome.co.kr/wp-content/uploads/2014/07/lnb_lecture.png'); background-repeat: no-repeat; text-indent: -9000px; width: 58px;}

/* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
================================================== */
@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.3');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}


Style2.css

body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f4f4f4;	
	color:#666666;
}

td,br,p,input,div,layer,select,textarea
{
	font-size: 12px;
	font-family: "Verdana";
	line-height: 22px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/main_bg.gif);
}
form {margin: 0;}
img {border:0;}

a:link {  color: #c00000; text-decoration: none}
a:visited {  color: #c00000; text-decoration: none}
a:active {  color: #c00000; text-decoration: none}
a:hover {  color: #c00000; text-decoration: underline}

.box { font: 12px "verdana";  border:#D6D6D6 1px solid;padding:0 0 0 4;}
.onInput3 { font: 12px "verdana";  border:1px solid #007fc1; padding:0 0 0 4;}
.offInput3 { font: 12px "verdana";  border:1px solid #D6D6D6; padding:0 0 0 4;}

.style1 {font-size: 11px}
.style2 {
	color: #0066cc;
	font-weight: bold;
	font-size: 14px;
}
.style3 {
	font-size: 12px;
	font-weight: bold;
	color: #b70309;
}
.style31 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.style4 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.style41 {
	font-size: 20px;
	font-weight: bold;
	color: #b00000;
}
.style42 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.white-small {
	font-size: 10px;
	/*font-weight: bold;*/
	color: #ffffff;
}

.black-small {
	font-size: 10px;
	/*font-weight: bold;*/
	color: #333333;
}

.style14 {color: #d90001; font-weight: bold; font-size: 12px; 
}
.style001 {
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
}
.style002 {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
}
.notice {font-size: 11px; color: #666666}
.notice a:link {font-size: 11px; color: #666666; text-decoration: none}
.notice a:visited {font-size: 11px; color: #666666; text-decoration: none}
.notice a:active {font-size: 11px; color: #666666; text-decoration: none}
.notice a:hover {font-size: 11px; color: #000000; text-decoration: underline}
.noticeDate {  font-size: 11px; color: #999999}

.loc {font-family: "tahoma"; font-size: 11px; line-height: 16px; color: #666666}
.loc a:link {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:visited {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:active {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:hover {font-family: "tahoma"; font-size: 11px; color: #000000; text-decoration: underline}

.line14 {  line-height: 14px}
.line15 {  line-height: 15px}
.line16 {  line-height: 16px}
.line17 {  line-height: 17px}
.line19 {  line-height: 19px}

.txt666666_b {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:link {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:visited  {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:active {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:hover {	font-weight: bold; color: #000000; text-decoration: none}

.txt000000 {	color: #000000;}
.txtred {	color: #ff0000;}
.txt6974D0 {
	color: #6974D0;
}
.login {
	height: 20px;
	width: 120px;
	border: 1px solid #CCCCCC;
}

.text1 {
	BORDER-RIGHT: #d7d7d7 1px solid; BORDER-TOP: #d7d7d7 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BORDER-LEFT: #d7d7d7 1px solid; COLOR: #666666; BORDER-BOTTOM: #d7d7d7 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #fafafa
}



.blue-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #06F;
}

.black-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.purple-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #6c2494;
}

.green-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #090;
}


.green-bold2 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #87c53e;
}

.red-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.orange-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #F60;
}
.orange-bold2 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #f27920;
}
.orange-bold3 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #e04f00;
}
.dark-blue-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #036;
}

.gray-blue-bold {
	font-family: "Verdana";
	font-size: 13px;
	font-weight: bold;
	color: #007099;
}







.menu_on {
	/*font-family: "tahoma";*/
	font-family: "Verdana";
	font-size: 11px;
	font-weight: bold;
	color: #b00000;
}

.menu_off {
	/*font-family: "tahoma";*/
	font-family: "Verdana";
	font-size: 11px;
	/*font-weight: bold;*/
	color: #333333;
}

.menu_line {
border-bottom-width:1px; 
border-bottom-color:#d0d0d0; 
border-bottom-style:dotted;
}



.gray_blue_11 {
	color: #007099;
	/*font-weight: bold;*/
	font-size: 11px;
}




.td_border_top {
border-top-width:3px; 
border-top-color:#666666; 
border-top-style:solid;
/*border-bottom-width:1px; 
border-bottom-color:#cccccc; 
border-bottom-style:solid;*/
}

.td_border_body {
border-bottom-width:1px; 
border-bottom-color:#cccccc; 
border-bottom-style:solid;
}

.td_border_body_dot {
border-bottom-width:1px; 
border-bottom-color:#d0d0d0; 
border-bottom-style:dotted;
}

.td_border_bottom {
/*border-top-width:1px; 
border-top-color:#cccccc; 
border-top-style:solid;*/
border-bottom-width:3px; 
border-bottom-color:#666666; 
border-bottom-style:solid;
}








.mypage_menu_on {
border-top-width:2px; 
border-top-color:#cccccc; 
border-top-style:solid;

border-right-width:2px; 
border-right-color:#cccccc; 
border-right-style:solid;

border-left-width:2px; 
border-left-color:#cccccc; 
border-left-style:solid;

background-color: #FFFFFF;

font-size: 12px;
	font-weight: bold;
	color: #036;
}

.mypage_menu_off {
border-top-width:1px; 
border-top-color:#cccccc; 
border-top-style:solid;

border-right-width:1px; 
border-right-color:#cccccc; 
border-right-style:solid;

border-left-width:1px; 
border-left-color:#cccccc; 
border-left-style:solid;

border-bottom-width:1px; 
border-bottom-color:#666666; 
border-bottom-style:solid;

background-color: #f3f3f3;
}


.white_14 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.gray_14 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


.mainpage_box {
border-right-width:1px; 
border-right-color:#dbc6e5; 
border-right-style:solid;

border-left-width:1px; 
border-left-color:#dbc6e5; 
border-left-style:solid;

border-bottom-width:1px; 
border-bottom-color:#dbc6e5; 
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.mainpage_box_connector {
border-right-width:1px; 
border-right-color:#785389; 
border-right-style:solid;

border-left-width:1px; 
border-left-color:#785389; 
border-left-style:solid;

border-bottom-width:1px; 
border-bottom-color:#785389; 
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.mainpage_box_special {
border-right-width:1px; 
border-right-color:#7c7cdc; 
border-right-style:solid;

border-left-width:1px; 
border-left-color:#7c7cdc; 
border-left-style:solid;

border-bottom-width:1px; 
border-bottom-color:#7c7cdc; 
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.container { margin: 0 auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}


Responsive.css

/* All Responsive
================================================== */
	/*a#navigation-toggle { height: 55px; line-height: 55px; float: none; margin: 0; cursor: pointer; color: #fff; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; display: none; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #fff; }
	#navigation-toggle:hover { color: #fff; }
	#sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #000; color: #fff; }
	#sidr-main { padding: 50px 30px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #707070; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #222; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 8px 0; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #333; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { font-size: 16px; position: absolute; top: 15px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	/*#site-navigation .sf-menu{ display: none; }*/
/*}*/
 /* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	.sidebar-container { width: 36%; }
	.post-meta li { display: block; float: none; }
	.post-meta li .meta-seperator { display: none; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
}

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 100%; width: 100%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	#wrap { margin-top: 0; margin-bottom: 0; }
	#header-search { clear: both; position: inherit; top: auto; right: auto; margin-top: 20px; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	/*comments*/
	.comment-details { margin-left: 0; text-align: center; }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-break { display: none }
	.comment-reply-link { display: block; padding-bottom: 10px; margin-bottom: 10px; }
	.children { margin: 30px 0 0 }
	.children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 }
	#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	#footer-bottom-right { margin-top: 20px }
	#portfolio-cats li { margin-bottom: 10px }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
	.portfolio-entry.span_1_of_4 { width: 49.2%; margin-left: 1.6%; margin-bottom: 2%; }
	.portfolio-entry.span_1_of_4.count-1 { margin-left: 0; }
	.portfolio-entry.span_1_of_4.count-3 { clear: both; margin-left: 0; }
}
/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
}




I disabled the first part of the responsive.css because it changes my menu to a different one. A feature of wordpress I think. I tried modifying the other parts of the responsive.css but I just mess up the layout even more. So I want to ask for guidance on this one.

Is This A Good Question/Topic? 0
  • +

Page 1 of 1