@charset "utf-8";

@import url(base.css);
@import url(common.css);

/* visual */
#ndx_visual {position:relative; float:left; width:100%; min-width:1200px; height:700px;}

.bx-wrapper {position:relative; height:100%;}
.bx-viewport {height:100%;}
.bx-viewport div {height:100% !important;}

.bx-controls {position:absolute; left:50%; bottom:20px; width:1200px; margin-left:-600px; text-align:Center;}
.bx-controls div {display:inline-block;}
.bx-pager-link {display:inline-block; width:12px; height:12px; margin-left:6px; box-sizing:border-box; font-size:0; text-indent:-9999px; border:2px solid white; -webkit-border-radius:7px; border-radius:7px;}
.bx-pager-link.active {background:white;}
.bx-pager-item:first-child a {margin-left:0;}

#ndx_visual button {position:absolute; left:50%; bottom:55px; margin-left:-20px;}

#ndx_visual .copy {position:absolute; left:50%; top:170px; width:1200px; margin-left:-600px; box-sizing:border-box; text-align:center;}
#ndx_visual .copy p:nth-child(1) {font-size:40px; line-height:50px; font-family:"notoRegular"; color:#5e1893;}
#ndx_visual .copy p:nth-child(2) {font-size:100px; font-family:"notoBlack"; color:#5e1893;}
#ndx_visual .copy p:nth-child(3) {font-size:24px; font-family:"notoMedium"; color:black;}

/* 프로그램 안내 */
#ndx_business {float:left; width:100%;}
#ndx_business > div {width:1200px; margin:0 auto;}
#ndx_business > div > div {float:left; width:100%; padding:100px 0 100px;}

#ndx_business .top h2 {float:left; width:100%; font-size:45px; font-family:"notoBold"; text-align:center; color:#000000;}
#ndx_business .top p {float:left; width:100%; margin-bottom:70px; font-size:20px; font-family:"notoRegular"; text-align:center;}

#ndx_business .bottom {float:left; width:100%;}
#ndx_business .bottom .bx-wrapper {height:400px !important;}
#ndx_business .bottom p {float:left; width:100%; margin-bottom:25px; font-size:24px; font-family:"notoLight"; text-align:center;}
#ndx_business .bottom ul {float:left; width:100%; margin-bottom:30px;}
#ndx_business .bottom li {float:left; width:16.6%; text-align:center;}
#ndx_business .bottom li:last-child	{width:16.7%}
#ndx_business .btn {float:left; width:100%; margin-top:20px; text-align:center;}


/*--------------------*/
/* 미미아트리에 대하여 */
/*--------------------*/

#ndx_con02 {float:left; width:100%; padding:105px 0 115px; background:url("../img/index/con02_bg.jpg") 50% 50% / cover no-repeat;}
#ndx_con02 > div {width:1200px; margin:0 auto;}
#ndx_con02 > div > div {float:left; width:100%;}
	
#ndx_con02 h2 {float:left; width:100%; font-family:"notoBold"; font-size:45px; text-align:center; color:white;}
#ndx_con02 .text {float:left; width:100%; margin-bottom:45px; font-family:"notoLight"; font-size:22px; text-align:center; color:white;}
#ndx_con02 .box {float:left; width:100%;}
#ndx_con02 .box li {float:left; width:581px; height:367px; margin-left:38px;}
#ndx_con02 .box li:nth-child(1) {margin-left:0; background:url("../img/index/product01.jpg") no-repeat;}
#ndx_con02 .box li:nth-child(2) {background:url("../img/index/product4.jpg") no-repeat;}
#ndx_con02 .box a {position:relative; display:block; width:100%; height:100%; padding-top:240px; box-sizing:border-box;}
#ndx_con02 .box p {width:100%; height:70px; padding-top:18px; box-sizing:border-box; font-family:"notoMedium"; font-size:22px; color: #5e1893; text-align:center; background:#ededed;}
#ndx_con02 .box span {position:absolute; left:50%; bottom:0; display:block; width:134px; height:42px; margin-left:-67px; padding-top:8px; box-sizing:border-box; font-family:"notoMedium"; font-size:16px; text-align:center; color:white; border:1px solid #8f5eb4;}




/* 커뮤니티 */
#ndx_customer {width:1200px; margin:0 auto;}
#ndx_customer > div {float:left; width:100%; padding:100px 0 80px;}
#ndx_customer h2 {float:left; width:100%; font-size:48px; font-family:"notoBold"; text-align:center; color:#000000;}
#ndx_customer p {float:left; width:100%; margin-bottom:100px; font-size:18px; font-family:"notoRegular"; text-align:center; color:black;}

#ndx_customer .board {position:relative; float:left; width:554px;}
#ndx_customer .board h3 {width:100%; margin-bottom:40px; font-size:20px; font-family:"notoMedium";}
#ndx_customer .board ul {width:100%;}
#ndx_customer .board li {position:relative; width:100%; margin-top:15px; padding:0 100px 15px 0; box-sizing:border-box; border-bottom:1px solid #ececec;  font-size:16px; font-family:"notoDemiLight"; color:#000;}
#ndx_customer .board span {position:absolute; right:0; top:0; font-size:16px; font-family:"notoThin"; color:#000;}
#ndx_customer .board img {position:absolute; right:0; top:-10px;}

#ndx_customer .link {float:right; width:600px;}
#ndx_customer .link li {float:left; width:200px; height:251px; box-sizing:border-box; text-align:center; border-left:1px solid #ececec;}
#ndx_customer .link li:first-child {padding-top:20px; border-left:none;}
#ndx_customer .link li:nth-child(2) {padding-top:20px;}
#ndx_customer .link li:nth-child(3) {padding-top:20px;}


/*--------------------------*/
/* 전화 */
/*--------------------------*/

#ndx_factory {float:left; width:100%; min-width:1200px;}
#ndx_factory a {position:relative; float:left; width:50%; height:190px; background:url("../img/index/telBg01.jpg") 50% 50% / cover no-repeat;}
#ndx_factory a:nth-child(2) {background:url("../img/index/telBg02.jpg") 50% 50% / cover no-repeat;}
#ndx_factory a div {position:absolute; top:0; width:600px; height:100%; padding-top:30px; box-sizing:border-box; color:white;}
#ndx_factory a:nth-child(1) div {right:0;}
#ndx_factory a:nth-child(2) div {left:0;}
#ndx_factory a h2 {position:absolute; left:0; top:60px; font-family:"notoDemiLight"; font-size:20px;}
#ndx_factory a p {position:absolute; left:0; top:85px; font-family:"notoMedium"; font-size:40px;}
#ndx_factory a:nth-child(2) h2, #ndx_factory a:nth-child(2) p {left:40px;}
#ndx_factory a img {position:absolute; right:0; top:50%; margin-top:-15px;}
#ndx_factory a:nth-child(1) img {right:36px;}



/* banner */
#ndx_banner {float:left; width:100%; border-top:1px solid #e6e6e6}
#ndx_banner > div {width:1200px; margin:0 auto;}
#ndx_banner table {width:100%;}
#ndx_banner td {text-align:center; width:100%; padding:30px 0; font-size:20px; font-family:"notoBold"; color:#bbbbbb;}