@charset "utf-8";


/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
 body.scrollLock { overflow:hidden;}
.hidden { position:absolute; top:0; left:0; font-size:0;}
 
 #container { overflow:hidden; margin-top:80px;}
 
 .innerBox { position:relative; max-width:1240px; padding:0 20px; margin:0 auto;}

 /* layerPopup */
.layerPopWrap { visibility:hidden; display:flex; display:-ms-flex; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; transition:all .2s ease}
.layerPopWrap .bg {position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layerPopWrap .layerPopCont { display:flex; display:-ms-flex; flex-direction:column; position:relative; width:500px; max-height:90%; border-radius:8px; margin:0 auto; border:1px solid #cccccc; opacity:0; background:#fff;}
.layerPopWrap .layerPopCont .popTitle { height:62px; padding-left:30px; border-radius:8px 8px 0 0; font-size:20px; color:#333333; font-weight:bold; line-height:62px; background:#f1f3f4;}
.layerPopWrap .layerPopCont .contBox { overflow:hidden; overflow-y:auto; height:calc(100% - 62px); height:-ms-calc(100 - 62px); padding:30px;}
.layerPopWrap .layerPopCont > .btnPopClose { position:absolute; top:0; right:0; width:62px; height:62px; font-size:0; background:url('../images/common/btn_pop_close.png') no-repeat center center;}
.layerPopWrap .layerPopCont .btnPopGroup { margin-top:10px; text-align:center; font-size:0;}
.layerPopWrap .layerPopCont .btnPopGroup .btn { display:inline-block; min-width:145px; height:50px; padding:0 30px; border-radius:5px; font-size:17px; color:#fff; line-height:50px; background:#1c9bd7;}
.layerPopWrap .layerPopCont .btnPopGroup .btn + .btn { margin-left:10px;}

.layerPopWrap.alertPop .layerPopCont { width:300px; border:0;}
.layerPopWrap.alertPop .layerPopCont .contBox { height:auto; padding:30px 30px 0px; font-size:15px; color:#666666;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup { overflow:hidden; display:flex; display:-ms-flex; margin:40px -30px 0; border-radius:0 0 8px 8px;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn { width:100%; border-radius:0;}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn + .btn { margin:0; background:silver}

.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont{ animation:fadeInUp .4s ease-in-out forwards;}
 


 /* ==============================
 * main
 * ============================== */
.mainVisual { position:relative; min-height:780px; max-height:780px;}
.mainVisual .visualWrap {}
.mainVisual .visualBox.on { display:block;}
.mainVisual .visualBox { display:none; position:absolute; top:0; left:0; width:100%; min-height:780px; max-height:780px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.mainVisual .visualBox .innerBox { overflow:hidden;}
.mainVisual .visualBox .subTit { margin-top:150px; font-size:30px; color:#ffffff; text-transform:uppercase;}
.mainVisual .visualBox .title { margin-top:55px; font-size:50px; color:#ffffff; font-weight:300; line-height:1.2}
.mainVisual .visualBox .title2 { margin-top:55px; font-size:50px; color:#ffffff; font-weight:300; line-height:1.25}
.mainVisual .dotList { position:absolute; bottom:150px; left:0; right:0; width:1240px; padding:0 20px; margin:0 auto; font-size:0;}
.mainVisual .dotList a { display:inline-block; width:10px; height:10px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; transition:all .3s ease;}
.mainVisual .dotList a + a { margin-left:10px;}
.mainVisual .dotList a.on { border:1px solid rgba(255,255,255,1);  background:#fff;}

.mainNoticeWrap { border-bottom:1px solid #dcdcdc;}
.mainNoticeWrap .innerBox { height:70px;}
.mainNoticeWrap h2 { position:absolute; top:0; left:20px; line-height:70px; font-size:16px; font-weight:normal}
.mainNoticeWrap h2:after { content:''; display:block; position:absolute; right:-45px; top:50%; width:1px; height:18px; background:#c6c6c6;  transform:translateY(-50%);}
.mainNoticeWrap .noticeBox { position:relative; margin-left:220px; margin-right:50px;}
.mainNoticeWrap .noticeBox a { overflow:hidden; visibility:hidden; display:block; position:absolute; top:0; left:0; width:100%; line-height:70px; font-size:14px; font-weight:300; transform:translateY(-20px); text-overflow:ellipsis; white-space: nowrap; transition:all .3s ease; opacity:0;}
.mainNoticeWrap .noticeBox a.on { visibility:visible; animation:noticeOn .3s ease both;}
.mainNoticeWrap .noticeBox a.hide { visibility:hidden; animation:noticeOff .3s ease both;}
.mainNoticeWrap .noticeBox a .date { display:inline-block; margin-right:20px; color:#5f5f5f; font-weight:normal;}
.mainNoticeWrap .arrowBox { position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.mainNoticeWrap .arrowBox a { display:block; float:left; width:6px; height:9px; font-size:0; background:url('../images/main/btn_arrow.png') no-repeat;}
.mainNoticeWrap .arrowBox .btnPrev { margin-right:5px;}
.mainNoticeWrap .arrowBox .btnNext { transform:rotate(180deg);}

@keyframes noticeOn{
	0% { opacity:0; transform:translateY(-20px);}
	100% { opacity:1; transform:translateY(0px);}
}

@keyframes noticeOff{
	0% { opacity:1; transform:translateY(0px);}
	100% { opacity:0; transform:translateY(20px);}
}

.modal{ position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index: 30 }
.modal_content{
	width: 550px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -200px;
	text-align: center;
	box-sizing: border-box;
	padding: 28px 0;
	line-height: 23px;
	cursor: pointer;
}
#current-album-image {
	width: 118px;
}
.image-container {
	margin: 0px 54px;
}

.option-container {
	text-align : end;
}

.option-container > button {
	margin-top: 17px;
	border-radius: 5px;
	padding: 8px;
	border: 1px solid #d9d9d9;
}

#album-info {
	margin-bottom: 32px;
}
.flex-box {
	display: flex;
	justify-content: center;
}

.flex-box > div {
	margin: 0 34px;
}

.mainPlayer {}
.mainPlayer .innerBox:before { content:''; display:block; position:absolute; top:130px; left:280px; width:230px; height:230px; border-radius:50%; background:#00ffff; transform-origin: 45% 45%; animation:cycleM 5s linear infinite alternate both;}
.mainPlayer .appDown { margin-top:100px; text-align:right; font-size:0;}
.mainPlayer .appDown a { display:inline-block; width:220px; height:60px; font-size:0; }
.mainPlayer .appDown a + a { margin-left:5px;}
.mainPlayer .appDown .btnApp1 { background:url('../images/main/btn_app1.png') no-repeat; background-size:100%;}
.mainPlayer .appDown .btnApp2 { background:url('../images/main/btn_app2.png') no-repeat; background-size:100%;}
.mainPlayer .slickWrap { position:relative; margin-top:70px;}
.mainPlayer .slickInfo { position:absolute; top:0; left:0; z-index:2; padding:0 40px 40px 0;}
.mainPlayer .slickInfo h1 { font-weight:300; font-size:40px;}
.mainPlayer .slickInfo .text { margin-top:40px; font-size:16px; font-weight:300;}
.mainPlayer .slickInfo .arrow { margin-top:75px; font-size:0;}
.mainPlayer .slickInfo .btnLeft { display:inline-block; width:52px; height:52px; background:url('../images/main/btn_arrow_off.png') no-repeat; background-size:cover; transition:all .3s ease;}
.mainPlayer .slickInfo .btnLeft:hover { background-image:url('../images/main/btn_arrow_on.png')}
.mainPlayer .slickInfo .btnRight { display:inline-block; width:52px; height:52px; background:url('../images/main/btn_arrow_off.png') no-repeat; background-size:cover; transform:rotate(180deg); transition:all .3s ease;}
.mainPlayer .slickInfo .btnRight:hover { background-image:url('../images/main/btn_arrow_on.png')}
.mainPlayer .slick-list { overflow:visible;}
.mainPlayer .slick { margin:0 15px; opacity:0; transition:all .3s ease; cursor: pointer;}
.mainPlayer .slick.slick-current,
.mainPlayer .slick.slick-current + .slick { opacity:1;}
.mainPlayer .slick.slick-current + .slick ~ .slick { opacity:0.3;}
.mainPlayer .slickBox .img {}
.mainPlayer .slickBox .title { margin-left:15px; margin-top:30px; font-size:24px;}
.mainPlayer .slickBox .text { margin-left:15px; margin-top:15px; font-size:14px; color:#999999; font-family:'NotoSans';}
.mainPlayer .barWrap { position:relative; margin:60px 0px 100px; padding-right:70px;}
.mainPlayer .barWrap .bar { position:relative; width:100%; height:2px; background:#dcdcdc;}
.mainPlayer .barWrap .bar span { position:absolute; top:0; left:0; width:25%; height:2px; background:#000; transition:all .3s ease;}
.mainPlayer .barWrap .text { position:absolute; bottom:0; right:0; font-size:13px; font-weight:300;}
.mainPlayer .barWrap .text span { font-weight:bold;}

@keyframes cycleM{
	0% { transform:translateY(0) scale(1);}
	100% { transform:translateY(-40px) scale(1.2);}
}

.mainDevice { overflow:hidden; position:relative; border-bottom:1px solid #ececec; background:url('../images/main/bg_device.jpg') no-repeat center center; background-size:cover;}
.mainDevice:before { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:40px; background:#fff;}
.mainDevice h1 { margin:80px 0 40px;  font-weight:normal; font-size:40px; color:#ffffff; text-align:center; line-height:1;}
.mainDevice .text { font-size:20px; color:#ffffff; font-weight:300; text-align:center;}
.mainDevice .device { display:flex; display:-ms-flex; margin:60px 0 40px;}
.mainDevice .device span { position:relative; width:100%; height:50px; padding:60px 0; transition:all .3s ease; box-sizing:content-box;}
.mainDevice .device span + span:after { content:''; display:block; position:absolute; top:0; left:0; width:3px; height:100%; background:url('../images/main/bg_line.png') repeat-y;}
.mainDevice .device .icon1 { background:url('../images/main/icon_device_1.png') no-repeat center center;}
.mainDevice .device .icon1:hover { background-image:url('../images/main/icon_device_1_on.png')}
.mainDevice .device .icon2 { background:url('../images/main/icon_device_2.png') no-repeat center center;}
.mainDevice .device .icon2:hover { background-image:url('../images/main/icon_device_2_on.png')}
.mainDevice .device .icon3 { background:url('../images/main/icon_device_3.png') no-repeat center center;}
.mainDevice .device .icon3:hover { background-image:url('../images/main/icon_device_3_on.png')}
.mainDevice .deviceText { display:flex; display:-ms-flex; height:100px; margin:60px 0 0px; text-align:center; background:#fff;}
.mainDevice .deviceText span { position:relative; width:100%; line-height:100px; box-sizing:content-box;}
.mainDevice .deviceText span + span:after { content:'/'; display:block; position:absolute; top:0; left:0; width:3px; height:100%; font-weight:300; color:#a9a9a9;}

.albumViewWrap { position:relative; height:500px; margin-top:100px;}
.albumViewWrap .albumView { display:none; position:absolute; top:0; left:20px; right:20px; padding-top:40.3%;}
.albumViewWrap .albumView.on { display:block;}
.albumViewWrap .albumView .img { position:absolute; top:0; left:0; width:55%;}
.albumViewWrap .albumView .img img { max-width:100%;}
.albumViewWrap .textBox { position:absolute; top:0; left:55%; right:0; height:100%; padding-left:80px; background:url('../images/main/bg_music1.jpg') no-repeat; background-size:cover;}
.albumViewWrap .textBox h2 { margin-top:100px; font-size:40px; font-weight:300; line-height:1;}
.albumViewWrap .textBox .title { margin-top:40px; font-size:20px;}
.albumViewWrap .textBox .title span { display:block; font-weight:300;}
.albumViewWrap .textBox .date { margin-top:30px; font-size:16px; color:#999999; font-weight:300;}
.albumViewWrap .textBox a { display:block; position:absolute; left:80px; bottom:100px; width:210px; height:40px; border-bottom:1px solid #111; line-height:40px; font-weight:300; font-size:16px; background:url('../images/main/btn_more_arrow.png') no-repeat right center;}
.mainAlbum .albumList { width:100%; max-width:1510px; margin:75px auto 100px;}
.mainAlbum .albumList .swiper-slide { width:115px;}

.mainPartners { overflow:hidden; padding-bottom:80px; background:#f7f7f7;}
.mainPartners h1 { margin:80px 0 40px;  font-weight:normal; font-size:40px; text-align:center; line-height:1; font-weight:300;}
.mainPartners .list { margin-left:-11px;}
.mainPartners .list > div { float:left; width:14.28%; padding-left:11px; padding-bottom:11px;}
.mainPartners .list > div.type2 { width:28.57%;}
.mainPartners .list img { max-width:100%;}

 /* ==============================
 * content
 * ============================== */

.subVisual { overflow:hidden; position:relative; height:300px;}
.subVisual .bg { position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/notice/img_visual.jpg') no-repeat center center; background-size:cover;}
.subVisual .innerBox { top:50%; transform:translateY(-50%);}
.subVisual .subText { font-size:12px; color:#ffffff; opacity:0; text-transform: uppercase}
.subVisual .text { margin-top:25px; font-size:40px; color:#ffffff; font-weight:300; opacity:0;}
.subVisual .text span { font-weight:300;}

.subVisual.about .bg { background-image:url('../images/about/img_visual.jpg');}
.subVisual.notice .bg { background-image:url('../images/notice/img_visual.jpg');}
.subVisual.partners .bg { background-image:url('../images/partners/img_visual.jpg');}
.subVisual.player .bg { background-image:url('../images/player/img_visual.jpg');}

.subLocationWrap { overflow:hidden; display:flex; display:-ms-flex; align-items:center; margin-top:60px;}
.subLocationWrap h1 { font-size:40px; color:#111111; font-weight:300;}
.subLocationWrap .location { margin-left:auto; font-size:0;}
.subLocationWrap .location span { display:inline-block; font-size:12px; color:#5f5f5f; text-transform: uppercase; font-family:'NotoSans';}
.subLocationWrap .location span + span:before { content:'>'; display:inline-block; margin:0 5px; font-size:12px; color:#5f5f5f; font-weight:300;}
.subLocationWrap .location span:last-child { font-weight:normal; color:#111111;}

.searchWrap { display:flex; margin:60px 0 50px;}
.searchWrap .search { position:relative; padding-right:65px; margin-left:auto; border:1px solid #dcdcdc;}
.searchWrap .search input { width:300px; height:50px; padding:0; padding-left:25px; border:0; line-height:50px; font-weight:normal; font-size:14px;font-family: 'NotoSans';}
.searchWrap .search button { position:absolute; top:0; right:0; width:65px; height:50px; font-size:0; background:url('../images/common/btn_search.png') no-repeat center center;}

.tableWrap {}
.tableWrap table { border-top:1px solid #000000;}
.tableWrap table th { border-bottom:1px solid #ececec; padding:20px 0; font-size:14px; color:#111; font-family: 'NotoSans'; font-weight:normal; background:#fdfdfd;}
.tableWrap table tbody tr { border-bottom:1px solid #ededed;}
.tableWrap table td { text-align:center; font-size:14px; color:#999; font-family: 'NotoSans'; word-break: break-all;}
.tableWrap table td a { display:block; padding:45px 10px; font-size:18px; color:#111; text-align:left; font-family: 'NotoSans';}
.tableWrap table td .day { margin-right:10px; font-size:14px; color:#0c5cff;}

.tableView {}
.tableView .theader { position:relative; display:flex; display:-ms-flex; border-top:1px solid #000000; border-bottom:1px solid #ececec; align-items:center; background:#fdfdfd;}
.tableView .theader .title { padding:20px 0 20px 40px; font-size:16px;  font-family: 'NotoSans';}
.tableView .theader .date { margin-left:auto; padding:0 40px; font-family: 'NotoSans'; font-size:14px; color:#999999;}
.tableView .theader .date .day { margin-right:10px; font-size:14px; color:#0c5cff;}
.tableView .textBox { padding:60px 40px; border-bottom:1px solid #f0f0f0; font-family: 'NotoSans';}
.tableView .textBox  * { font-family: 'NotoSans';}
.tableView .tfooter { position:relative; margin:60px 0 100px;}
.tableView .tfooter .btnPrev { display:block; position:absolute; top:0; left:0; padding-left:60px; line-height:48px; font-size:14px; color:#111; font-family: 'NotoSans';}
.tableView .tfooter .btnPrev:before { content:''; display:block; position:absolute; top:50%; left:0; width:10px; height:2px; margin-top:-1px; background:#111;}
.tableView .tfooter .btnNext { display:block; position:absolute; top:0; right:0; padding-right:60px; line-height:48px; font-size:14px; color:#111; font-family: 'NotoSans';}
.tableView .tfooter .btnNext:before { content:''; display:block; position:absolute; top:50%; right:0; width:10px; height:2px; margin-top:-1px; background:#111;}
.tableView .tfooter .btnList { display:block; position:relative; width:180px; height:48px; border:1px solid #cccccc; margin:0 auto; padding-left:30px; line-height:46px; font-size:12px; color:#111; letter-spacing: 5px; font-family: 'NotoSans';}
.tableView .tfooter .btnList:before { content:''; display:block; position:absolute; top:50%; right:30px; width:10px; height:2px; margin-top:-1px; background:#111;}

/* 페이징 */
.paging { margin:50px 0 100px; font-size:0; text-align:center;}
.paging.mt0 { margin-top:0;}
.paging strong,
.paging a { display:inline-block; width:40px; height:40px; margin:0 1px; border:1px solid #d9d9d9; vertical-align:middle; font-size:14px; line-height:38px;}
.paging a:hover { border-color:#222222; transition: all .3s ease;}
.paging strong { color:#fff; background:#222222; }
.paging a[class*=btn] { border:0; font-size:0;}
.paging a.btnFirst { background:url('../images/common/btn_paging_prev1.jpg') no-repeat; background-size:cover;}
.paging a.btnPrev { background:url('../images/common/btn_paging_prev2.jpg') no-repeat; background-size:cover;}
.paging a.btnNext { background:url('../images/common/btn_paging_next1.jpg') no-repeat; background-size:cover;}
.paging a.btnLast { background:url('../images/common/btn_paging_next2.jpg') no-repeat; background-size:cover;}

/*partners */
.partnersList { margin-top:70px; margin-left:-12px; font-size:0;}
.partnersList > div { display:inline-block; width:20%; padding-left:12px; vertical-align:top; transition: all .3s ease;}
.partnersList > div img { max-width:100%;}
.partnersList > div p { margin:25px 0 60px; font-size:12px; color:#111; font-weight:bold; text-align:center; text-transform:uppercase; font-family: 'NotoSans';}


/* album */
.albumVisual { padding:170px 0 30px; background:#f8f8f8;}
.albumVisual .innerBox { overflow:hidden; min-height:471px;}
.albumVisual .visual { position:absolute; top:0; left:50%; transform:translateX(-50%);}
.albumVisual .visual img { max-width:100%;}
.albumVisual .textBox { float:left; position:relative;}
.albumVisual .textBox .subTit { font-size:14px; color:#111; font-weight:bold;}
.albumVisual .textBox h1 { margin-top:30px; line-height:1.2; font-size:50px; color:#111111; font-weight:bold;}
.albumVisual .textBox h1 span { display:block; margin-top:20px; font-size:20px; color:#111111; font-weight:normal; width: 380px;}
.albumVisual .textBox h1 strong { font-weight:bold;} 
.albumVisual .textBox ul { margin-top:45px;}
.albumVisual .textBox li { position:relative; padding-left:15px; font-size:14px; color:#b8b6b7; font-weight:bold;}
.albumVisual .textBox li + li { margin-top:15px;}
.albumVisual .textBox li strong { color:#111; font-weight:bold;}
.albumVisual .textBox li:before { content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#111;}
.albumVisual .textBox .btnArrow { margin-top:95px;}
.albumVisual .textBox .btnArrow a { display:inline-block; width:50px; height:50px; vertical-align:top; font-size:0; background:url('../images/album/icon_arrow.png') no-repeat; transform:rotate(180deg);}
.albumVisual .textBox .btnArrow a + a {transform:rotate(0deg);}
.albumVisual .textBox .btnArrow a:hover { background-color:#fff;}
.albumVisual .albumInfoNumber { float:right; position:relative; width: 300px;}
.albumVisual .albumInfoNumber .text { font-size:14px; color:#111; font-weight:bold;}
.albumVisual .albumInfoNumber .img { margin-top:35px;}
.albumVisual .albumInfoNumber ul { margin-top:30px; padding-top:30px; border-top:1px solid #ebebeb;}
.albumVisual .albumInfoNumber li { font-size:14px; color:#b8b6b7; font-weight:bold;}
.albumVisual .albumInfoNumber li + li { margin-top:15px;}
.albumWrap .albumList { margin-top:100px; font-size:0;}
.albumWrap .albumList > div { display:inline-block; width:20%; padding:0 10px; margin-bottom:60px; vertical-align:top; transition: all .3s ease;}
.albumWrap .albumList .img img { max-width:100%;}
.albumWrap .albumList .title { margin-top:25px; font-size:16px; color:#090909; font-family: 'NotoSans';}
.albumWrap .albumList .data { margin-top:2px; font-size:14px; color:#a6a6a6; font-family: 'NotoSans';}


/* player */
.appKitPlayer { position:relative; margin-top:70px;}
.appKitPlayer h2 { position:relative; z-index:1; padding-top:50px; font-size:70px; color:#111; font-weight:300;}
.appKitPlayer .text { position:relative; z-index:1; padding-top:40px; font-size:18px; color:#111; line-height:1.6; font-family: 'Spoqa Han Sans';}
.appKitPlayer .btnAppDown { margin:100px 0 105px;}
.appKitPlayer .btnPlay { display:block; width:220px; height:60px; font-size:0; background:url('../images/player/btn_play.png') no-repeat;}
.appKitPlayer .btnStore { display:block; width:220px; height:60px; margin-top:2px; font-size:0; background:url('../images/player/btn_store.png') no-repeat;}
.appKitPlayer .img1 { position:absolute; top:0; right:50px;}
.appKitPlayer .img2 { position:absolute; top:140px; right:400px;}

.appInfoText { padding:100px 0; background:#f8f8f8;}
.appInfoText h2 { padding-left:64px; line-height:45px; font-weight:normal; font-family: 'Spoqa Han Sans'; font-size:30px; color:#111; background:url('../images/player/icon_player.png') no-repeat 0 center;}
.appInfoText .box { overflow:hidden; position:relative; margin-top:35px; padding:50px;}
.appInfoText .box:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:20px; border:1px solid #e3e3e3; box-sizing:border-box;}
.appInfoText .box:after { content:''; display:block; position:absolute; top:-100px; right:-100px; width:200px; height:200px; border-left:1px solid #e3e3e3; background:#f8f8f8; transform:rotate(-45deg);}
.appInfoText .box h3 { font-size:18px; color:#111; font-weight:bold; font-family: 'Spoqa Han Sans';}
.appInfoText .box ul {}
.appInfoText .box li { position:relative; margin-top:5px; padding-left:12px; font-size:16px; font-family: 'Spoqa Han Sans';}
.appInfoText .box li span { color:#999;}
.appInfoText .box li:before { content:''; display:block; position:absolute; top:11px; left:0; width:2px; height:2px; background:#111;}
.appInfoText .box ul ~ h3 { margin-top:70px;}


/* faq */
.faqWrap { margin-top:70px;}
.faqWrap > .text { margin-bottom:80px; font-size:18px; color:#111; font-weight:300;}

.faqList { border-top:1px solid #000; margin-bottom:100px;}
.faqList > div {}
.faqList .q { display:flex; position:relative; height:120px; border-bottom:1px solid #ededed; padding-left:160px; padding-right:100px; font-size:18px; align-items:center; font-family: 'NotoSans';}
.faqList .q:after { content:''; display:block; position:absolute; top:50%; right:50px; width:31px; height:16px; background:url('../images/player/icon_arrow.png') no-repeat; transition:all .3s ease;}
.faqList .q .label { position:absolute; top:50%; left:50px; font-size:14px; font-weight:bold; transform:translateY(-50%); font-family: 'NotoSans';}
.faqList .q.on:after { transform:rotate(180deg);}

.faqList .a { display:none; position:relative; padding:50px 50px 50px 160px; border-bottom:1px solid #ededed; font-family: 'NotoSans'; background:#fbfbfb;}
.faqList .a .label { position:absolute; top:50px; left:50px; font-size:14px; font-weight:bold; font-family: 'NotoSans'; color:#f0735f;}
.faqList .a .textBox { font-size:14px; color:#6c6b6b;}
.faqList .a .textBox p { margin-bottom:20px;}
.faqList .a .textBox .video { position:relative; padding-top:55%;}
.faqList .a .textBox iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/* funciton */
.secFunction1 { position:relative; margin-top:70px; padding-bottom:100px; transition: all .3s ease;}
.secFunction1:after { content:''; display:block; clear: both;}
.secFunction1 .imgK { position:absolute; top:50px; left:20px; transition: all .3s ease;}
.secFunction1 .text { float:left; margin-top:110px; margin-left:310px; font-size:16px; color:#111; font-family: 'Spoqa Han Sans'; transition: all .3s ease;}
.secFunction1 .img { float:right; transition: all .3s ease;}
.secFunction1 .bg { position:absolute; top:110px; left:0; right:0; height:875px; background:url('../images/player/bg_function1.png') no-repeat center center; transition: all .3s ease;}

.secFunction2 { margin-bottom:-100px; background:#f8f8f8; transition: all .3s ease;}
.secFunction2 .title { padding-top:100px; font-size:16px; color:#000000; font-weight:bold; transition: all .3s ease;}
.secFunction2 .text { padding-top:30px; font-size:16px; color:#111; font-family: 'Spoqa Han Sans'; transition: all .3s ease;}
.secFunction2 .img { position:relative; z-index:1; margin-top:50px; transition: all .3s ease;}
.secFunction2 .list { position:absolute; top:300px; left:550px; width:500px; transition: all .3s ease;}
.secFunction2 .list img { margin-right:68px; margin-bottom:35px; transition: all .3s ease;}
.secFunction2 .roundText { position:absolute; top:100px; right:-23%; font-size:36px; color:#f0735f; font-weight:300; transform-origin:0 0; transform:rotate(90deg); transition: all .3s ease;}

.secFunction3 { position:relative; margin-bottom:100px; background:#fff; transition: all .3s ease;}
.secFunction3 .innerBox { padding-top:230px; transition: all .3s ease;}
.secFunction3 h2 { font-size:36px; color:#f0735f; font-weight:300; transition: all .3s ease;}
.secFunction3 ul { overflow:hidden; margin-left:-30px; margin-top:60px; transition: all .3s ease;}
.secFunction3 li { float:left; width:33.333%; padding-left:30px; transition: all .3s ease;}
.secFunction3 li img { max-width:100%; transition: all .3s ease;}
.secFunction3 li .title { padding-left:20px; margin-top:50px; font-size:16px; font-weight:bold; transition: all .3s ease;}
.secFunction3 li .text { padding-left:20px; margin-top:25px; font-size:16px; color:#111; font-family: 'Spoqa Han Sans'; transition: all .3s ease;}
.secFunction3 .bg { position:absolute; top:-286px; right:-140px; width:641px; height:617px; background:url('../images/player/bg_function2.png') no-repeat center center; transition: all .3s ease;}

/* about */
.aboutKihno {position:relative; margin-top:130px;}
.aboutKihno .imgGroup {}
.aboutKihno .imgGroup .rotateText { position:absolute; top:0px; left:107px; z-index:1; font-size:42px; color:#f0735f; transform-origin:0 0; transform:rotate(90deg);}
.aboutKihno .imgGroup .rotateText span { position:relative; font-weight:300;}
.aboutKihno .imgGroup .rotateText span:after { content:''; display:block; position:absolute; bottom:10px; left:0; right:0; height:1px; background:#f0735f}
.aboutKihno .imgGroup .bg1 { position:absolute; top:110px; left:-100px; width:320px; height:460px; background:#f8f8f8; animation:aboutM2 6s ease infinite alternate both;}
.aboutKihno .imgGroup .bg2 { position:absolute; top:0px; left:180px; width:320px; height:440px; background:url('../images/about/bg_about2.png') no-repeat; animation:aboutM 5s ease 1s infinite alternate both;}
.aboutKihno .imgGroup .bg3 { position:absolute; top:360px; left:375px; width:217px; height:241px; background:url('../images/about/bg_about3.png') no-repeat; animation:aboutM2 10s ease infinite alternate both;}
.aboutKihno .textBox { float:right; position:relative; z-index:2; width:500px; margin-bottom:150px;}
.aboutKihno .textBox h1 { font-weight:bold; font-size:40px; color:#111; font-family: 'Spoqa Han Sans';  letter-spacing: -0.5px;}
.aboutKihno .textBox h1 span { font-size:14px; color:#999999; font-weight:normal;}
.aboutKihno .textBox .subTit { margin-top:20px; font-family: 'Spoqa Han Sans'; font-weight:300; font-size:22px; line-height:1.333; letter-spacing: -0.5px;}
.aboutKihno .textBox .text { margin-top:50px; font-family: 'Spoqa Han Sans'; font-size:16px; color:#111; line-height:2.375; letter-spacing: -1px;}
.aboutKihno .textBox .text strong { font-weight:bold;}

/* contactUs */
.contactUsList { overflow:hidden; margin-top:70px; margin-left:-30px;}
.contactUsList li { float:left; position:relative; width:calc(33.333% - 30px); height:200px; padding-left:6%; margin-left:30px; background:#f9f9f9;}
.contactUsList li strong { display:block; margin-top:45px; font-size:24px; color:#111; font-weight:bold; font-family: 'Spoqa Han Sans';}
.contactUsList li span { display:block; margin-top:20px; font-family: 'Spoqa Han Sans'; font-size:16px; color:#111; font-weight:bold;}
.contactUsList li:after { content:''; display:block; position:absolute; right:50px; bottom:47px; width:32px; height:32px;}
.contactUsList .type1:after { background:url('../images/about/icon_contactUs_1.png') no-repeat; background-size:100%;}
.contactUsList .type2:after { background:url('../images/about/icon_contactUs_2.png') no-repeat; background-size:100%;}
.contactUsList .type3:after { background:url('../images/about/icon_contactUs_3.png') no-repeat; background-size:100%;}
.contactUs .map { margin:65px 0 100px; }
.contactUs .map img { max-width:100%;}

@keyframes aboutM{
	0% { transform:translateY(0)}
	100% { transform:translateY(10px);}
}

@keyframes aboutM2{
	0% { transform:translateY(0)}
	100% { transform:translateY(-10px);}
}

@media screen and (max-width:1240px){
	.mainVisual,
	.mainVisual .visualBox { min-height:680px; max-height:680px;}
	.mainVisual .visualBox .title { font-size:40px;}
	.mainVisual .visualBox .title2 { font-size:40px;}
	
	.mainPlayer .appDown { margin-top:80px;}
	.mainPlayer .appDown a { width:200px; height:55px;}
	.mainPlayer .slickWrap { margin-top:50px;}
	.mainPlayer .slickInfo { padding:0 30px 30px 0;}
	.mainPlayer .slickInfo h1 { font-size:35px;}
	.mainPlayer .barWrap { margin:50px 0 80px;}
	
	.mainDevice h1 { font-size:35px;}
	.mainDevice .text { font-size:18px;}
	
	.albumViewWrap { height:auto; margin-top:80px; padding-top:40%;}
	.albumViewWrap .textBox h2 { margin-top:50px; font-size:35px;}
	.albumViewWrap .textBox .title { font-size:18px;}
	.albumViewWrap .textBox a { bottom:60px;}
	
	.mainAlbum .albumList { margin:65px auto 80px;}
	
	.mainPartners h1 { margin:60px 0 30px; font-size:35px;}
	.mainPartners .list { font-size:0;}
	.mainPartners .list > div { display:inline-block; float:none; width:calc(20% - 11px); margin-left:11px; margin-bottom:11px; padding:0; text-align:center; background:#fff;}
	.mainPartners .list > div.type2 { width:calc(40% - 11px);}
	
	.secFunction1 .imgK img { width:200px;}
	.secFunction1 .text {  margin-left:250px;}
	.secFunction1 .img img { width:300px;}
	.secFunction1 .bg { height:717px; background-size:cover;}
	
	.secFunction2 { margin-bottom:0; padding-bottom:60px;}
	.secFunction2 .img img { width:300px;}
	.secFunction2 .list { left:350px; width:400px;}
	.secFunction2 .list img { margin-right:30px; margin-bottom:20px;}
	.secFunction2 .roundText { right:-220px; font-size:30px;}

	.secFunction3 .innerBox { padding-top:100px;}
	.secFunction3 .bg { right:0; width:400px; background-size:100%;}
	
	.aboutKihno .imgGroup .rotateText { position:absolute; top:0px; left:107px; z-index:1; font-size:42px; color:#f0735f; transform-origin:0 0; transform:rotate(90deg);}
	.aboutKihno .imgGroup .rotateText span { position:relative; font-weight:300;}
	.aboutKihno .imgGroup .rotateText span:after { content:''; display:block; position:absolute; bottom:10px; left:0; right:0; height:1px; background:#f0735f}
	.aboutKihno .imgGroup .bg1 {}
	.aboutKihno .imgGroup .bg2 { left:130px; width:250px; background-size:100%;}
	.aboutKihno .imgGroup .bg3 { left:0; top:450px;}
	
	
	.contactUsList li { padding-left:20px;}
	.contactUsList li:after { right:20px; bottom:20px;}
}

@media screen and (max-width:1000px){
	.mainVisual,
	.mainVisual .visualBox {min-height:680px; max-height:680px;}
	.mainVisual .visualBox .subTit { margin-top:100px;}
	.mainVisual .visualBox .title { font-size:35px;}
	.mainVisual .visualBox .title2 { font-size:35px;}
	.mainVisual .dotList { bottom:100px;}
	
	.mainPlayer .appDown { margin-top:60px;}
	.mainPlayer .appDown a { width:180px; height:50px;}
	.mainPlayer .slickWrap { margin-top:50px;}
	.mainPlayer .slickInfo { padding:0 30px 30px 0;}
	.mainPlayer .slickInfo h1 { font-size:30px;}
	.mainPlayer .slickInfo .text { font-size:14px;}
	.mainPlayer .slickBox .title { margin-top:20px; font-size:22px;}
	.mainPlayer .slickBox .text { margin-top:10px;}
	.mainPlayer .barWrap { margin:40px 0 70px;}
	.mainPlayer .innerBox:before { top:100px; left:200px; width:150px; height:150px;}
	
	.mainDevice h1 { font-size:30px;}
	.mainDevice .text { font-size:16px;}
	.mainDevice .device span { padding:40px 0;}
	.mainDevice .deviceText { height:80px;}
	.mainDevice .deviceText span { line-height:80px;}
	
	.albumViewWrap { height:auto; margin-top:60px; padding-top:0%;}
	.albumViewWrap .albumView { position:static; width:80%; margin:0 auto; padding-top:0;}
	.albumViewWrap .albumView .img { position:static; width:100%; text-align:center;}
	.albumViewWrap .albumView .img img { width:100%;}
	.albumViewWrap .textBox { overflow:hidden; position:static;}
	.albumViewWrap .textBox h2 { margin-top:50px; font-size:30px;}
	.albumViewWrap .textBox .title { margin-top:30px; font-size:16px;}
	.albumViewWrap .textBox a { position:static; margin:60px 0 40px;}
	
	.mainAlbum .albumList { margin:65px auto 80px;}
	
	.mainPartners h1 { margin:50px 0 20px; font-size:30px;}
	.mainPartners .list > div {  width:calc(33.333% - 11px);}
	.mainPartners .list > div.type2 { width:calc(66.666% - 11px);}
	
	
	.partnersList > div { width:25%;}
	
	
	.albumWrap .albumList > div { width:25%;}
	.albumVisual .visual { position:static; margin:0 auto; transform:none; text-align:center;}
	.albumVisual .textBox { width:60%;} 
	.albumVisual .albumInfoNumber { width:40%;}
	
	.appKitPlayer h2 { font-size:60px;}
	.appKitPlayer .text { font-size:16px;}
	.appKitPlayer .img1 { width:250px;}
	.appKitPlayer .img1 img { max-width:100%;} 
	.appKitPlayer .img2 { right:250px; width:250px;}
	.appKitPlayer .img2 img { max-width:100%;}
	
	.secFunction1 .text { margin-left:0; margin-top:350px;}
	
	.secFunction3 .bg { right:-140px;}
	
	.aboutKihno .imgGroup .rotateText { position:static; transform:none;}
	.aboutKihno .imgGroup .bg1 { left:auto; right:0;} 
	.aboutKihno .imgGroup .bg2 { left:auto; right:50px;}
	.aboutKihno .imgGroup .bg3 { left:auto; right:0;} 
	.aboutKihno .textBox { float:none; width:auto; margin-top:50px;}
}

@media screen and (max-width:768px){
	#container { margin-top:60px;}
	
	.mainVisual,
	.mainVisual .visualBox { min-height:inherit; max-height:inherit;}
	.mainVisual .visualBox .innerBox { position:absolute; top:50%; left:0px; transform:translateY(-50%);}
	.mainVisual .visualBox .subTit { margin-top:0px; font-size:11px;}
	.mainVisual .visualBox .title { margin-top:30px; font-size:25px;}
	.mainVisual .visualBox .title2 { margin-top:30px; font-size:20px;}
	.mainVisual .dotList { bottom:50px;}
	
	.mainNoticeWrap .innerBox { height:auto;}
	.mainNoticeWrap h2 { position:static; padding-top:10px; text-align:center; line-height:1.5;}
	.mainNoticeWrap .noticeBox { height:40px; margin-left:0; margin-right:0;}
	.mainNoticeWrap .noticeBox a { line-height:40px; font-size:12px;}
	.mainNoticeWrap .noticeBox a .date {}
	.mainNoticeWrap .arrowBox { top:15px; right:20px; transform:translateY(0);}
	
	.mainPlayer .appDown { position:absolute; top:18px; right:20px; margin-top:0px;}
	.mainPlayer .appDown a { display:block; width:150px; height:41px;}
	.mainPlayer .appDown a + a { margin-left:0; margin-top:5px;}
	
	.mainPlayer .slickInfo { position:static; width:100%; padding:20px;}
	.mainPlayer .slickInfo h1 { font-size:20px;}
	.mainPlayer .slickInfo .text { margin-top:20px; font-size:12px;}
	.mainPlayer .slickInfo .arrow { margin-top:37px;}
	.mainPlayer .slickInfo .btnRight,
	.mainPlayer .slickInfo .btnLeft { width:28px; height:28px;}
	.mainPlayer .slick { opacity:0.3}
	.mainPlayer .slick.slick-current + .slick { opacity:0.3;}
	.mainPlayer .slickBox .img { width:320px; margin:0 auto;}
	.mainPlayer .slickBox .img img { width:100%;}
	.mainPlayer .slickBox .title { width:320px; margin:15px auto 0; font-size:20px;}
	.mainPlayer .slickBox .text { width:320px; margin:15px auto 0; font-size:12px;}
	
	.mainPlayer .barWrap { margin:30px 0 50px;}
	
	.mainDevice h1 { margin:40px 0 20px; font-size:20px;}
	.mainDevice .text { font-size:12px;}
	
	.mainDevice .device { margin:30px 0 20px;}
	.mainDevice .device span { padding:30px 0; height:30px;}
	.mainDevice .device .icon1 { background-size:30px;}
	.mainDevice .device .icon2 { background-size:30px;}
	.mainDevice .device .icon3 { background-size:30px;}
	
	.mainDevice:before { height:20px;}
	.mainDevice .deviceText { height:50px; margin-top:30px;}
	.mainDevice .deviceText span { line-height:50px; font-size:12px;}
	
	.albumViewWrap { margin-top:50px;}
	.albumViewWrap .albumView { width:100%;}
	.albumViewWrap .textBox { padding:0 20px;}
	.albumViewWrap .textBox h2 { font-size:20px;}
	.albumViewWrap .textBox .title { margin-top:20px; font-size:14px;}
	.albumViewWrap .textBox .date { margin-top:15px; font-size:12px;}
	.albumViewWrap .textBox a { width:150px; height:25px; margin:30px 0 20px; line-height:25px; font-size:12px;}
	
	.mainAlbum .albumList { width:auto; margin:37px 20px 50px;}
	.mainAlbum .albumList .swiper-slide { width:100px;}
	.mainAlbum .albumList .swiper-slide img { width:100%;}
	
	.mainPartners { padding-bottom:40px;}
	.mainPartners h1 { margin:40px 0 20px; font-size:20px;}
	.mainPartners .list > div {width: calc(50% - 11px);}
	.mainPartners .list > div.type2 { width:calc(100% - 11px);}
	
	/* */
	.subVisual { height:210px;}
	.subVisual .subText { font-size:11px;}
	.subVisual .text { margin-top:15px; font-size:26px;}
	.subVisual .text span { display:block;}
	
	.subVisual.about .bg { background-image:url('../images/about/img_visual_m.jpg');}
	.subVisual.notice .bg { background-image:url('../images/notice/img_visual_m.jpg');}
	.subVisual.partners .bg { background-image:url('../images/partners/img_visual_m.jpg');}
	.subVisual.player .bg { background-image:url('../images/player/img_visual_m.jpg');}
	
	.subLocationWrap { display:block; margin-top:30px;}
	.subLocationWrap h1 { font-size:20px;}
	.subLocationWrap .location { text-align:right;}
	.subLocationWrap .location span { font-size:11px;}
	
	.searchWrap { display:block; margin:30px 0 25px;}
	.searchWrap .search { }
	.searchWrap .search input { width:100%; height:35px; line-height:35px; font-size:12px;}
	.searchWrap .search button { height:35px;}
	
	.tableWrap table th { padding:10px 0; font-size:12px;}
	.tableWrap .moW1 { width:50px !important;}
	.tableWrap .moW2 { width:80px !important;}
	.tableWrap .moW3 { width:100px !important;}
	.tableWrap table td { font-size:12px;}
	.tableWrap table td a { padding:22px 10px; font-size:12px;}
	.tableWrap table td .day { display:block; margin:0;}
	
	.tableView .theader .title { padding:10px 0 10px 20px; font-size:14px;}
	.tableView .theader .date { padding:0 20px; font-size:12px;}
	.tableView .textBox { padding:30px 20px; font-size:12px;}
	.tableView .tfooter { margin:30px 0 50px;}
	.tableView .tfooter .btnPrev { padding-left:30px; font-size:12px; line-height:40px; }
	.tableView .tfooter .btnNext { padding-right:30px; font-size:12px; line-height:40px;}
	.tableView .tfooter .btnList { width:100px; height:40px; padding-left:20px; line-height:38px;}
	.tableView .tfooter .btnList:before { right:15px;}
	
	.paging { margin:25px 0 50px;}
	.paging strong,
	.paging a { width:30px; height:30px; font-size:12px; line-height:28px;}
	.paging a:hover { border-color:#222222; transition: all .3s ease;}
	.paging strong { color:#fff; background:#222222; }
	.paging a[class*=btn] { border:0; font-size:0;}
	.paging a.btnFirst { background:url('../images/common/btn_paging_prev1.jpg') no-repeat; background-size:cover;}
	.paging a.btnPrev { background:url('../images/common/btn_paging_prev2.jpg') no-repeat; background-size:cover;}
	.paging a.btnNext { background:url('../images/common/btn_paging_next1.jpg') no-repeat; background-size:cover;}
	.paging a.btnLast { background:url('../images/common/btn_paging_next2.jpg') no-repeat; background-size:cover;}
	
	
	.partnersList { margin-top:35px; margin-left:-6px;}
	.partnersList > div { width:50%; padding-left:6px;animation-delay:0ms !important; text-align:center;}
	.partnersList > div p { margin:12.5px 0 30px; font-size:12px;}
	
	.albumVisual { padding:50px 0 50px;}
	.albumVisual .visual { margin-bottom:25px;}
	.albumVisual .textBox { float:none; width:100%;}
	.albumVisual .textBox .subTit { padding-right:80px; font-size:12px;}
	.albumVisual .textBox h1 { padding-right:80px; margin-top:15px; font-size:25px;}
	.albumVisual .textBox h1 span { margin-top:10px; font-size:11px;}
	.albumVisual .textBox ul { margin-top:22.5px;}
	.albumVisual .textBox li { font-size:12px;}
	.albumVisual .textBox li + li { margin-top:7.5px;}
	.albumVisual .textBox .btnArrow { position:absolute; top:0; right:0; margin-top:0;}
	.albumVisual .textBox .btnArrow a { width:30px; height:30px; background-size:30px;}
	
	.albumVisual .albumInfoNumber { float:none; width:100%; margin-top:30px;}
	.albumVisual .albumInfoNumber .text { font-size:12px;}
	.albumVisual .albumInfoNumber ul { margin-top:30px; padding-top:30px;}
	.albumVisual .albumInfoNumber li { font-size:12px;}
	.albumVisual .albumInfoNumber li + li { margin-top:7.5px;}
	
	.albumWrap .albumList { margin-top:50px;}
	.albumWrap .albumList > div { width:50%; margin-bottom:30px;}
	
	/* player */
	.appKitPlayer { margin-top:35px; padding-top:75%;}
	.appKitPlayer h2 { padding-top:25px; font-size:35px;}
	.appKitPlayer .text {padding-top:20px; font-size:12px;}
	.appKitPlayer .btnAppDown { margin:50px 0 50px;}
	.appKitPlayer .btnPlay { width:180px; height:49px; background-size:100%;}
	.appKitPlayer .btnStore { width:180px; height:49px; background-size:100%;}
	.appKitPlayer .img1 { position:absolute; top:0; right:0; width:50%;}
	.appKitPlayer .img2 { position:absolute; top:0; right:50%; width:50%;}
	
	.appInfoText { padding:25px 0;}
	.appInfoText h2 { padding-left:32px; line-height:45px; font-size:15px; background-size:30px;}
	.appInfoText .box { margin-top:17.5px; padding:25px;}
	.appInfoText .box:after { top:-50px; right:-50px; width:100px; height:100px;}
	.appInfoText .box h3 { font-size:15px;}
	.appInfoText .box li {font-size:12px;}
	.appInfoText .box li:before { top:8px;}
	.appInfoText .box ul ~ h3 { margin-top:35px;}
	
	/* faq */
	.faqWrap { margin-top:35px;}
	.faqWrap > .text { margin-bottom:40px; font-size:14px;}
	
	.faqList { margin-bottom:50px;}
	.faqList .q { height:60px; padding-left:80px; padding-right:50px; font-size:14px;}
	.faqList .q:after { top:50%; right:25px; width:16px; height:8px; background-size:100%;}
	.faqList .q .label { top:50%; left:25px; font-size:12px;}
	
	.faqList .a { padding:25px 25px 25px 80px;}
	.faqList .a .label { top:25px; left:25px; font-size:12px;}
	.faqList .a .textBox { font-size:12px;}
	.faqList .a .textBox p { margin-bottom:10px;}
	
	/* function */
	.secFunction1 { margin-top:35px; padding-bottom:50px;}
	.secFunction1 .bg { top:0; height:350px; background-position:25% center;}
	.secFunction1 .imgK { display:block; position:static;}
	.secFunction1 .imgK img { width:150px; padding-top:78px;}
	.secFunction1 .text { float:none; margin-top:80px; font-size:12px;}
	.secFunction1 .img { float:none; margin-top:20px;}
	.secFunction1 .img img { width:100%;}
	
	.secFunction2 .title { padding-top:20px;}
	.secFunction2 .roundText { position:static; transform:none; padding-top:50px; font-size:18px;}
	.secFunction2 .title { font-size:14px;} 
	.secFunction2 .text  { padding-top:15px; font-size:12px;}
	.secFunction2 .img { margin-top:25px;}
	.secFunction2 .img img { width:100%;}
	
	.secFunction3 { margin-bottom:20px;}
	.secFunction3 .innerBox { padding-top:50px;}
	.secFunction3 .bg { top:-40px; right:-73px; width:200px; height:199px;}
	.secFunction3 h2 { font-size:18px;}
	.secFunction3 ul { margin-left:0; margin-top:30px;}
	.secFunction3 li { float:none; width:100%; padding-left:0;}
	.secFunction3 li .title { margin-top:25px; font-size:14px;}
	.secFunction3 li .text { margin-top:12.5px; margin-bottom:40px; font-size:12px;}
	
	.aboutKihno { margin-top:35px;}
	.aboutKihno .imgGroup .rotateText { font-size:21px;}
	.aboutKihno .imgGroup .rotateText span:after { bottom:2px;}
	.aboutKihno .imgGroup .bg1 { display:none;}
	.aboutKihno .imgGroup .bg2 { display:none; width:160px;}
	.aboutKihno .imgGroup .bg3 { top:50px; width:100px; background-size:100%;}
	.aboutKihno .textBox { margin-bottom:75px;}
	.aboutKihno .textBox h1 { font-size:20px;}
	.aboutKihno .textBox h1 span { font-size:12px;}
	.aboutKihno .textBox .subTit { margin-top:10px; font-size:15px;}
	.aboutKihno .textBox .text { margin-top:25px; font-size:12px;}
	
	.contactUsList { margin-top:35px; margin-left:0;}
	.contactUsList li { overflow:hidden; float:none; width:100%; height:100px; padding-right:50px; margin-left:0; margin-bottom:20px;animation-delay:0ms !important;}
	.contactUsList li strong { margin-top:20px; font-size:14px;}
	.contactUsList li span { margin-top:10px; font-size:12px;}
	.contactUsList li:after { width:20px; height:20px;}
	
	.contactUs .map { margin:10px 0 50px;}
}

/** 게시판 데이터 없을 때 */
.no-data { 
	padding: 15px 0;
	text-align: center;
	color: #777;
}