/* Dreamwiz New Style Global */

* {margin:0;padding:0;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,'Malgun Gothic','맑은 고딕',sans-serif;-webkit-appearance:none-webkit-touch-callout:none;-webkit-text-size-adjust:none;color:#333;}
img {outline:0;border:0;}
button {border:0;outline:0;cursor:pointer;}
a {text-decoration:none;}
ul,li {list-style:none;}

/* ellipsis class */
.el2 {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.el3 {overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* bg layer */
.layer-bg {background-color:#000;width:100%;position:absolute;z-index:9;display:none;opacity:.8}
.layer-modal-bg {background-color:#000;width:100%;position:absolute;z-index:4;display:none;opacity:.3}

/* top menu icon */
.top-menu-icon {width:25px;height:25px;position:absolute;top:12px;right:10px;display:block;background-size:cover;background-repeat:no-repeat;}
.top-menu-icon.news {background-image:url('../images/icon-top-menu-news.png');}
.top-menu-icon.interest {background-image:url('../images/icon-top-menu-interest.png');}
.top-menu-icon.game {background-image:url('../images/icon-top-menu-game.png');}
.top-menu-icon.beauty {background-image:url('../images/icon-top-menu-beauty.png');}
.top-menu-icon.kids {background-image:url('../images/icon-top-menu-kids.png');}
.top-menu-icon.sports {background-image:url('../images/icon-top-menu-sports.png');}
.top-menu-icon.humor {background-image:url('../images/icon-top-menu-humor.png');}
.top-menu-icon.it {background-image:url('../images/icon-top-menu-it.png');}
.top-menu-icon.event {background-image:url('../images/icon-top-menu-event.png');}
.top-menu-icon.health {background-image:url('../images/icon-top-menu-health.png');}
.top-menu-icon.cook {background-image:url('../images/icon-top-menu-cook.png');}
.top-menu-icon.basic {background-image:url('../images/icon-top-menu-basic.png');}
.top-menu-icon.cs {background-image:url('../images/icon-top-menu-cs.png');}

/* top bar */
.top {height:92px;width:100%;border-bottom:1px solid #ddd;position:fixed;top:0;z-index:10;background-color:#fff;}
.top-inner {
	min-width:763px;
	display:table;
	margin:0 auto;
	height:92px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.top-inner .logo {display:table-cell;vertical-align:middle;width:30px;}
.top-inner .logo a {display:block;}
.top-inner .logo a img {display:block;}
.top-inner .sch {padding-left:15px;display:table-cell;vertical-align:middle;height:42px;}
.top-inner .sch .sch-inner {
	width:623px;
	height:42px;
	border:1px solid #ccc;
	position:relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.top-inner .sch .sch-inner input[name=query] {text-indent:10px;font-size:20px;display:block;border:0;outline:0;margin:8px 0;width:85%;}
.top-inner .sch .sch-inner button.btn-sch {position:absolute;top:0;right:0;width:42px;height:42px;background:url('../images/btn-sch1.png') no-repeat;}
.top-inner .sch-exp {display:table-cell;vertical-align:middle;}
.top-inner .sch-exp div.btn-sch-exp {width:85px;height:44px;background:url('../images/btn-sch2.png') no-repeat;display:block; cursor:pointer;}

.top-inner-m {position:relative;display:none;width:100%;table-layout:fixed;}
.top-inner-m > div {display:table-cell;vertical-align:middle;height:56px;}
.top-inner-m .mobileMenu {padding:0 10px;background:url('../images/btn-menu@2x.png') no-repeat center center;background-size:20px;width:20px;cursor:pointer;}
.top-inner-m .mobileLogo {width:30px;}
.top-inner-m .mobileLogo img {display:block;margin:0 auto;}
.top-inner-m .mobileSearch {height:56px;padding:0px;width:21px;cursor:pointer;}
.top-inner-m .mobileSearch img{width: 21px;border-bottom: 1px solid #AAA;padding:2px 0px;position:relative;bottom:-4px;}

.top-inner-m .mobileRik {height:56px;padding:0px;width:32px;cursor:pointer;}
.top-inner-m .mobileRik span{display:inline-block;width:32px;border-bottom:1px solid #AAA;padding:5px 0px;position:relative;}
.top-inner-m .mobileRik img{width: 21px;}


.top-inner-m .mobileMail {height:56px;padding:0 10px;background:url('../images/btn-mail@2x.png') no-repeat center center;background-size:25px;width:30px;cursor:pointer;}
.top-inner-m .mobileTopSearch .query-box{
	width: 100%;
    border: 0px 0px 1px 0px;
    height: 30px;
    padding-left: 5px;
    font-size: 15px;
    box-sizing: border-box;
    border: 0px;
    outline: none;
}
.mobileTopSearch-inner{display:table;width:100%;}
.mobileTopSearch-inner span{display:table-cell;border-bottom:1px solid #AAA;}
.mTS-input{width:100%;}
.mTS-input input{}
.mTS-arrow{padding:0px 10px;}
.mTS-arrow img{width:22px;}
.mTS-btn{}
.mTS-btn img{width:18px;position:relative;bottom:-2px;}



/*
.top-inner-m {position:relative;display:none;}
.top-inner-m .logo-m  {position:absolute;top:18px;left:50px;}
.top-inner-m .btn-sch-m {position:absolute;right:42px;top:0;height:56px;padding:0 10px;background:url('../images/btn-sch@2x.png') no-repeat center center;background-size:21px;width:21px;cursor:pointer;}
.top-inner-m .btn-sch-m.only {right:0;}
.top-inner-m .btn-menu-m {position:absolute;left:0;top:0;height:56px;padding:0 10px;background:url('../images/btn-menu@2x.png') no-repeat center center;background-size:20px;width:20px;cursor:pointer;}
.top-inner-m .btn-mail-m {Position:absolute;right:0;top:17px;height:21px;padding:0 10px;background:url('../images/btn-mail@2x.png') no-repeat center center;background-size:25px;width:30px;cursor:pointer;}
*/
.top-inner-m-sch {display:none;position:relative;background-color:#FC9C2B;width:100%;padding:7px;box-sizing:border-box;}
.top-inner-m-sch .m-sch-wrap {background-color:#fff;height:43px;width:100%;display:table;}
.top-inner-m-sch .m-sch-wrap .m-sch-keyword {display:table-cell;vertical-align:middle;}
.top-inner-m-sch .m-sch-wrap .m-sch-keyword input {width:100%;text-indent:10px;font-size:15px;border:0;outline:0;}
.top-inner-m-sch .m-sch-wrap .m-sch-icon {width:43px;height:43px;display:table-cell;background:url('../images/icon-input-sch@2x.png') no-repeat center center;background-size:cover;cursor:pointer;}
.top-inner-menu {border:1px solid red;}

.mobile-menu {
	display:none;
	background-color:#fff;
	position:fixed;
	top:57px;
	width:100%;
	z-index:4;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
}
.login-group {background-color:#E4E3E9;display:table;width:100%;table-layout:fixed;}
.login-group .login-row {display:table-cell;vertical-align:middle;}
.login-group .login-row.left {padding:10px 5px 10px 10px;}
.login-group .login-row.right {padding:10px 10px 10px 5px;}
.login-group .login-row span {display:block;text-align:center;}
.login-group .login-row span a {padding:10px 0;display:block;font-size:15px;}
.login-group .login-row span.login-btn a {background-color:#FF9D30;color:#fff;}
.login-group .login-row span.signup-btn a {border:1px solid #ccc;background-color:#fff;color:#828282;}
.menu-group table {width:100%;table-layout:fixed;border-collapse:collapse;}
.menu-group td {border:1px solid #ccc;}
.menu-group td:nth-child(odd) {border-left:0;}
.menu-group td:nth-child(even) {border-right:0;}
.menu-group td a {display:block;padding:15px 10px;color:#535353;font-size:14px;position:relative;}

.menu-group .active{background-color:#FF9D30;}
.menu-group .active a{color:#FFF; font-weight:bold;}

.m-menu {
	display:none;
	position:fixed;
	top:57px;
	width:100%;
	z-index:4;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.39);
}
.m-menu .m-menu-login {padding:12px;background-color:#FC9C2B;}
.m-menu .m-menu-login span {font-size:14px;font-weight:400;color:#fff;}
.m-menu .m-menu-login span.div-bar {padding:0 5px;}
.m-menu li {border-left:1px solid #f5f5f5;border-top:1px solid #f5f5f5;float:left;}
.m-menu li a > img {display:block;}
.m-menu table {table-layout:fixed;border-collapse:collapse;background-color:#fff;}
.m-menu table td {border:1px solid #f5f5f5;text-align:center;}
.m-menu table td a > img {display:block;}
.menu {position:fixed;top:93px;left:0;border-right:1px solid #DDD; height:100%; background-color:#FFF;}

.content {position:relative;background-color:#f9f9f9;margin-top:93px;}
.content.container {padding-bottom:40px;}
.content .menu.small {margin-left:-80px !important;}
.content .menu-box {position:relative; width:201px; height:100%; background-color:#FFF; }
.content .menu-content{}
.content .menu-profile {display:table;width:201px;height:130px;background-color:#fff;}
.content .menu-profile .profile-inner {display:table-cell;vertical-align:middle;border-bottom:1px solid #ddd;}
.content .menu-profile .profile-inner .icon-profile {display:block;width:54px;height:54px;margin:0 auto;}
.content .menu-profile .profile-inner .icon-profile.user-m {background:url('../images/icon-profile-man.png') no-repeat;}
.content .menu-profile .profile-inner .icon-profile.user-w {background:url('../images/icon-profile-woman.png') no-repeat;}
.content .menu-profile .profile-inner .icon-profile.no-user {background:url('../images/icon-profile-default.png') no-repeat;}
.content .menu-profile .profile-inner .profile-str {display:block;text-align:center;padding-top:15px;}
.content .menu-profile .profile-inner .profile-str > a {font-size:14px;color:#727272;}
.content .menu-profile .profile-inner .profile-str > i.profile-line {font-size:14px;padding:0 5px;font-family:Dotum;color:#727272;font-style:normal;}
.content .menu-box ul {background-color:#fff;width:201px;}
.content .menu-box ul li {border-bottom:1px solid #ddd;}
.content .menu-box ul li a {
	display:block;
	padding:10px 25px;
	letter-spacing:-1px;
	color:#000;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.content .menu-box ul li > a:hover {background-color:#efefef;}
.content .menu-box ul li > a.active {font-weight:800;text-decoration:underline;color:#FA9C2A;}
.content .menu-box ul > li.active {background-color:#FA9C2A;}
.content .menu-box ul > li.active a{color:#FFF; font-weight:bold;}

.menu-collapse {width:23px;height:42px;background-color:#fff;position:absolute;top:30px;border:1px solid #ddd;border-left:0;cursor:pointer;line-height:40px;font-size:15px;text-align:center;}
.menu-collapse.navopen {right:-24px;}
.menu-collapse.navclose {left:0;}

.grid, .grid-one {width:1251px;margin:0 auto;padding:20px 0;position:relative;}

/* copyright */
.dw-footer{padding-bottom:25px;border-top:1px solid #ddd;}
.footer-top {padding:15px 0px; width:955px; margin:0 auto;}
.footer-top .top-notice{font-size:13px;font-weight:800; margin-right:45px; display:inline-block;}
.footer-top .top-notice a {color:#000;}
.footer-top .top-guide {font-size:13px;display:inline-block;}
.footer-top .top-guide a {color:#000;}

.footer-bottom {text-align:center; padding-top:15px;}
.footer-bottom ul li{display:inline-block; font-size:13px; color:#9d9d9d;}
.footer-bottom ul li > span{color:#9d9d9d;}
.footer-bottom ul li > span > a {color:#9d9d9d;}
.footer-bottom ul li > span > a:hover {font-weight:800;}
.footer-bottom ul li > select {margin:0 5px;cursor:pointer;}
.footer-address{text-align:center; margin-top:7px;}
.footer-address span a{color:#9d9d9d; font-size:13px; display:block;}

.im-top {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	cursor:pointer; display:none;position:fixed;right:15px;bottom:100px;z-index:20;width:40px;height:40px;background:url('http://m.search.dreamwiz.com/images/top/btn_top_move.png') no-repeat;background-size:100% 100%;color:transparent;white-space:nowrap;overflow:hidden;
}
/*Mail badge*/
.mail-badge{    background-color: red;    border-radius: 40px;   float:right;  display: inline-block;    text-align: center;    position: relative;    color: #FFF;    left: 5px;    bottom: 11px;    font-size: 11px;    padding: 0px 5px; font-weight:bold;}



/*Mobile Rik Box*/
.m-top-rik{background-color: #FFF;border-top: 1px solid #DDD; display:none;
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.39);
}
.m-top-rik .tit{display:inline-block;background-color: orange;color: #FFF;border-radius: 2px;margin: 10px;padding: 3px;}
.m-top-rik .tit span{color:#FFF;}
.m-top-rik ul{}
.m-top-rik .item{border-top: 1px solid #EAEAEA; padding: 7px 10px 7PX 0PX;}
.m-top-rik .item .num{width: 33px;display: inline-block;text-align: center;font-weight: 800;font-style: italic;margin-right: 10px;}
.m-top-rik .item a{font-weight: 800;}

.m-top-rik .info{box-sizing:border-box;padding:10px;border-top:1px solid #EAEAEA;border-bottom:1px solid #DDD;}
.m-top-rik .info .time{}
.m-top-rik .info .close-btn{float:right;}
.m-top-rik .info .close-btn img{width:14px;}


/*#######################################################################
		Copyright Wrap - 2017.07. 14
#######################################################################*/
.cp-wrap{position:absolute;bottom:160px;}
.cp-cont{display:block;font-size:13px; color:#aaa; padding:2px 27px;}
.cp-cont a{font-size:13px; color:#aaa;}

.cp-m-wrap{padding:10px; text-align:center;}
.cp-m-cont{font-size:11px; color:#aaa;}
.cp-m-cont a{font-size:11px; color:#aaa;}
@media (max-width:1100px) {
	.cp-cont a{display:inline-block; font-size:11px;}
	.cp-cont{display:block;font-size:11px; color:#aaa; padding:2px 10px;}
}
@media (max-height:740px) {
	.cp-wrap{display:none;}
}

/* media query */
/* 3 cell */
@media (max-width:1750px) {
	/*.grid, .grid-one {width:934px;}*/
	.grid, .grid-one {width:1251px;left:0px;}
}
/* 2 cell */
@media (max-width:1540px) {
	.grid, .grid-one {width:934px;}
}

@media (max-width:1430px) {
	/*.grid, .grid-one {width:617px;}*/
	.grid, .grid-one {left:0px;}
}

@media (max-width:1220px) {
	.grid, .grid-one {left:50px;}
	.footer-top {width: 100%;padding:20px;box-sizing:border-box;}
	.content .menu-box {width:80px;}
	.content .menu-profile {width:80px;}
	.content .menu-box ul {width:80px;}
	.content .menu-box .menu-collapse {right:0;}
	.content .menu-profile .profile-inner .profile-str > a {font-size:13px;display:block;line-height:20px;}
	.content .menu-profile .profile-inner .profile-str > i.profile-line {display:none;}
	.content .menu-box ul li > a {font-size:13px;}
	.content .menu-box ul li {text-align:center;}
	.content .menu-box ul li a {padding:10px;}

	.cp-cont a{display:inline-block; font-size:11px;}
	.cp-cont{display:block;font-size:11px; color:#aaa; padding:2px 10px;}
}

@media (max-width:1100px) {
	.grid, .grid-one {width:617px; left:0px;}
}
/* tablet mode */
@media (max-width:860px) {
	.grid, .grid-one {width:517px;}
}
/* iphone 6, 6s landscape */
@media (max-width:760px) {
	.grid {width:535px;}
	.top {height:56px;}
	.top .top-inner {display:none;}
	.top-inner-m {display:table;}
	.m-menu ul {display:table;table-layout:fixed;}
	.m-menu li {width:auto;display:table-cell;float:none;vertical-align:top;}
	.m-menu li a {display:block;}
	.content {margin-top:57px;}
	.menu {display:none;}
	.footer-top {text-align:center;padding:20px 0;}
	.footer-top .top-notice {margin:0;margin-right:1em;}
	.footer-bottom {padding:15px 20px 0;}
	.footer-bottom ul li.family-site {display:none;}
}

/* iphone 6 portrait */
@media (max-width:570px) {
	.grid {width:355px;}
	.m-menu ul {display:block;table-layout:initial;}
	.m-menu li {width:33%;float:left;vertical-align:initial;}
	.grid-one {width:100%;padding:0;}
}
/* galaxy 360 device */
@media (max-width:360px) {
	.grid {width:340px;}
}
/* iphone 5, 4 */
@media (max-width:320px) {
	.grid {width:300px;}
}