﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* INIT */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}

/* HTML5 ELEMENT RESET */
aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ display:block }
ol,ul{ list-style:none }
blockquote,q{ quotes:none }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none }
table{ border-collapse:collapse; border-spacing:0 }
a{ text-decoration:none }
img{ max-width:100% }

/* TYPE */
body { font: 12px/18px "Nanum Gothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important; -webkit-font-smoothing: antialiased }

/* MICRO CLEARFIX */
.cf:before,.cf:after { content: " "; display: table }
.cf:after { clear: both }

/* BOX SIZING FIX */
*, *:before, *:after {
	box-sizing: border-box;
}

/* IPHONE FONT FIX */
*{-webkit-text-size-adjust:none;}

/*--- C9 ENTERTAINMENT CORE CSS ---*/

/* GLOBAL HTML, BODY */
html, body {
	/* height: 100%; */
}

body {
	/* -webkit-user-select: none; */
	/* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}

/* WRAP */
body .wrap {
}

/* HEADER */
header { 
    position: fixed;
    z-index: 9;
    width: 100%;
    background: #fff;
    transform: translateZ(0);
}

header .inner_header {
	position: relative;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: 		 flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    		flex-direction: row;
	width: 980px;
	height: 89px;
	margin: 0 auto;
}

/* INCLUDING_LOGO */
header .inner_header .logo {
    -ms-flex-item-align: center;
	-webkit-align-self: center;
    		align-self: center;
}
header .inner_header .logo > a {
	/*display: table-cell;
	vertical-align: middle;*/
	display: block;
}
/* /INCLUDING_LOGO */

/* INCLUDING_GNB */
header .inner_header nav.gnb {
	position: absolute;
	left: 204px;
	height: 100%;
	width: calc(100% - 204px);
}

header .inner_header nav.gnb ul.menu {
	height: 100%;
}

header .inner_header nav.gnb ul.menu > li {
	float: left;
	height: 100%;
	margin-right: 35px;
	outline: 0;
}

header .inner_header nav.gnb ul.menu > li:last-child {
	margin-right: 0;
}

header .inner_header nav.gnb ul.menu > li.active,
header .inner_header nav.gnb ul.menu > li:hover {
	border-bottom: 2px solid #e6333c;
}

header .inner_header nav.gnb ul.menu > li > a {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 89px;
}

header .inner_header nav.gnb ul.menu > li.active > a,
header .inner_header nav.gnb ul.menu > li:hover > a {
	color: #e6333c;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu {
	position: absolute;
	top: 89px;
	z-index: 3;
	display: none;
	height: 40px;
}

header .inner_header nav.gnb ul.menu > li.active > ul.submenu {
	display: block;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu > li {
	float: left;
	margin-right: 40px;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu > li:first-child {
	margin-left: 14px;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu > li:last-child {
	margin-right: 0;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu > li > a {
	display: block;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 40px;
}

header .inner_header nav.gnb ul.menu > li > ul.submenu > li.active > a,
header .inner_header nav.gnb ul.menu > li > ul.submenu > li:hover > a {
	color: #fff;
}

header .submenu_bg {
	position: relative;
	z-index: 2;
	display: none;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	background-color: #434343;
}

header .submenu_bg.active {
	display: block;
}
/* /INCLUDING_GNB */

header .inner_header nav.sns_menu {
	position: absolute;
	right: 0;
	display: table;
	height: 100%;
}

header .inner_header nav.sns_menu > ul {
	display: table-cell;
	vertical-align: middle;
}

header .inner_header nav.sns_menu > ul > li {
	float: left;
	margin-right: 23px;
}

header .inner_header nav.sns_menu > ul > li:last-child {
	margin-right: 0;
}

header .inner_header nav.sns_menu > ul > li > a {
	display: block;
}

header .inner_header nav.sns_menu > ul > li > a > img {
	vertical-align: middle;
}

/* MAIN */
/* SECTION */


 section.section_1 {
	position: relative;
	width: auto;
	height: auto;
}

main.main section.section_1 .swiper-container {
}

main.main section.section_1 .swiper-container .swiper-slide {
	overflow: hidden;
	position: relative;
	height: 447px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

main.main section.section_1 .swiper-container .swiper-slide > a {
	display: block;
	width: 100%;
	height: 100%;
}

/* PAGINATION */
main.main section.section_1 .pagination {
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
	z-index: 1;
	text-align: center;
}
main.main section.section_1 span.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin-right: 10px;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: rgba(255, 52, 52, 0);
	opacity: 1;
}

main.main section.section_1 span.swiper-pagination-bullet:last-child {
	margin-right: 0;
}

main.main section.section_1 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff;
}
/* /PAGINATION */

main.main section.section_2 {
	width: 960px;
	margin: 50px auto;
}

main.main section.section_2 > .left {
	float: left;
	width: 352px;
}

main.main section.section_2 > .right {
	float: right;
	width: 588px;
}

main.main section.section_2 > .left .notice_widget > .title {
	padding-bottom: 13px;
	border-bottom: 2px solid #000;
}

main.main section.section_2 > .left .notice_widget > .title > h1 {
	float: left;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
}

main.main section.section_2 > .left .notice_widget > .title > a.more_btn {
	display: inline-block;
	float: right;
	padding-right: 19px;
	color: #515151;
	font-size: 14px;
	line-height: 16px;
	background: url('../../images/main_section_2_notice_widget_title_more_btn_bg.png') no-repeat center right 0;
}

main.main section.section_2 > .left .notice_widget ul.list {
	
}

main.main section.section_2 > .left .notice_widget ul.list li.child {
	display: table;
	width: 100%;
	height: 63px;
	border-bottom: 1px solid #c1c1c1;
	background: url('../../images/main_section_2_notice_widget_list_child_arrow_bg.png') no-repeat center right 10px;
}

main.main section.section_2 > .left .notice_widget ul.list li.child > a {
	display: table-cell;
	vertical-align: middle;
}

main.main section.section_2 > .left .notice_widget ul.list li.child > a > span {
	margin-left: 10px;
}

main.main section.section_2 > .left .notice_widget ul.list li.child > a > span.title {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -.8px;
}

main.main section.section_2 > .left .notice_widget ul.list li.child > a > span.date {
	color: #555555;
	font-size: 12px;
}

main.main section.section_2 > .right .upper {
	margin-bottom: 20px;
}

main.main section.section_2 > .right .upper .release_widget {
	float: left;
	width: 204px;
}

main.main section.section_2 > .right .upper .release_widget > .title {
	padding-bottom: 13px;
	margin-bottom: 13px;
	border-bottom: 2px solid #000;
}

main.main section.section_2 > .right .upper .release_widget > .title > h1 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
}

main.main section.section_2 > .right .upper .release_widget > .content {
	position: relative;
}

main.main section.section_2 > .right .upper .release_widget > .content .thumbnail > a {
	display: block;
}

main.main section.section_2 > .right .upper .release_widget > .content .thumbnail > a > img {
	display: block;
}

main.main section.section_2 > .right .upper .release_widget > .content .information {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 204px;
	height: 204px;
	padding: 10px;
	background: rgba(0, 0, 0, .7);
}

main.main section.section_2 > .right .upper .release_widget > .content:hover .information {
	display: table;
}

main.main section.section_2 > .right .upper .release_widget > .content .information > a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

main.main section.section_2 > .right .upper .release_widget > .content .information > a > span.artist {
	display: inline-block;
	width: 100%;
	margin-bottom: 22px;	
	padding: 0 15px;
	color: #fff;
	font-size: 22px;
	line-height: 23px;
}

main.main section.section_2 > .right .upper .release_widget > .content .information > a > span.title {
	display: inline-block;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

main.main section.section_2 > .right .upper .mv_widget {
	float: right;
	width: 364px;
}

main.main section.section_2 > .right .upper .mv_widget > .title {
	padding-bottom: 13px;
	margin-bottom: 13px;
	border-bottom: 2px solid #000;
}

main.main section.section_2 > .right .upper .mv_widget > .title > h1 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
}

main.main section.section_2 > .right .upper .mv_widget > .content .thumbnail {
	width: 100%;
	height: 204px;
}

main.main section.section_2 > .right .upper .mv_widget > .content .thumbnail:hover {
	/*background: url('../../images/main_section_2_mv_widget_content_play_btn_bg.png') no-repeat center center;*/
}

main.main section.section_2 > .right .upper .mv_widget > .content .thumbnail > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

main.main section.section_2 > .right .upper .mv_widget > .content .thumbnail > a:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../../images/main_section_2_mv_widget_content_play_btn_bg.png') no-repeat center center;
}

/* DEPRECATED */
/*main.main section.section_2 > .right .upper .mv_widget > .content .thumbnail > a > img {
	display: block;
	width: 100%;
	height: 100%;
}*/

main.main section.section_2 > .right .lower .audition_widget > a {
	display: block;
}

main.main section.section_2 > .right .lower .audition_widget > a > img {
	display: block;
}

/* GLOBAL MAIN */
main {
	display: block;
	position: relative;
	min-height: 550px;
	margin: 0 auto;
	padding-top: 89px;
}

/* SUB */
main.sub {
	border-top: 1px solid #dcddde;
}

main.sub.submenu {
	padding-top: 129px;
}

main.sub > .header {
	display: table;
	/*margin-top: 40px;*/
	width: 100%;
	height: 173px;
}

main.sub > .header .inner_header {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

main.sub > .header h1.title {
	display: inline-block;
	width: 100%;
	/*margin-bottom: 6px;*/
	color: #000;
	font-size: 40px;
	font-weight: 900;
	line-height: 100%;
}

main.sub > .header small.description {
	display: none;
	color: #7c7c7c;
	font-size: 13px;
	line-height: 100%;
}

main.sub > .container {
	overflow: hidden;
	/*width: 960px;
	margin: 0 auto;*/
}

main.sub > .container nav.lnb {
	width: 960px;
	margin: 0 auto;
}

main.sub > .container nav.lnb > ul {
	border: 1px solid #ddd;
}

main.sub > .container nav.lnb > ul > li {
	float: left;
	height: 46px;
	border-right: 1px solid #ddd;
}

main.sub > .container nav.lnb > ul.divide_3 > li {
	width: 33.333%;
}

main.sub > .container nav.lnb > ul.divide_4 > li {
	width: 25%;
}

main.sub > .container nav.lnb > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
}

main.sub > .container nav.lnb > ul > li:last-child {
	border-right: 0;
}

main.sub > .container nav.lnb > ul > li.active > a {
	color: #fff;
	background-color: #e6333c;
}

/* GLOBAL CONTENT */

main.sub > .container > .content {
	width: 960px;
	margin: 0 auto;
}

main.sub > .container.no_lnb > .content {
	border-top: 1px solid #ddd;	
}

/* GLOBAL BOARD */
main.sub > .container > .content h3.blind {
	display: none;
}

main.sub > .container > .content .comm-content .boardSearch {
	display: none;
	margin-bottom: 15px;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area {
	float: right;
	width: 307px;
}

/* Ref: http://stackoverflow.com/a/2610741 */
main.sub > .container > .content .comm-content .boardSearch .txt-area input::placeholder {						/* CSS Working Draft */
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area input:-moz-placeholder {					/* Mozilla Firefox 4 to 18 */
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area input::-moz-placeholder {					/* Mozilla Firefox 19+ */
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area input:-ms-input-placeholder {		 		/* Internet Explorer 10-11 */
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area input::-webkit-input-placeholder {		/* WebKit, Blink, Edge */
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area input {
	display: block;
	float: left;
	height: 30px;
	width: 242px;
	padding: 8px;
	/*color: #acacac;*/
	font-size: 13px;
	/*font-weight: bold;*/
	line-height: 100%;
	background: #f7f7f7;
	border: 1px solid #d9d9d9;
}

main.sub > .container > .content .comm-content .boardSearch .txt-area button {
	display: block;
	float: right;
	width: 60px;
	height: 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: #333;
	border: 0;
}

main.sub > .container > .content .comm-content .boardList table.boardTable {
	width: 100%;
	margin-bottom: 20px;
	border-top: 3px solid #000;
	border-bottom: 1px solid #999;
}

/* THEAD */
main.sub > .container > .content .comm-content .boardList table.boardTable thead tr th {
	height: 39px;
	vertical-align: middle;
	background: #fafafa;
	border-bottom: 1px solid #d9d9d9;
}

main.sub > .container > .content .comm-content .boardList table.boardTable thead tr th,
main.sub > .container > .content .comm-content .boardList table.boardTable thead tr th a {
	color: #000;
	font-size: 13px;
}

/* TBODY */
main.sub > .container > .content .comm-content .boardList table.boardTable tr.nav_article {
	display: none;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td {
	height: 38px;
	vertical-align: middle;
	border-bottom: 1px solid #d9d9d9;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr:last-child td {
	border-bottom: 0;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr.notice td i.notice_icon {
	display: block;
	width: 14px;
	height: 15px;
	margin: auto;
	background: url('../../images/board_notice_icon.png') no-repeat;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr.notice td,
main.sub > .container > .content .comm-content .boardList table.boardTable tr.notice td a {
	color: #e6333c;
	font-size: 13px;
	font-weight: bold;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td.no {
	text-align: center;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td.title {
	text-align: left;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td.date {
	text-align: center;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td,
main.sub > .container > .content .comm-content .boardList table.boardTable tr td a {
	color: #3f3f3f;
	font-size: 13px;
}

main.sub > .container > .content .comm-content .boardList table.boardTable tr td.no_document {
	text-align: center;
}

main.sub > .container > .content .comm-content .pageNavi {
	width: 100%;
	margin-bottom: 100px;
	text-align: center;
}

main.sub > .container > .content .comm-content .pageNavi a {
	display: inline-block;
}

main.sub > .container > .content .comm-content .pageNavi a.nav {
	height: 13px;
	margin-right: 16px;
	vertical-align: middle;
}

main.sub > .container > .content .comm-content .pageNavi a.nav:last-child {
	margin-right: 0;
}

main.sub > .container > .content .comm-content .pageNavi a.nav > img {
	display: block;
}

main.sub > .container > .content .comm-content .pageNavi .index_wrap {
	display: inline-block;
	margin-right: 16px;
}

main.sub > .container > .content .comm-content .pageNavi .index_wrap a.index {
	width: 36px;
	height: 36px;
	margin-right: 6px;
	color: #8e8e8e;
	font-size: 13px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #e0e0e0;
}

main.sub > .container > .content .comm-content .pageNavi .index_wrap a.index:last-child {
	margin-right: 0;
}

main.sub > .container > .content .comm-content .pageNavi a.index.on {
	color: #fff;
	font-weight: bold;
	background: #999;
	border: 0;
}

/* FAQ */
main.sub > .container > .content .comm-content ul.faq-area {
	/*width: 100%;*/
	margin-bottom: 100px;
	border-top: 3px solid #000;
	border-bottom: 1px solid #999;
}

main.sub > .container > .content .comm-content ul.faq-area > li {
	border-bottom: 1px solid #d9d9d9;
}

main.sub > .container > .content .comm-content ul.faq-area > li:last-child {
	border-bottom: 0;
}

main.sub > .container > .content .comm-content ul.faq-area > li .question {
	position: relative;
	height: 38px;
	background: #fafafa url('../../images/board_faq_question_icon.png') no-repeat left 58px center;
	cursor: pointer;
}

main.sub > .container > .content .comm-content ul.faq-area > li .question:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../../images/board_faq_collapsed_icon.png') no-repeat right 88px center;
}

main.sub > .container > .content .comm-content ul.faq-area > li .question.active {
	background-color: #e8e8e8;
}

main.sub > .container > .content .comm-content ul.faq-area > li .question.active:after {
	background: url('../../images/board_faq_expanded_icon.png') no-repeat right 88px center;
}

main.sub > .container > .content .comm-content ul.faq-area > li .question > a {
	display: inline-block;
	margin-left: 140px;
	color: #3f3f3f;
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
}

main.sub > .container > .content .comm-content ul.faq-area > li .answer {
	display: none;
	background: url('../../images/board_faq_answer_icon.png') no-repeat left 63px top 27px;
}

main.sub > .container > .content .comm-content ul.faq-area > li:first-child .answer {
	/*display: block;*/
}

main.sub > .container > .content .comm-content ul.faq-area > li .answer > span {
	display: inline-block;
	margin-left: 140px;
	padding: 25px 0;
	color: #3f3f3f;
	font-size: 13px;
	line-height: 23px;
}

/* VIEW */
main.sub > .container > .content .comm-content .boardList.view table.boardTable {
	margin-bottom: 40px;
}

main.sub > .container > .content .comm-content .boardList table.boardTable thead tr th.title {
	padding-left: 28px;
	text-align: left;
}

main.sub > .container > .content .comm-content .boardList.view table.boardTable tr td .boardContent {
	width: 960px; /* Bug fix */
	padding: 40px 28px;
}

main.sub > .container > .content .comm-content .boardList.view table.boardTable tr td .boardContent .boardShare {
	display: none;
}

main.sub > .container > .content .comm-content .boardList.view .list_btn_wrap {
	margin-bottom: 100px;
}

main.sub > .container > .content .comm-content .boardList.view .list_btn_wrap .list_btn {
	display: block;
	width: 88px;
	height: 35px;
	margin: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	background: #999;
}

/* COMPANY */

/* ㄴ C9 ENT */
main.sub > .container.studio.idx_1 > .content img.image_1 {
	display: block;
	margin: 60px auto 65px;
}

main.sub > .container.studio.idx_1 > .content span.text_1 {
	display: block;
	width: 722px;
	margin: 0 auto 90px;
	color: #7c7c7c;
	font-size: 13px;
	line-height: 26px;
	text-align: justify;
	letter-spacing: -1px;
}

/* ㄴ BUSINESS */
main.sub > .container.studio.idx_2 > .content.idx_1 {
	margin-top: 50px;
}

main.sub > .container.studio.idx_2 > .content.idx_1 .lable {
	margin-bottom: 50px;
}

main.sub > .container.studio.idx_2 > .content.idx_1 .lable img.logo {
	display: block;
	float: left;
}

main.sub > .container.studio.idx_2 > .content.idx_1 .lable .information {
	float: right;
	width: 547px;
	margin-right: 43px;
}

main.sub > .container.studio.idx_2 > .content.idx_1 .lable .information h1.title {
	display: inline-block;
	height: 28px;
	margin: 50px 0 20px;
	color: #000;
	font-size: 16px;
	line-height: 100%;
	border-bottom: 2px solid #000;
}

main.sub > .container.studio.idx_2 > .content.idx_1 .lable .information span.description {
	display: inline-block;
	width: 100%;
	color: #7d7d7d;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: -1px;
}

main.sub > .container.studio.idx_2 > .content.idx_2 img.image_1 {
	display: block;
	margin: 84px auto 100px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 {
	margin-top: 50px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .studio {
	margin-bottom: 60px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .studio img.logo {
	display: block;
	float: left;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .studio .information {
	float: right;
	width: 547px;
	margin-right: 43px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .studio .information h1.title {
	display: inline-block;
	height: 28px;
	margin: 50px 0 20px;
	color: #000;
	font-size: 16px;
	line-height: 100%;
	border-bottom: 2px solid #000;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .studio .information span.description {
	display: inline-block;
	width: 100%;
	color: #7d7d7d;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: -1px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .contact_us {
	margin-bottom: 100px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .contact_us .information {
	margin-bottom: 25px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .contact_us .information h1.title {
	display: inline-block;
	width: 100%;
	height: 28px;
	margin-bottom: 20px;
	color: #000;
	font-size: 16px;
	line-height: 100%;
	border-bottom: 2px solid #000;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .contact_us .information strong.address {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	color: #000;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: -1px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .contact_us .information span.description {
	display: inline-block;
	width: 100%;
	color: #7d7d7d;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: -1px;
}

main.sub > .container.studio.idx_2 > .content.idx_3 .map {
	width: 100%;
	height: 400px;
}

/* ㄴ CONTACT */
main.sub > .container.studio.idx_3 > .content .information {
	position: relative;
	width: 800px;
	margin: 60px auto;
}

main.sub > .container.studio.idx_3 > .content .information .item {
	margin-bottom: 25px;
}

main.sub > .container.studio.idx_3 > .content .information .item h1.title {
	display: block;
	float: left;
	width: 125px;
	color: #000;
	font-size: 15px;
	line-height: 20px;
}

main.sub > .container.studio.idx_3 > .content .information .item span.description {
	display: block;
	float: left;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -1px;
}

main.sub > .container.studio.idx_3 > .content .information button.ask_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 120px;
	height: 30px;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	background: #999;
	border: none;
}

section.modal.ask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
}

section.modal.ask .modal_container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 716px;
	min-height: 300px;
	margin: auto;
	padding: 20px 40px;
	background: #fff;
	transform: translate(-50%, -50%);
}

section.modal.ask .modal_container button.modal_close {
	float: right;
	width: 20px;
	height: 20px;
	background: url('../../images/sub_studio_2_3_content_modal_close_btn_bg.png') no-repeat;
	border: 0;
}

section.modal.ask .modal_container h1.title {
	display: block;
	width: 100%;
	height: 26px;
	margin: 40px 0 30px;
	color: #000;
	font-size: 26px;
	text-align: center;
	line-height: 70%%;
}

section.modal.ask .modal_container .input_wrap {
	/*width: 100%;*/
	border-top: 3px solid #000;
}

section.modal.ask .modal_container .input_wrap > ul {
}

section.modal.ask .modal_container .input_wrap > ul > li {
	/*height: 49px;*/
    /*border-bottom: 1px solid #d9d9d9;*/
}

section.modal.ask .modal_container .input_wrap > ul > li:last-child {
	/*border-bottom: 1px solid #999;*/
}

section.modal.ask .modal_container .input_wrap > ul > li > div {
	float: left;
	height: 49px;
    border-bottom: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li:last-child > div {
	border-bottom: 1px solid #999;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.label {
	width: 200px;
	color: #3f3f3f;
	font-size: 13px;
	text-align: center;
	line-height: 49px;
	background: #fafafa;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input {
	position: relative;
	display: block;
	width: calc(100% - 200px);
}

input, select, textarea {
	font-family: "Nanum Gothic";
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input input[type="number"]::-webkit-outer-spin-button,
section.modal.ask .modal_container .input_wrap > ul > li > div.input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input input[type="number"] {
    -moz-appearance: textfield;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > input {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 402px;
	height: 30px;
	margin: auto;
	padding: 6px;
	border: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap {
	position: relative;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 402px;
	height: 30px;
	margin: auto;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > input.divide {
	display: block;
	float: left;
	width: 120px;
	height: 30px;
	padding: 6px;
	border: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > input.divide.idx_1 {
	left: 0;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > input.divide.idx_2 {
	left: 0;
	right: 0;
	margin: 0 auto;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > input.divide.idx_3 {
	right: 0;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > span.hyphen:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 11px;
	height: 1px;
	margin: auto;
	background: #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > span.hyphen {
	position: relative;
	display: block;
	float: left;
	width: 21px;
	height: 100%;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > span.at:before {
	content: "@";
	color: #acacac;
	font-size: 14px;
	line-height: 30px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > span.at {
	position: relative;
	display: block;
	float: left;
	width: 21px;
	height: 100%;
	text-align: center;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .divide_wrap > select.divide {
	display: block;
	float: right;
	width: 120px;
	height: 30px;
	color: #acacac;
	font-size: 13px;
    border: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.label.large {
	height: 169px;
	line-height: 169px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input.large {
	height: 169px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.label.medium {
	height: 69px;
	line-height: 69px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input.medium {
	height: 69px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > textarea {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 402px;
	height: 150px;
	margin: auto;
	padding: 6px;
	border: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .file_wrap {
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
	width: 402px;
	height: 30px;
	margin: 0 auto;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .file_wrap > input {
	float: left;
	width: calc(100% - 120px);
	height: 30px;    
	padding: 6px;
    border: 1px solid #d9d9d9;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .file_wrap > button {
	float: left;
	width: 120px;
	height: 30px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #999999;
	border: 0;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > .file_wrap > button.file_delete_btn {
    position: absolute;
    right: 120px;
    display: none;
    width: 30px;
    height: 30px;
    padding: 0;
    background: url('../../images/sub_studio_2_3_content_modal_file_delete_btn_bg.png') no-repeat center;
    background-size: 12px;
}

section.modal.ask .modal_container .input_wrap > ul > li > div.input > span.tip {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 9px;
	display: block;
	width: 402px;
	margin: 0 auto;
	color: #e6333c;
	font-size: 13px;
	line-height: 100%;
}

section.modal.ask .modal_container .button_wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	width: 188px;
	margin: 0 auto;
}

section.modal.ask .modal_container .button_wrap > button {
	float: left;
	width: 88px;
	height: 35px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #999999;
	border: 0;
}

section.modal.ask .modal_container .button_wrap > button.modal_submit {
	float: right;
	background: #e6333c;
}

main.sub > .container.studio.idx_3 > .content .map {
	width: 100%;
	height: 400px;
	margin-bottom: 130px;
}

/* NOTICE */
main.sub > .container.notice.idx_1 > .content {
	margin-top: 15px;
}

main.sub > .container.notice.idx_1 > .content .comm-content .boardSearch {
	display: block;
}

main.sub > .container.notice.idx_1 > .content .comm-content .boardSearch .slt-area {
	display: none;
}

/* ARTIST */
main.sub > .container.artist.idx_1 > .content ul.artist_list {
	margin: 30px 0 100px; 
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist {
	position: relative;
	display: block;
	float: left;
	/*width: 25%;*/
    width: calc((100% - 90px) / 4);
	height: 217px;
	margin: 0 30px 30px 0;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist:nth-child(4n+4) {
	margin-right: 0;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist:nth-child(4n+1):nth-last-child(-n+4),
main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    margin-bottom: 0;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist:hover .information {
	display: table;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information a.artist:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 21px;
	height: 2px;
	margin: 0 auto;
	background: #fff;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information a.artist {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 15px 12px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links {
	position: absolute;
    bottom: 39px;
    width: 100%;
    height: 13px;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a {
	display: inline-block;
	margin-right: 14px;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a:last-child {
	margin-right: 0;
}

main.sub > .container.artist.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a > img {
	display: block;
}

/* ROOKIE */
main.sub > .container.rookie.idx_1 > .content ul.artist_list {
	margin-bottom: 100px; 
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist {
	position: relative;
	display: block;
	float: left;
	/*width: 25%;*/
    width: calc((100% - 90px) / 4);
	height: 217px;
	margin: 0 30px 30px 0;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist:nth-child(4n+4) {
	margin-right: 0;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist:nth-child(4n+1):nth-last-child(-n+4),
main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    margin-bottom: 0;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist:hover .information {
	display: table;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information a.artist:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 21px;
	height: 2px;
	margin: 0 auto;
	background: #fff;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information a.artist {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 15px 12px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links {
	position: absolute;
    bottom: 39px;
    width: 100%;
    height: 13px;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a {
	display: inline-block;
	margin-right: 14px;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a:last-child {
	margin-right: 0;
}

main.sub > .container.rookie.idx_1 > .content ul.artist_list li.artist .information .inner_information .sns_links > a > img {
	display: block;
}

main.sub > .container.rookie > .content section.modal .modal_container nav.artist_lnb {
	display: none;
}

main.sub > .container.rookie > .content section.modal .modal_container .content {
	padding-top: 58px;
}

/* MODAL */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes fadeIn {
    from { opacity: 1; }
      to { opacity: 0; }
}

section.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	overflow-y: auto;
	overflow-x: hidden;
}

section.modal .modal_container {
	position: absolute;
	/*top: 50%;*/
	/*left: 50%;*/
	width: 100vw;
	/*height: 100vh;*/
	/*min-height: 300px;*/
	min-height: 100vh;
	margin: auto;
	background: #fff;
	/*transform: translate(-50%, -50%);*/
}

section.modal .modal_container .header {
	overflow: hidden;
	background: #343333;
}

section.modal .modal_container .header .inner_header {
	position: relative;
	width: 960px;
	height: 135px;
	margin: 40px auto;
	/*padding: 40px 0;*/
}

section.modal .modal_container .header .inner_header button.modal_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 27px;
	background: url('../../images/sub_artist_1_content_modal_close_btn_bg.png') no-repeat;
	border: 0;
	z-index: 1;
}

section.modal .modal_container .header .inner_header button.profile_download {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 118px;
	height: 28px;
	color: #fff;
	font-size: 13px;
	line-height: 100%;
	letter-spacing: -1px;
	background: transparent;
	border: 1px solid #fff;
	z-index: 1;
}

section.modal .modal_container .header .inner_header .sns_links {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

section.modal .modal_container .header .inner_header .sns_links > a {
	float: left;
	display: none;
	margin-right: 23px;
}

section.modal .modal_container .header .inner_header .sns_links > a:last-child {
	margin-right: 0;
}

section.modal .modal_container .header .inner_header .sns_links > a > img {
	display: block;
}

section.modal .modal_container .header .inner_header .summary_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;    
	width: 340px;
    text-align: justify;
}

section.modal .modal_container .header .inner_header .summary_wrap .summary {
	color: #bcbcbc;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: -.7px;
}

section.modal .modal_container .header .inner_header .title_wrap:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 29px;
	height: 1px;
	margin: 0 auto;
	background: #fff;
}

section.modal .modal_container .header .inner_header .title_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	z-index: 0;
}

section.modal .modal_container .header .inner_header .title_wrap .title {
	position: absolute;
	bottom: 0;
	width: 100%;
}

section.modal .modal_container .header .inner_header .title_wrap .title > h1 {
	padding-bottom: 6px;
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 100%;
}

section.modal .modal_container .header .inner_header .title_wrap .title > small {
	color: #bcbcbc;
	font-size: 13px;
	line-height: 100%;
}

section.modal .modal_container nav.artist_lnb {
	display: table;
	width: 960px;
	height: 92px;
	margin: 0 auto;
}

section.modal .modal_container nav.artist_lnb ul.list {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

section.modal .modal_container nav.artist_lnb ul.list li.child {
	position: relative;
	display: inline-block;
	margin-right: 50px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: -.2px;
	cursor: pointer;
}

section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-main, 
section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-filmography, 
section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-about, 
section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-album, 
section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-video, 
section.modal .modal_container nav.artist_lnb ul.list li.child#artist-lnb-gallery {
	display: none;
}

section.modal .modal_container nav.artist_lnb ul.list li.child.active {
	color: #e6333c;
}

section.modal .modal_container nav.artist_lnb ul.list li.child.active:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	display: block;
	width: 100%;
	height: 2px;
	background: #e6333c;
}

section.modal .modal_container nav.artist_lnb ul.list li.child:last-child {
	margin-right: 0;
}

section.modal .modal_container > .content {
	min-height: 100px;
}

/* MAIN */
section.modal .modal_container .content .main_wrap {
	margin-bottom: 100px;
}

section.modal .modal_container .content .main_wrap > .main {
	width: 960px;
	margin: 0 auto;
}


/* FILMOGRAPHY */
section.modal .modal_container .content .filmography_wrap {
}

section.modal .modal_container .content .filmography_wrap .profile_image_wrap {
	width: 960px;
	margin: 0 auto;
}

section.modal .modal_container .content .filmography_wrap .profile_image_wrap .profile_image {
	position: relative;
	height: 626px;
	margin-bottom: 88px;
	border: 1px solid #e3e3e3;
}

section.modal .modal_container .content .filmography_wrap .profile_image_wrap .profile_image > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

section.modal .modal_container .content .filmography_wrap .profile_image_nav {
	position: relative;
	width: 407px;
	margin: 0 auto 63px;
}

section.modal .modal_container .content .filmography_wrap .profile_image_nav .child {
	position: relative;
	float: left;
	width: 129px;
	height: 129px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

section.modal .modal_container .content .filmography_wrap .profile_image_nav .child:last-child {
	margin-right: 0;
}

section.modal .modal_container .content .filmography_wrap .profile_image_nav .child.active:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../../images/sub_artist_1_content_modal_album_nav_select_btn_bg.png') no-repeat center;
	background-size: cover;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap {
	overflow: hidden;
	background: #eff1f2;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap > .career {
	width: 960px;
	margin: 66px auto 100px;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap > .career > .item {
	display: none;
	width: 462px;
	margin-bottom: 36px;
	padding: 45px;
	background: #fff;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap > .career > .item:last-child {
	margin-bottom: 0;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap > .career > .item > h1.title { 
    display: inline-block;
    height: 28px;
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    line-height: 100%;
    border-bottom: 2px solid #000;
}

section.modal .modal_container .content .filmography_wrap > .career_wrap > .career > .item > span.content { 
    display: inline-block;
    width: 100%;
    color: #7c7c7c;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -.5px;
}

/* ABOUT */
section.modal .modal_container .content .about_wrap {
}

section.modal .modal_container .content .about_wrap > .cover {
	width: 960px;
	margin: 0 auto 50px;
}

section.modal .modal_container .content .about_wrap > .cover > img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

section.modal .modal_container .content .about_wrap > .profile_wrap {
	width: 960px;
	margin: 0 auto 63px;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > h1.title {
    display: inline-block;
    width: 100%;
    height: 28px;
    margin-bottom: 36px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    line-height: 100%;
    border-bottom: 2px solid #000;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > .profile_list {

}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child {
	position: relative;
	float: left;
	/*width: 213px;*/
	width: calc((100% - 108px) / 4);
	height: 465px;
	margin: 0 36px 36px 0;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 15px;
	height: 1px;
	background: #000;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child:nth-child(4n+4) {
	margin-right: 0;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child:nth-child(4n+1):nth-last-child(-n+4),
section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    margin-bottom: 0;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child .thumbnail {
	width: 213px;
	height: 213px;
	margin-bottom: 36px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child span.name_ko {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	color: #3e3e3e;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child span.name_en {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	color: #828282;
	font-size: 10px;
	line-height: 100%;
}

section.modal .modal_container .content .about_wrap > .profile_wrap > ul.profile_list > li.child span.description {
	display: inline-block;
	width: 100%;
	color: #7c7c7c;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: -.5px;
}

section.modal .modal_container .content .about_wrap > .career_wrap {
	overflow: hidden;
	background: #eff1f2;
}

section.modal .modal_container .content .about_wrap > .career_wrap > .career {
	width: 960px;
	margin: 66px auto 100px;
}

section.modal .modal_container .content .about_wrap > .career_wrap > .career > .item {
	display: none;
	width: 462px;
	margin-bottom: 36px;
	padding: 45px;
	background: #fff;
}

section.modal .modal_container .content .about_wrap > .career_wrap > .career > .item:last-child {
	margin-bottom: 0;
}

section.modal .modal_container .content .about_wrap > .career_wrap > .career > .item > h1.title { 
    display: inline-block;
    height: 28px;
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    line-height: 100%;
    border-bottom: 2px solid #000;
}

section.modal .modal_container .content .about_wrap > .career_wrap > .career > .item > span.content { 
    display: inline-block;
    width: 100%;
    color: #7c7c7c;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -.5px;
}

/* ALBUM */
section.modal .modal_container .content .album_wrap {
	margin-bottom: 100px;
}

section.modal .modal_container .content .album_wrap .nav_albums {
	overflow: hidden;
	height: 207px;
	margin-bottom: 50px;
	background: #eff1f2;
}

section.modal .modal_container .content .album_wrap .nav_albums .inner_nav_albums {
	position: relative;
	width: 960px;
	margin: 39px auto 0;
}

section.modal .modal_container .content .album_wrap .nav_albums .nav {
	position: absolute;
	top: 50px;
	width: 15px;
	height: 27px;
	cursor: pointer;
}

section.modal .modal_container .content .album_wrap .nav_albums .nav.prev {
	left: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_prev_bg.png') no-repeat;
}

section.modal .modal_container .content .album_wrap .nav_albums .nav.next {
	right: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_next_bg.png') no-repeat;
}

section.modal .modal_container .content .album_wrap .nav_albums .swiper-container {
	width: 824px;
	margin: 0 auto;
}

section.modal .modal_container .content .album_wrap .nav_albums .swiper-container .swiper-slide {
	cursor: pointer;
}

section.modal .modal_container .content .album_wrap .nav_albums .swiper-container .swiper-slide .thumbnail {
	position: relative;
	/*width: 197px;*/
	width: 100%;
	height: 129px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.modal .modal_container .content .album_wrap .nav_albums .swiper-container .swiper-slide.active .thumbnail:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../../images/sub_artist_1_content_modal_album_nav_select_btn_bg.png') no-repeat center;
	background-size: cover;
}

section.modal .modal_container .content .album_wrap .album_item_content {
	width: 960px;
	margin: 0 auto;
}

section.modal .modal_container .content .album_wrap .album_item_content > .album {
	float: left;
	width: 463px;
	height: 463px;
}

section.modal .modal_container .content .album_wrap .album_item_content > .album > img {
 	display: block;
 	width: 100%;
 	height: 100%;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information {
	float: right;
	width: 462px;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information span.date {
	position: relative;
	display: inline-block;
	height: 20px;
	margin-bottom: 100px;
	color: #000;
	font-size: 15px;
	font-weight: 900;
	line-height: 100%;
	/*letter-spacing: -.5px;*/
	border-bottom: 2px solid #000;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information span.title {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	color: #000;
	font-size: 35px;
	font-weight: 900;
	line-height: 45px;
	letter-spacing: -1px;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information span.description {
	display: inline-block;
	margin-bottom: 40px;
	color: #7c7c7c;
	font-size: 13px;
	line-height: 23px;
	word-break: break-all;
	letter-spacing: -.5px;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information .track_list_wrap h1.title {
	display: inline-block;
	margin-bottom: 11px;
	color: #454545;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
}

section.modal .modal_container .content .album_wrap .album_item_content > .information .track_list_wrap .track_list {
	color: #7c7c7c;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: -.5px;
}

/* VIDEO */
section.modal .modal_container .content .video_wrap {
	margin-bottom: 100px;
}

section.modal .modal_container .content .video_wrap .mv_item_content {
	width: 960px;
	margin: 0 auto 50px;
}

section.modal .modal_container .content .video_wrap .mv_item_content .video {
	width: 100%;
	height: 539px;
	margin: 0 auto 38px;
}

section.modal .modal_container .content .video_wrap .mv_item_content .information {
	/*width: 970px;*/
	/*margin: 0 auto;*/
}

section.modal .modal_container .content .video_wrap .mv_item_content .information span.title {
	display: inline-block;
	height: 34px;
	font-size: 28px;
	font-weight: 600;
        word-spacing:-2px
	line-height: 100%;
	vertical-align: middle;
	border-bottom: 2px solid #000;
}

section.modal .modal_container .content .video_wrap .nav_mvs {
	overflow: hidden;
	height: 246px;
	background: #eff1f2;
}

section.modal .modal_container .content .video_wrap .nav_mvs .inner_nav_mvs {
	position: relative;
	width: 960px;
	margin: 39px auto 0;
}

section.modal .modal_container .content .video_wrap .nav_mvs .nav {
	position: absolute;
	top: 50px;
	width: 15px;
	height: 27px;
	cursor: pointer;
}

section.modal .modal_container .content .video_wrap .nav_mvs .nav.prev {
	left: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_prev_bg.png') no-repeat;
}

section.modal .modal_container .content .video_wrap .nav_mvs .nav.next {
	right: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_next_bg.png') no-repeat;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container {
	width: 856px;
	margin: 0 auto;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-wrapper.center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
			justify-content: center;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-slide {
	cursor: pointer;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-slide .thumbnail {
	position: relative;
	/*width: 197px;*/
	width: 100%;
	height: 111px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-slide.active .thumbnail:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../../images/sub_artist_1_content_modal_video_nav_play_btn_bg.png') no-repeat center;
	background-size: cover;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-slide .information span.title {
	display: inline-block;
	width: 100%;
	margin-bottom: 6px;
	color: #454545;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
}

section.modal .modal_container .content .video_wrap .nav_mvs .swiper-container .swiper-slide .information span.date {
	color: #454545;
	font-size: 13px;
	line-height: 100%;
}

/* GALLERY */
section.modal .modal_container .content .gallery_wrap {
	margin-bottom: 100px;
}

section.modal .modal_container .content .gallery_wrap .gallery_item_content {
	width: 960px;
	margin: 0 auto 50px;
}

section.modal .modal_container .content .gallery_wrap .gallery_item_content .gallery {
	position: relative;
	height: 626px;
	border: 1px solid #e3e3e3;
}

section.modal .modal_container .content .gallery_wrap .gallery_item_content .gallery > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries {
	overflow: hidden;
	height: 207px;
	background: #eff1f2;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .inner_nav_galleries {
	position: relative;
	width: 960px;
	margin: 39px auto 0;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .nav {
	position: absolute;
	top: 50px;
	width: 15px;
	height: 27px;
	cursor: pointer;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .nav.prev {
	left: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_prev_bg.png') no-repeat;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .nav.next {
	right: 0;
	background: url('../../images/sub_artist_1_content_modal_video_nav_next_bg.png') no-repeat;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .swiper-container {
	width: 824px;
	margin: 0 auto;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .swiper-container .swiper-wrapper.center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
			justify-content: center;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .swiper-container .swiper-slide {
	cursor: pointer;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .swiper-container .swiper-slide .thumbnail {
	position: relative;
	/*width: 197px;*/
	width: 100%;
	height: 129px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.modal .modal_container .content .gallery_wrap .nav_galleries .swiper-container .swiper-slide.active .thumbnail:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../../images/sub_artist_1_content_modal_album_nav_select_btn_bg.png') no-repeat center;
	background-size: cover;
}

/* SCHEDULE */
section.modal .modal_container .content .schedule_wrap {
	width: 960px;
	margin: 0 auto 100px;
	padding-top: 40px;
	border-top: 1px solid #cbc6c6;
}

section.modal .modal_container .content .schedule_wrap .no_schedule {
	display: none;
	height: 62px;
	color: #7c7c7c;
	font-size: 13px;
	text-align: center;
	line-height: 62px;
	background: #eff1f2;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > .date {
	float: left;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > .date .year {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px;
	color: #7c7c7c;
	font-size: 15px;
	line-height: 100%;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > .date .month {
	margin-left: -5px;
	color: #e6333c;
	font-size: 15px;
	line-height: 100%;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > .date .month > strong {
	font-size: 104px;
	font-weight: 100;
	line-height: 100%;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list {
	float: right;
	width: 712px;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child {
	height: 62px;
	margin-bottom: 5px;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child > .day {
	position: relative;
	display: block;
	float: left;
	width: 80px;
	height: 100%;
	background: #343333;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child > .day > .date {
	position: absolute;
	left: 15px;
	bottom: 19px;
	color: #fff;
	font-size: 28px;
	line-height: 1;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child > .day > .day {
	position: absolute;
	right: 15px;
	bottom: 19px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child .information {
	float: right;
	width: calc(100% - 80px - 5px);
	height: 100%;
	background: #eff1f2;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child .information .time {
	display: inline-block;
	width: 120px;
	padding: 0 35px;
	color: #7c7c7c;
	font-size: 13px;
	text-align: right;
	line-height: 62px;
	letter-spacing: -.5px;
	background: url('../../images/sub_artist_1_content_modal_schedule_time_bg.png') no-repeat center left 35px;
}

section.modal .modal_container .content .schedule_wrap .schedule_content > ul.schdule_list li.child .information .detail {
	display: inline-block;
	color: #000;
	font-size: 13px;
	line-height: 62px;
	letter-spacing: -.5px;
}

/* AUDITION */
/* ㄴ C9 AUDITION */
main.sub > .container.audition.idx_1 > .content .visual {
	position: relative;
	height: 367px;
	margin: 60px 0 100px;
	background: url('../../images/sub_audition_1_content_visual_bg.png') no-repeat; 
}

main.sub > .container.audition.idx_1 > .content .visual button.download_btn {
	position: absolute;
	bottom: 102px;
	display: block;
	width: 208px;
	height: 43px;
	border: 0;
}

main.sub > .container.audition.idx_1 > .content .visual button.download_btn.han {
	background: url('../../images/sub_audition_1_content_visual_download_han_btn_bg.png') no-repeat;
	left: 30px;
}

main.sub > .container.audition.idx_1 > .content .visual button.download_btn.word {
	background: url('../../images/sub_audition_1_content_visual_download_word_btn_bg.png') no-repeat; 
	left: 258px;
}

main.sub > .container.audition.idx_1 > .content .information {
	margin-bottom: 100px;
    padding: 0 30px;
}

main.sub > .container.audition.idx_1 > .content .information > .item {
	float: left;
}

main.sub > .container.audition.idx_1 > .content .information > .item.idx_1 {
	width: 305px;
}

main.sub > .container.audition.idx_1 > .content .information > .item.idx_3 {
	float: right;
}

main.sub > .container.audition.idx_1 > .content .information > .item h1.title:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 8px;
	height: 1px;
	margin: auto;
	background: #e6333c;
}

main.sub > .container.audition.idx_1 > .content .information > .item h1.title {
	position: relative;
	margin-bottom: 5px;\
	color: #333;
	font-size: 16px;
	font-weight: 900;
    text-indent: 15px;
	line-height: 100%;
}

main.sub > .container.audition.idx_1 > .content .information > .item span.description {
	display: inline-block;
	margin-bottom: 25px;
	color: #7c7c7c;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -.5px;
}

main.sub > .container.audition.idx_1 > .content .information > .item > ol {
	padding-left: 15px;
}

main.sub > .container.audition.idx_1 > .content .information > .item > ol > li {
    list-style-type: decimal;
    list-style-position: outside;
    /*padding-left: 15px;*/
	color: #7c7c7c;
	font-size: 13px;
    /*text-indent: -13px;*/
	line-height: 24px;
	letter-spacing: -.5px;
}

main.sub > .container.audition.idx_1 > .content .information > .item img.description {
	display: block;
	padding-top: 10px;
} 

main.sub > .container.audition.idx_1 > .sns_timeline {
	display: none;
	height: 394px;
	background: #eff1f2;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline {
	width: 960px;
	margin: 0 auto;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline > div {
	width: 462px;
	margin-top: 39px;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .facebook {
	float: left;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .twitter {
	float: right;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline > div > h1.title:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline > div > h1.title {
	position: relative;
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 900;
	text-indent: 30px;
	line-height: 24px;	
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .facebook h1.title:before {
	background: url('../../images/sub_audition_1_sns_timeline_facebook_icon.png') no-repeat;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .facebook h1.title {
	color: #3c5a99;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .twitter h1.title:before {
	background: url('../../images/sub_audition_1_sns_timeline_twitter_icon.png') no-repeat;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline .twitter h1.title {
	color: #00aced;
}

main.sub > .container.audition.idx_1 > .sns_timeline .inner_sns_timeline > div > .content {
	width: 100%;
	height: 274px;
	background: #fff;
}

main.sub > .container.audition.idx_3 > .content .comm-content .pageNavi {
	display: none;
}

/* ㄴ NOTICE */


/* FOOTER */
footer {
	height: 136px;
	border-top: 1px solid #f0f0f0;
}

footer .inner_footer {
	position: relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background: url('../../images/footer_logo_bg.png') no-repeat top 30px left;
}

footer .inner_footer .links {
	margin-left: 170px;
}

footer .inner_footer .links .inner_links {
	margin: 30px 0 18px;
}

footer .inner_footer .links .inner_links > a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #919191;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: -.5px;
}

footer .inner_footer .links .inner_links > a:first-child {
	padding-left: 0;
}

footer .inner_footer .links .inner_links > a:last-child {
	padding-right: 0;
}

footer .inner_footer .links .inner_links > a > img {
	display: block;
}

footer .inner_footer .address {
	display: block;
	margin-bottom: 10px;
	color: #909090;
	font-size: 11px;
	line-height: 16px;
}

footer .inner_footer .copyright {
	display: block;
	color: #909090;
	font-size: 11px;
	line-height: 100%;
}

body > .wrap > section.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
}

body > .wrap > section.modal .modal_container {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow-y: auto;
	width: 700px;
	min-height: 300px;
	max-height: 650px;
	margin: auto;
	padding: 20px 40px;
	background: #fff;
	transform: translate(-50%, -50%);
}

body > .wrap > section.modal .modal_container button.modal_close {
	float: right;
	width: 20px;
	height: 20px;
	background: url('../../images/sub_studio_2_3_content_modal_close_btn_bg.png') no-repeat;
	border: 0;
}

body > .wrap > section.modal .modal_container h1.title {
	display: block;
	width: 100%;
	height: 26px;
	margin: 40px 0 30px;
	color: #000;
	font-size: 26px;
	text-align: center;
	line-height: 70%;
}

body > .wrap > section.modal .modal_container > .content {
    padding: 40px 30px;
    color: #3f3f3f;
    font-size: 13px;
    line-height: 24px;
	border-top: 3px solid #000;
}

/* /FOOTER */


/* 파일업로드 LAYER */
.file-layer {
    display: none;
    position: absolute;
    padding: 25px;
    border: 1px solid #cccccc;
    clear: both;
    background: #fff;
    z-index: 50;
}

.layer-close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

.lp-tit {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

#layer-date {
    width: 100%;
    top: 0;
    padding-bottom: 40px;
    box-sizing: border-box;
    background: #fafafa;
}

.ld-tit {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

/* loading message */
.loading {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

.loading-msg {
    width: 100%;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

.vertical * {
    vertical-align: middle;
}
