/* lnb 영역 */
.tt_lnb{width:25%;float:right;}
.tt_lnb_module{margin-bottom:50px;padding-left:20px;}
.notification_menu{position:relative;margin:16px 0 0;float:right;cursor:pointer;}
.notification_menu span{display:inline-block;vertical-align:middle;}
.notification_num{font-size:12px;}

.tt_lnb_header{padding:15px 0 20px 0;margin-bottom:20px;border-bottom:1px solid #e3dede;font-size:15px;font-weight:700;}
.tt_lnb_header.ko{padding:15px 0 20px 0;margin-bottom:20px;border-bottom:1px solid #e3dede;font-size:14px;font-weight:700;line-height:1;}
.tt_lnb_header a{cursor:text;border:0;outline:0;text-decoration:none;}
.tt_lnb_header span{float:left;margin-right:6px;}

.tt_lnb_navi{margin-bottom:25px;}
.tt_lnb_navi ul li{padding:10px 0;}
.tt_lnb_navi ul li:first-child{padding:0 0 10px 0;}
.tt_lnb_navi ul li a{font-weight:700;font-size:13px;}
.tt_lnb_navi ul ul{margin:20px 0 5px 20px;}
.tt_lnb_navi ul ul li{padding:0;}
.tt_lnb_navi ul ul li:first-child{padding:0;}
.tt_lnb_navi ul ul a{margin-bottom:15px;display:inline-block;font-size:12px;font-weight:500;}
.tt_lnb_navi ul ul li:last-child a{margin-bottom:0;}
/* //lnb 영역 */


@media screen and (min-width: 660px) {
	.m-tt-side-group {width: 33.333333%; float: right; clear: right; }
}

@media screen and (min-width: 800px) {
	.m-tt-side-group {width: 25%; }
}

.tt-toggle {border: 0; color: #000;}
@media screen and (min-width: 660px) {
	.tt-toggle {cursor: text;}
}

.m-tt-side-module {margin-bottom: 50px; padding: 0 10px; }
.m-tt-side-module:first-child {margin-bottom: 0; /*background: #f6f6f6;*/ padding: 0;}
@media screen and (min-width: 660px) {
	.m-tt-side-module:first-child {background: none; padding-left: 20px;}
}

.m-tt-side-module:first-child .m-tt-main-header {padding-left: 10px; padding-right: 10px; margin-bottom: 5px; border-bottom: 0;}
.m-tt-side-module:first-child .m-tt-main-header.is-active {border-bottom: 1px solid #e3dede;}
@media screen and (min-width: 660px) {
	.m-tt-side-module:first-child .m-tt-main-header {padding-left: 0; padding-right: 0; margin-bottom: 20px; /*border-bottom: 1px solid #e3dede;*/}
}

.m-tt-side-module:first-child .m-tt-main-header a:after {content: "\e60f"; font-family: 'titleist-icons'; position: relative; top: 1px; left: 5px;}
@media screen and (min-width: 660px) {
	.m-tt-side-module:first-child .m-tt-main-header a:after {display: none;}
}

.m-tt-side-module:first-child .m-tt-main-header a.is-active:after {content: " \e609"; left: -3px;}
@media screen and (min-width: 660px) {
	.m-tt-side-module {padding-left: 25px;}
	.m-tt-side-module:first-child {margin-bottom: 50px;}
}

.m-tt-nav-wrap.is-closed {display: none;}
@media screen and (min-width: 660px) {
	.m-tt-nav-wrap.is-closed {display: block;}
}

.m-tt-nav {margin-bottom: 25px; padding: 10px;}
@media screen and (min-width: 660px) {
	.m-tt-nav {padding: 0;}
}
.m-tt-nav:first-child {margin-top: -10px;}
.m-tt-nav a {color: #000; border-bottom: 1px solid transparent; margin: 0; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto;}
.m-tt-nav a:hover, .m-tt-nav a:focus {border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.m-tt-nav ul {list-style: none; margin: 0; padding: 0; font-size: 12px; font-size: 0.75rem; line-height: 1;}
.m-tt-nav ul li {margin: 0;}
  .m-tt-nav ul li.mt-20 {margin-top: 20px;}
.m-tt-nav > ul > li {padding: 10px 0;}
.m-tt-nav > ul > li > a {text-transform: uppercase; letter-spacing: .02em; font-weight: 700;}
.m-tt-nav > ul ul {margin: 20px 0 5px 20px; display: none;}
.m-tt-nav > ul ul.is-active {display: block;}
.m-tt-nav > ul ul a {margin-bottom: 15px;}
.m-tt-nav > ul ul li:last-child a {margin-bottom: 0;}

.m-tt-social-list {margin: 0; padding: 0; list-style: none;}

.m-tt-social-item {margin: 0 0 25px; padding: 0 10px 10px; overflow-x: auto;}
@media screen and (min-width: 660px) {
	.m-tt-social-item {padding: 0;}
}

.m-tt-social-item .m-social-media:hover,
.m-tt-social-item .m-social-media:focus {opacity: 1;}

.m-tt-social-item .m-social-user {font-size: 11px; font-size: 0.6875rem;}
.m-tt-social-item .m-social-user a {border: 0;}
.m-tt-social-item .m-social-content {padding: 0;}
.m-tt-social-item .m-social-content p {font-size: 11px; font-size: 0.6875rem; color:#4c4c4c;}
.m-tt-social-item .m-social-content a {color: #e31837;}

.m-block-social {padding: 0 10px 80px 18px;}
.m-block-social .gutter,
.m-block-social .sub-menu > li {margin: 0 0 12px 12px;}
.m-block-social .titleist-layout {margin-left: -12px;}
.m-block-social p {line-height: 1.7; font-size: 11px; font-size: 0.6875rem; color: #4C4C4C;}
.m-block-social .m-card-media img {width: 100%;}

.m-block-social-heading {font-size: 14px; font-size: 0.875rem; font-weight: 700; font-family: "NovaR", sans-serif; margin-bottom: 1em;}

.m-social-source {position: absolute; top: 5px; right: 10px; font-size: 14px; font-size: 0.875rem;}
.m-social-source .icon-instagram {color: #fff;}

.m-social-name,
.m-social-user {margin: 0;}

.m-social-name {font-weight: 700; font-size: 14px; font-size: 0.875rem; color: #000; font-family: "NovaR", sans-serif; letter-spacing: -.5px;}

.m-social-content {padding: 10px 0;}
.m-social-content a {color: #e31837; border-bottom-color: rgba(227, 24, 55, 0.2);}
.m-social-content a:hover, .m-social-content a:focus {border-bottom-color: rgba(0, 0, 0, 0.1);}

.m-social-bar {font-size: 11px; font-size: 0.6875rem;}
.m-social-bar a {border: 0; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #999; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -ms-transition: color linear 0.2s; transition: color linear 0.2s;}
.m-social-bar a:hover, .m-social-bar a:focus {color: #000;}
.m-social-bar a + a {margin-left: 7px;}
.m-social-bar .titleist-icon {font-size: 17px; font-size: 1.0625rem; position: relative;}
.m-social-bar .titleist-icon.icon-reply {top: -3px;}
.m-social-time {font-size: 11px; font-size: 0.6875rem; margin: 3px 0 4px;}
.m-social-time a {border: 0;}

.m-social-media {margin-bottom: 10px; border: 0; display: block;}
.m-social-media img {display: block;}

.m-notification-menu {float: right; margin: 10px 3px 0 0; position: relative;}
.m-notification-menu .m-notification-num {color: #e31837;}
.m-notification-menu .m-notification-num-none {color: #4C4C4C; vertical-align: top;}
.m-notification-menu.is-open {background: #fff; border: 1px solid #4C4C4C;}
.m-notification-menu.is-open ::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
.m-notification-menu.is-open ::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
.m-notification-menu.is-open .btn-icon .titleist-icon {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.m-notification-menu.is-open .m-notification-menu-inner {left: auto; margin-right: -1px; top: auto;}
.m-notification-menu.is-open:after {background: #fff; bottom: -1px; content: ''; height: 2px; left: 0; position: absolute; right: 0; width: 100%; z-index: 3;}
.m-notification-menu button {min-width:0;}
.m-notification-menu .btn-icon {font-size: 12px; font-size: 0.75rem; margin: 5px;}
.m-notification-menu .btn-icon span {display: inline-block; vertical-align: middle;}
.m-notification-menu .btn-icon .titleist-icon {-webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;}
.m-notification-menu .btn-icon:hover .titleist-icon, .m-notification-menu .btn-icon:focus .titleist-icon {font-weight: 700;}
@media screen and (min-width: 440px) {
	.m-notification-menu {margin: 10px 0 0;}
}

.m-notification-count {color: #e31837; font-weight: 600;}

.m-notification-menu-inner {position: absolute; top: -999em; left: -999em; background: #fff; border: 1px solid #4C4C4C; position: absolute; width: 300px; width: 90vw; right: 0; z-index: 2;}
@media screen and (min-width: 440px) {
	.m-notification-menu-inner {width: 430px;}
}

.m-notification-list {display: block; list-style: none; margin: 0; max-height: 350px; -webkit-overflow-scrolling: touch; overflow-y: scroll; padding: 0;}

.m-notification {display: block; margin: 0 15px; padding: 10px 0; position: relative;}
.m-notification + .m-notification {border-top: 1px solid #4C4C4C;}
.m-notification picture {display: inline-block; vertical-align: top; width: 15%;}

.m-notification-msg {display: inline-block; vertical-align: top; width: 70%;}
.m-notification-msg p {margin-bottom:15px;}
.m-notification-msg a {color: #000; font-weight: 700; border-width: 0;}
.m-notification-msg a:hover {border-width: 1px;}
.m-notification-msg p {font-size: 12px; font-size: 0.75rem;}
.m-notification--read .m-notification-msg {opacity: .67;}

.m-notification-time {line-height: 1; margin-bottom: 0;}

.m-notification-actions {display: inline-block; text-align: right; vertical-align: top; width: 15%; margin-right: -9px;}
.m-notification-actions a {border: none; color: #4C4C4C;}
.m-notification-actions a:last-child {margin-right: 6px;}
.m-notification-actions a:hover .titleist-icon {font-weight: 700;}

.m-notification-footer {border-top: 1px solid #4C4C4C; margin: 0 20px 0 15px; padding: 10px 0; text-align: right;}
.m-notification-footer a {font-size: 12px; font-size: 0.75rem; border: none; font-weight: 600;}

.m-notification-guide {margin:25px 15px 35px;}
.m-notification-guide p {line-height:1.9;}