@charset "utf-8";

* {margin: 0; padding: 0; font-family: Gulim;}
img {max-width: 100%;}

.container {padding: 0;}
.mgleft1 {margin-left: 1px;}
.mgleft2 {margin-left: 2px;}
.mgleft10 {margin-left: 10px;}
.mgright1 {margin-right: 1px;}
.mgright2 {margin-right: 2px;}
.mgright6 {margin-right: 6px;}
.mgright10 {margin-right: 10px;}
.mgright20 {margin-right: 20px;}
.mgtop-4 {margin-top: -4px;}
.mgtop4 {margin-top: 4px;}
.mgtop6 {margin-top: 6px;}
.mgtop8 {margin-top: 8px;}
.mgtop10 {margin-top: 10px;}
.mgtop20 {margin-top: 20px;}
.mgbottom4 {margin-bottom: 4px;}
.mgbottom6 {margin-bottom: 6px;}
.mgbottom8 {margin-bottom: 8px;}
.mgbottom10 {margin-bottom: 10px;}
.mgbottom20 {margin-bottom: 20px;}
.writer, 
.more {position: absolute; bottom: 10px; right: 10px;}
.writer {right: 90px;}
.title-img {position: relative;}
.new-flag-img, 
.timer {vertical-align: baseline;}
.clear-r {clear: right;}
.clearfix {clear: both;}
.reg-date {font-size: 12px;}
.title a {color: #263d59; font-family: Dotum; font-size: 16px; font-weight: bold;}
.title a strong {font-size:larger;}
.summary {color: #666666; font-size: 12px;}
.thumbnail {margin-bottom: 0;}

#header-top {background: url(../images/top_bottom_bg.png) left top repeat-x transparent;}
#header-top label, 
#header-top span {color: #b2316e; font-size: 13px; font-weight: bold;}
#logo img {display: block; margin: 0 auto;}
#global-srch {width: 100px;}

#nav-bar {background: #cd377e; text-align: center;}
#nav a {padding: 5px; display: inline-block; margin: 4px 0;}
#nav span {font-family: Gothic; font-size: 15px; font-weight: bold; color: #FFFFFF;}
#nav a.active {background: #f6d9e7; border-radius: 4px;}
#nav a.active span {color: #b2316e;}

#top-area {background: #f7ebc8;}
#revolution-area {border: 6px solid #eec35d; border-left-width:32px; border-right-width:32px; background: #FFFFFF; position: relative;}
#revolution-area * {font-family: batang;}
#revolution-area a {color: #aa0000; display: block; text-align: center; margin: 8px 0; font-size: 18px;}
#revolution-area .more a {font-size: 13px;}
#revolution-area .new-flag-img, #course-area .new-flag-img {display: none;}
#left-area {padding: 0 4px 0 0;}
#arirang-news .sub-title span {background: #e394ae; padding: 4px 18px 4px 6px; border-radius: 0 12px 12px 0; color: #FFFFFF; font-weight: bold;}
#right-area {padding: 0 4px; border: 1px dashed #6e6e6e; border-bottom-width: 0; border-top-width: 0;}
#meari-tv {background: #efde7f; padding: 10px 0;}
#meari-tv .item .icon {width: 40%;}
#meari-tv .item .icon a,
#meari-tv .item .icon a .thumbnail {width: 100%;}
#meari-tv .movie-view {background: url(../images/movie_view.png) center left repeat-x transparent; height:13px;}
#middle-area .writer, 
#middle-area .more {bottom: 0;}
#sidebar-area {padding: 0 0 0 4px;}
#course-area, 
#way-area, 
#maindoc-area {border: 4px solid #a5eed8; border-radius: 6px;}
#course-area {border-color: #ffd564;}
#course-area .course-bunru {text-align: center; padding: 10px 0; background-color: #ffd564;}
#way-area {border-color: #8dc5ff; background: #5984f0;}
#way-area .title-img, 
#maindoc-area .title-img {margin: 10px;}
#way-area .item {margin: 4px 10px;}
#way-area .title a {color: #fefefe;}
#photo-area {background: #eaa2c4; text-align: center;}
#photo-area .title-img {margin-bottom: 17px;}
#photo-area .item {display: inline-block; margin-left: 0; margin-right: 0; width: 49%; position: relative;}
#photo-area .item .icon, 
#photo-area .item .icon a,
#photo-area .item .icon a .thumbnail {width: 100%;}
#photo-area .item .new-flag-img {position: absolute; top: 8px; right: 12px; display: inline-block;} 
#photo-area .item .title {display: none; position: absolute; bottom: 7%; left: 0; width: 90%; background: #FFFFFF; opacity: 0.7; border-radius: 8px; margin-left: 5%; padding-top: 6px;}
#photo-area .item:hover .title {display: inline-block;}
#photo-area .item .title a {font-size: 14px;}
#photo-area .item .title .reg-date {float: none !important;}
#photo-area .item .title .summary {display: none;}
#photo-area .more {right: 200px; bottom: 0;}
#rest-area {background: #e8e8e8;}
#qa-area {background: #ddf0f2;}
#rest-area, 
#qa-area {padding-top: 10px; padding-bottom: 10px;}
#culture-area,
#quiz-area {padding-right: 10px; border-right: 1px dashed #6e6e6e;}
#music-area,
#debate-area {padding-left: 10px;}
#sns-area {text-align: center;}
#link-area a {display: inline-block; width: 13.65%;}
#link-area a img {width: 100%;}

#notice .title {text-align: center; font-size: 20px; font-weight: bold; font-family: Dotum;}
#notice p {text-align: justify; font-size: 16px;font-family: Batang;}

#registerform, 
#loginform {margin: 50px auto; width:550px;}
#registerform .label-control, 
#loginform .label-control {display: inline-table; width: 90px; text-align: right; margin-bottom: 4px; color: #ac306a;}
#loginform input[type="text"], 
#loginform input[type="password"] {display: inline-table; height: 20px;}
#loginform input[type="image"], 
#loginform input[type="submit"] {display: inline-table; margin-left: 4px;}
#loginform .new-action {margin-left: 70px;}
#loginform .new-action:before {content: "*"; color: #F00;}
#registerform input[type="image"] {vertical-align: middle;}
#writeform #contents {display: inherit !important; height: 0; padding: 0; border: 0;}

.list-thumb-imgs {max-width: 150px;}

#contents-head .pull-right {text-align: right;}
#contents-body {text-align: justify; font-family: Batang; font-size: 12pt; text-indent: 12pt; line-height: 250%;}
#contents-body .title {text-align: center; font-family: Dotum; font-size: 24px; font-weight: bold; color: #ac306a;}
#contents-body .title strong {font-size: larger;}
#contents-body .author {text-align: right;}
#contents-body #player {text-align: center;}
#contents-body > div > div {margin: 0 auto;}
#contents-foot .action-bar {text-align: center;}
#contents-foot .repost-item {border-top: 1px dashed #ac306a; padding-top: 20px;}
#contents-foot .repost-item .pull-right {text-align: right;}

.writer-banner {text-align: center;}

#footer {background: url(../images/top_bottom_bg.png) left bottom repeat-x transparent; height: 150px;}
#footer #footer-nav span {font-family: Dotum; font-size: 13px; font-weight: bold; color: #595959;}
#footer #footer-nav .active span {color: #cd377e;}

.ui-widget-header {color: inherit;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: Gulim;}