@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*!
 * 클로저스  Stylesheet
 * http://closers.nexon.com
 */

/* Styles
-------------------------------------------------------------- */
body, html {width:100%; height:100%; background:#121b2a;}

.innerWrap a, .innerWrap button {display: block;background:url(../images/btns2.png) no-repeat;font-family: ‘Noto Sans TC’, sans-serif;}
#wrap .btn {cursor: default;}
/* 공통 */
#wrap { position: relative; top: 0; left: 0; width: 100%; min-width: 1280px; overflow: hidden; }
#wrap .loader { z-index: 190; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: black; opacity: 1; }
#wrap .innerWrap { position: relative; margin:0 auto; left: 0; top: 130px; margin:0 auto; width: 1280px;  }

/*  탭  */
.tabWrap {  }
.tabWrap .tab {  }
.tabWrap .tab.fixed {  }

.tab { z-index: 11; height: 350px; position: absolute; top: 740px; left: 0; width: 100%; background: url(../images/bg_tab.png) center 0px no-repeat; }
.tab:after { transition: all .3s ease; content:""; display:block; opacity:0; z-index: -1; height: 90px; position: absolute; top: 0; left: 0; width: 100%; background: url(../images/bg_tab.png) center 0px no-repeat; }
.tab.fixed { position: fixed; top: -75px; left: 0px; }
.tab.fixed:after { opacity:1;}
.tab ul { margin-left: 20px; float:left; }
.tab .list li { float: left; }
.tab .list li a { width: 191px; height: 90px; display: block; background: url(../images/tab_0712_b2de.png) 0 0px no-repeat; text-indent: -9999px; }
.tab .list li._01 a { background-position-x: 0px; }
.tab .list li._01.on a { background-position-y: -90px; }
.tab .list li._02 a { margin-left: -13px; background-position-x: -200px; }
.tab .list li._02.on a {  background-position-y: -90px; }
.tab .list li._03 a { margin-left: -13px; background-position-x: -400px; }
.tab .list li._03.on a {  background-position-y: -90px; }

.tabContentsList .contents {position: relative; display: none; }

.btnsWrap { float:left; position:relative; margin: 15px 0 0 293px; width:116px;}
.btnsWrap .btns {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    background-image: url(../images/btns.png);
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 100px;
	margin-bottom: 6px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.btnsWrap .btns.btn_download {
	margin-left:16px;
	background-position-y:-30px;
}
.gohome {
    position: absolute;
    top: 16px;
    left: 51%;
    margin-left: 342px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
	z-index:1;
    display: block;
    width: 100px;
    height: 30px;
    
}
.gohome:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#audio {
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: 348px;
}
.jp-audio {}
.jp-audio .jp-interface { height: 52px; }
.jp-stop { background-image: none; }
.jp-play {
	position: absolute;
	left: -5px;
	top: 21px;
	width: 90px;
	height: 22px;
	background: url(../images/sound.png) no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}
.jp-play:hover { background-position-x: -90px; }
.jp-play:focus { background: url(../images/play_off.png) no-repeat; }
.jp-pause {
	position: absolute;
	left: -5px;
	top: 21px;
	width: 90px;
	height: 22px;
	background: url(../images/sound.png) no-repeat;
	cursor: pointer;
	background-position-y: -22px;
}
.jp-pause:hover { background-position-x: -90px; }
.jp-volume-controls {
	background: url(../images/bar.png) no-repeat;
	height: 5px;
	position: absolute;
	top: 26px;
	left: 20px;
	display: none;
}
.jp-volume-bar {
	width: 123px;
	background: none;
	height: 6px;
	left: 0px;
	top: 0px;
}
.jp-volume-bar-value {
	background: url(../images/volume.png) no-repeat;
	height: 6px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.jp-audio .jp-controls {
	width: 140px;
	padding: 20px 20px 0 20px;
}

.player {
    position: absolute;
    left: 300px;
    top: 180px;
    z-index: 0;
}
#tabContents1 .cover {
    width: 100%;
    height: 860px;
    background-image: url(../images/cover_section0.jpg);
    background-position: center top;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#tabContents2 .cover {
    width: 100%;
    height: 860px;
    background-image: url(../images/cover_section1.png);
    background-position: center top;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
#tabContents3 .cover {
    width: 100%;
    height: 860px;
    background-image: url(../images/cover_section2.png);
    background-position: center top;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

/* 플로팅 네비 */
/*.nav { z-index: 100; position: absolute; top: 230px; right: 0; width: 71px; height: 441px; background: url("../images/bg_nav.png") 0 40px no-repeat; }
.nav.absolute { position: absolute; }
.nav li a { display: block; width: 72px; height: 50px; background: url("../images/nav.png") no-repeat; opacity: 0.25; text-indent: -9999px;}
.nav li.on a, .nav li a:hover { opacity: 1; }
.nav li._01 a { height: 40px; background-position: 7px 0 ; }
.nav li._01.on a { opacity: 0.25; }
.nav li._01 a:hover { opacity: 1;}
.nav li._02 a { background-position: 9px -40px ;}
.nav li._03 a { background-position: 9px -91px ;}
.nav li._04 a { background-position: 9px -141px ;}
.nav li._05 a { background-position: 13px -190px ;}
.nav li._06 a { background-position: 13px -240px ;}
.nav li._07 a { background-position: 13px -290px ;}
.nav li._08 a { background-position: 13px -340px ;}
.nav li._09 a { background-position: 13px -390px ;}*/
.contents.active { display: block; }

/* 티나 */
.contents._01 .section0 { overflow: hidden; position: relative; top: 0; left: 0; /*background: url(../images/bg_tab01_section0.jpg) center 0 no-repeat;*/}
.contents._01 .section0 .innerWrap { height: 860px; }
.contents._01 .section1 { background: url(../images/bg_tab01_section_02.jpg) center 100px no-repeat; }
.contents._01 .section1 .innerWrap { height: 1040px; }
.contents._01 .section2 { background: url(../images/bg_tab01_section_03.jpg) center 0 no-repeat; }
.contents._01 .section2 .innerWrap { height: 950px; }
.contents._01 .section3 { background: url(../images/footer.png) center 0 no-repeat #000; }
.contents._01 .section3 .innerWrap { height: 80px; }

.contents._01 .section4 { background: url(../images/bg_tab01_section4.jpg) center 0 no-repeat; }
.contents._01 .section4 .innerWrap { height: 944px; }
.contents._01 .section5 { background: url(../images/bg_tab01_section5.jpg) center 0 no-repeat; }
.contents._01 .section5 .innerWrap { height: 1443px; }

.contents._01 .section0 .movieArea .youtubeArea { background:url(../images/bg_movie.jpg) no-repeat; }
.contents._01 .section0 .movieArea .start { background: url(../images/start.png) no-repeat;}

.contents._01 .section1 .profile { position: absolute;  }
.contents._01 .section1 .profile._02 { opacity: 0; top: 326px; left: 234px; width: 248px; height: 174px; background: url(../images/img_tina_desc02.png) no-repeat; }
.contents._01 .section1 .profile._03 { opacity: 0; top: 327px; left: 234px; width: 378px; height: 357px; background: url(../images/img_tina_desc03.png) no-repeat; }
.contents._01 .section1 .profile._04 { opacity: 0; top: 331px; left: 787px; width: 304px; height: 151px; background: url(../images/img_tina_desc04.png) no-repeat; }
.contents._01 .section1 .profile._05 { opacity: 0; top: 484px; left: 714px; width: 376px; height: 263px; background: url(../images/img_tina_desc05.png) no-repeat; }

.contents._01 .section2 .movieArea._02 .start { background: url(../images/tab01_skill_02.jpg) no-repeat;}
.contents._01 .section2 .movieArea._03 .start { background: url(../images/tab01_skill_03.jpg) no-repeat;}

.contents._01 .section2 .btn.link { position: absolute; top: 1247px; left: 562px;}
.contents._01 .section2 .btn.link a { display: block; width: 155px; height: 110px; text-indent: -9999px; }

.contents._01 .section4 .tinaArea { position: relative; top: 438px; left: 650px;  }
.contents._01 .section4 .tinaArea .parsing { padding-top: 55px; width: 380px; text-align: center;}
.contents._01 .section4 .tinaArea .parsing img { margin: 0 -2px; }
.contents._01 .section4 .btn.send { z-index: 10; position: absolute; top: 6px; left: 390px;}
.contents._01 .section4 .btn.send button { display: block; width: 110px; height: 155px; text-indent: -9999px; }

.contents._01 .recommentArea {position: absolute; top: 416px; left: 40px;  width:100%;}

.contents._01 .recommentArea .listLength {position: absolute; top: -120px; right: 140px;  padding:0 0 5px 0; color:#bebfc3; text-align: right; font-size: 13px; }
.contents._01 .recommentArea .listLength span { color:#07abba; }

.contents._01 .inputBox {position: absolute; top: 0px; left: 90px; width: 1019px; height: 75px; background:none ;}
.contents._01 .recommentArea .char {position: absolute; left: 12px; top:12px; width: 67px; height: 54px;background:url(../images/bx_char.png) no-repeat;}
.contents._01 .inputBox textarea {padding:10px; float: left; margin:12px 0 0 80px; width: 855px; height: 33px; background: #ececec; border:0; resize:none; font-size:13px; color:#1d0e08;}
.contents._01 .inputBox .btn {float: left; margin-top:12px;}
.contents._01 .inputBox .btn button {display: block; width: 53px; height: 53px; background:none; text-indent: -9999px; background:none; }
.contents._01 #commentArea { position: absolute; top: 98px; left: 0; width:1250px;}
.contents._01 .commentList { margin-left: 90px; width: 1050px;}
.contents._01 .commentList li {margin:0 25px 25px 0; float:left; position: relative; width: 236px; height: 168px;background:#ececec; }
.contents._01 .commentList .noList {left: 0px; top: 0px; text-align: center; padding:50px 0 0 0;color:#555555;}
.contents._01 .commentList li .char {position: absolute; left: 20px; top: 102px;}
.contents._01 .commentList li .desc {padding:16px 0 0 19px; position: relative; font-size:13px; width: 204px; font-size:14px; color:#555555;}
.contents._01 .commentList li .desc .scroll {overflow-y:auto; height:80px; width: 100%;}
.contents._01 .commentList li .desc .scroll .comment {word-break:break-all; word-wrap:break-word;}
.contents._01 .commentList li .nick {position: absolute; top: 119px; right: 25px; font-size:11px; color: #555555;}
.contents._01 .commentList li .date {position: absolute; top: 139px; right: 25px; color:#307eb8; font-size:11px;}
.contents._01 .commentList .ico_del,
.contents._01 .commentList .ico_new {margin-left:5px;}

.contents._01 .paging {position: absolute; top: 586px; left:-27px; width: 100%; text-align: center;}
.contents._01 .paging ul {display: inline-block; zoom:1; cursor: default;}
.contents._01 .paging li {float: left;}
.contents._01 .paging li strong {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; vertical-align: middle; color:#ececec; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._01 .paging li a {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; font-size:14px; color:#07abba; vertical-align: middle; /*border:2px solid #ff6326; border-radius: 25px;*/}
.contents._01 .paging li a:hover {text-decoration: none; color:#07abba; font-weight:bold; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._01 .paging li .first,
.contents._01 .paging li .prev,
.contents._01 .paging li .next,
.contents._01 .paging li .last {margin-top:0px; display: block; 	text-indent: -9999px;		}

.contents._01 .paging li .first:hover,
.contents._01 .paging li .prev:hover,
.contents._01 .paging li .next:hover,
.contents._01 .paging li .last:hover {background-color:none; border:0;}

.contents._01 .paging li .first,
.contents._01 .paging li .first:hover {background:url(../images/ico_first.png) no-repeat center center; border:0; border-radius:0;}
.contents._01 .paging li .prev,
.contents._01 .paging li .prev:hover {background:url(../images/ico_prev.png) no-repeat center center; border:0; border-radius:0;}
.contents._01 .paging li .next,
.contents._01 .paging li .next:hover {background:url(../images/ico_next.png) no-repeat center center; border:0; border-radius:0;}
.contents._01 .paging li .last,
.contents._01 .paging li .last:hover {background:url(../images/ico_last.png) no-repeat center center; border:0; border-radius:0;}

/* 제이 */
.contents._02 .section0 { overflow: hidden; position: relative; top: 0; left: 0; /*background: url(../images/bg_tab02_section0_0705_ve3s.jpg) center 0 no-repeat;*/}
.contents._02 .section0 .innerWrap { height: 860px; }
.contents._02 .section1 { background: url(../images/bg_tab02_section_02.jpg) center 100px no-repeat; }
.contents._02 .section1 .innerWrap { height: 1040px; }
.contents._02 .section2 { background: url(../images/bg_tab02_section2_0705_ve3s.jpg) center 0 no-repeat; }
.contents._02 .section2 .innerWrap { height: 1889px; }

.contents._02 .section3 { background: url(../images/footer.png) center 0 no-repeat #000; }
.contents._02 .section3 .innerWrap { height: 80px; }

.contents._02 .section4 { background: url(../images/bg_tab02_section4_0705_ve3s.jpg) center 0 no-repeat; }
.contents._02 .section4 .innerWrap { height: 944px; }
.contents._02 .section5 { background: url(../images/bg_tab02_section5_0705_ve3s.jpg) center 0 no-repeat; }
.contents._02 .section5 .innerWrap { height: 1466px; }

.contents._02 .section0 .movieArea .youtubeArea { background:url(../images/bg_movie.jpg) no-repeat; }
.contents._02 .section0 .movieArea .start { background: url(../images/start.png) no-repeat;}

.contents._02 .section1 .profile { position: absolute;  }
.contents._02 .section1 .profile._02 { opacity: 0; top: 326px; left: 235px; width: 248px; height: 174px; background: url(../images/img_j_desc02_ve3s.png) no-repeat; }
.contents._02 .section1 .profile._03 { opacity: 0; top: 293px; left: 680px; width: 412px; height: 185px; background: url(../images/img_j_desc03_ve3s.png) no-repeat; }
.contents._02 .section1 .profile._04 { opacity: 0; top: 368px; left: 235px; width: 277px; height: 316px; background: url(../images/img_j_desc04_ve3s.png) no-repeat; }
.contents._02 .section1 .profile._05 { opacity: 0; top: 480px; left: 715px; width: 376px; height: 251px; background: url(../images/img_j_desc05_ve3s.png) no-repeat; }

.contents._02 .section2 .movieArea._05 .start { background: url(../images/tab02_skill_05_ve3s.jpg) no-repeat;}
.contents._02 .section2 .movieArea._06 .start { background: url(../images/tab02_skill_06_ve3s.jpg) no-repeat;}

.contents._02 .section2 .btn.link { position: absolute; top: 1247px; left: 562px;}
.contents._02 .section2 .btn.link a { display: block; width: 155px; height: 110px; text-indent: -9999px;; }

.contents._02 .section3 .tooltip { position: absolute; top: 2670px; left: 1092px; width: 66px; height: 66px; text-indent: -9999px; }
.contents._02 .section3 .tooltip::after { transition: all 0.5s; content: ''; position: absolute; top: -32px; left: -1036px;  opacity: 0; background: url(../images/img_tab02_tooltip_ve3s.png) no-repeat; }
.contents._02 .section3 .tooltip:hover::after {display: block; opacity: 1; width: 1168px; height: 186px; transition: all 0.5s;}

.contents._02 .section4 .jArea { position: relative; top: 438px; left: 650px;  }
.contents._02 .section4 .jArea .parsing { padding-top: 55px; width: 380px; text-align: center;}
.contents._02 .section4 .jArea .parsing img { margin: 0 -2px; }
.contents._02 .section4 .btn.send { z-index: 10; position: absolute; top: 6px; left: 390px;}
.contents._02 .section4 .btn.send button { display: block; width: 110px; height: 155px; text-indent: -9999px;; }

.contents._02 .recommentArea {position: absolute; top: 416px; left: 40px;  width:100%;}
.contents._02 .recommentArea .listLength2 {position: absolute; top: -120px; right: 140px;  padding:0 0 5px 0; color:#bebfc3; text-align: right; font-size: 13px; }
.contents._02 .recommentArea .listLength2 span { color:#07abba; }

.contents._02 .inputBox {position: absolute; top: 0px; left: 90px; width: 1019px; height: 75px; background:none ;}
.contents._02 .recommentArea .char {position: absolute; left: 12px; top:12px; width: 67px; height: 54px;background:url(../images/bx_char.png) no-repeat;}
.contents._02 .inputBox textarea {padding:10px; float: left; margin:12px 0 0 80px; width: 855px; height: 33px; background: #ececec; border:0; resize:none; font-size:13px; color:#1d0e08;}
.contents._02 .inputBox .btn {float: left; margin-top:12px;}
.contents._02 .inputBox .btn button {display: block; width: 53px; height: 53px; background:none; text-indent: -9999px; background:none; }
.contents._02 #commentArea2 { position: absolute; top: 98px; left: 0; width:1250px;}
.contents._02 .commentList2 { margin-left: 90px; width: 1050px;}
.contents._02 .commentList2 li {margin:0 25px 25px 0; float:left; position: relative; width: 236px; height: 168px;background:#ececec; }
.contents._02 .commentList2 .noList {left: 0px; top: 0px; text-align: center; padding:50px 0 0 0;color:#555555;}
.contents._02 .commentList2 li .char {position: absolute; left: 20px; top: 102px;}
.contents._02 .commentList2 li .desc {padding:16px 0 0 19px; position: relative; font-size:13px; width: 204px; font-size:14px; color:#555555;}
.contents._02 .commentList2 li .desc .scroll {overflow-y:auto; height:80px; width: 100%;}
.contents._02 .commentList2 li .desc .scroll .comment {word-break:break-all; word-wrap:break-word;}
.contents._02 .commentList2 li .nick {position: absolute; top: 119px; right: 25px; font-size:11px; color: #555555;}
.contents._02 .commentList2 li .date {position: absolute; top: 139px; right: 25px; color:#307eb8; font-size:11px;}
.contents._02 .commentList2 .ico_del,
.contents._02 .commentList2 .ico_new {margin-left:5px;}

.contents._02 .paging {position: absolute; top: 586px; left:-27px; width: 100%; text-align: center;}
.contents._02 .paging ul {display: inline-block; zoom:1; cursor: default;}
.contents._02 .paging li {float: left;}
.contents._02 .paging li strong {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; vertical-align: middle; color:#ececec; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._02 .paging li a {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; font-size:14px; color:#07abba; vertical-align: middle; /*border:2px solid #ff6326; border-radius: 25px;*/}
.contents._02 .paging li a:hover {text-decoration: none; color:#07abba; font-weight:bold; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._02 .paging li .first,
.contents._02 .paging li .prev,
.contents._02 .paging li .next,
.contents._02 .paging li .last {margin-top:0px; display: block; 	text-indent: -9999px;		}

.contents._02 .paging li .first:hover,
.contents._02 .paging li .prev:hover,
.contents._02 .paging li .next:hover,
.contents._02 .paging li .last:hover {background-color:none; border:0;}

.contents._02 .paging li .first,
.contents._02 .paging li .first:hover {background:url(../images/ico_first.png) no-repeat center center; border:0; border-radius:0;}
.contents._02 .paging li .prev,
.contents._02 .paging li .prev:hover {background:url(../images/ico_prev.png) no-repeat center center; border:0; border-radius:0;}
.contents._02 .paging li .next,
.contents._02 .paging li .next:hover {background:url(../images/ico_next.png) no-repeat center center; border:0; border-radius:0;}
.contents._02 .paging li .last,
.contents._02 .paging li .last:hover {background:url(../images/ico_last.png) no-repeat center center; border:0; border-radius:0;}


/* 볼프강 */
.contents._03 .section0 { overflow: hidden; position: relative; top: 0; left: 0; /*background: url(../images/bg_tab03_section0_0712_b2de.jpg) center 0 no-repeat;*/}
.contents._03 .section0 .innerWrap { height: 860px; }
.contents._03 .section1 { background: url(../images/bg_tab03_section_02.jpg) center 100px no-repeat; }
.contents._03 .section1 .innerWrap { height: 1040px; }
.contents._03 .section2 { background: url(../images/bg_tab03_section2_0712_b2de.jpg) center 0 no-repeat; }
.contents._03 .section2 .innerWrap { height: 1889px; }

.contents._03 .section3 { background: url(../images/footer.png) center 0 no-repeat #000; }
.contents._03 .section3 .innerWrap { height: 80px; }

.contents._03 .section4 { background: url(../images/bg_tab03_section4_0712_b2de.jpg) center 0 no-repeat; }
.contents._03 .section4 .innerWrap { height: 944px; }
.contents._03 .section5 { background: url(../images/bg_tab03_section5_0712_b2de.jpg) center 0 no-repeat; }
.contents._03 .section5 .innerWrap { height: 1466px; }

.contents._03 .section0 .movieArea .youtubeArea { background:url(../images/bg_movie.jpg) no-repeat; }
.contents._03 .section0 .movieArea .start { background: url(../images/start.png) no-repeat;}

.contents._03 .section1 .profile { position: absolute;  }
.contents._03 .section1 .profile._02 { opacity: 0; top: 326px; left: 235px; width: 248px; height: 174px; background: url(../images/img_wolfgang_desc02_b2de.png) no-repeat; }
.contents._03 .section1 .profile._03 { opacity: 0; top: 275px; left: 715px; width: 377px; height: 203px; background: url(../images/img_wolfgang_desc03_b2de.png) no-repeat; }
.contents._03 .section1 .profile._04 { opacity: 0; top: 456px; left: 747px; width: 344px; height: 275px; background: url(../images/img_wolfgang_desc04_b2de.png) no-repeat; }
.contents._03 .section1 .profile._05 { opacity: 0; top: 368px; left: 235px; width: 277px; height: 316px; background: url(../images/img_wolfgang_desc05_b2de.png) no-repeat; }

.contents._03 .section2 .movieArea._08 .start { background: url(../images/tab03_skill_08_b2de.jpg) no-repeat;}
.contents._03 .section2 .movieArea._09 .start { background: url(../images/tab03_skill_09_b2de.jpg) no-repeat;}

.contents._03 .section2 .btn.link { position: absolute; top: 1247px; left: 562px;}
.contents._03 .section2 .btn.link a { display: block; width: 155px; height: 110px; text-indent: -9999px;; }

.contents._03 .section4 .wolfgangArea { position: relative; top: 438px; left: 521px;  }
.contents._03 .section4 .wolfgangArea .parsing { padding-top: 55px; width: 380px; text-align: center;}
.contents._03 .section4 .wolfgangArea .parsing img { margin: 0 -2px; }
.contents._03 .section4 .btn.send { z-index: 10; position: absolute; top: 6px; left: 390px;}
.contents._03 .section4 .btn.send button { display: block; width: 110px; height: 155px; text-indent: -9999px;; }

.contents._03 .recommentArea {position: absolute; top: 416px; left: 40px;  width:100%;}
.contents._03 .recommentArea .listLength3 {position: absolute; top: -120px; right: 140px;  padding:0 0 5px 0; color:#bebfc3; text-align: right; font-size: 13px; }
.contents._03 .recommentArea .listLength3 span { color:#07abba; }

.contents._03 .inputBox {position: absolute; top: 0px; left: 90px; width: 1019px; height: 75px; background:none ;}
.contents._03 .recommentArea .char {position: absolute; left: 12px; top:12px; width: 67px; height: 54px;background:url(../images/bx_char.png) no-repeat;}
.contents._03 .inputBox textarea {padding:10px; float: left; margin:12px 0 0 80px; width: 855px; height: 33px; background: #ececec; border:0; resize:none; font-size:13px; color:#1d0e08;}
.contents._03 .inputBox .btn {float: left; margin-top:12px;}
.contents._03 .inputBox .btn button {display: block; width: 53px; height: 53px; background:none; text-indent: -9999px; background:none; }
.contents._03 #commentArea3 { position: absolute; top: 98px; left: 0; width:1250px;}
.contents._03 .commentList3 { margin-left: 90px; width: 1050px;}
.contents._03 .commentList3 li {margin:0 25px 25px 0; float:left; position: relative; width: 236px; height: 168px;background:#ececec; }
.contents._03 .commentList3 .noList {left: 0px; top: 0px; text-align: center; padding:50px 0 0 0;color:#555555;}
.contents._03 .commentList3 li .char {position: absolute; left: 20px; top: 102px;}
.contents._03 .commentList3 li .desc {padding:16px 0 0 19px; position: relative; font-size:13px; width: 204px; font-size:14px; color:#555555;}
.contents._03 .commentList3 li .desc .scroll {overflow-y:auto; height:80px; width: 100%;}
.contents._03 .commentList3 li .desc .scroll .comment {word-break:break-all; word-wrap:break-word;}
.contents._03 .commentList3 li .nick {position: absolute; top: 119px; right: 25px; font-size:11px; color: #555555;}
.contents._03 .commentList3 li .date {position: absolute; top: 139px; right: 25px; color:#307eb8; font-size:11px;}
.contents._03 .commentList3 .ico_del,
.contents._03 .commentList3 .ico_new {margin-left:5px;}

.contents._03 .paging {position: absolute; top: 586px; left:-27px; width: 100%; text-align: center;}
.contents._03 .paging ul {display: inline-block; zoom:1; cursor: default;}
.contents._03 .paging li {float: left;}
.contents._03 .paging li strong {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; vertical-align: middle; color:#ececec; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._03 .paging li a {margin:0 5px; display: inline-block; width: 25px; height: 25px;line-height:25px; font-size:14px; color:#07abba; vertical-align: middle; /*border:2px solid #ff6326; border-radius: 25px;*/}
.contents._03 .paging li a:hover {text-decoration: none; color:#07abba; font-weight:bold; /*border:2px solid #ff6326; background:#ff6326; border-radius: 25px;*/}
.contents._03 .paging li .first,
.contents._03 .paging li .prev,
.contents._03 .paging li .next,
.contents._03 .paging li .last {margin-top:0px; display: block; 	text-indent: -9999px;		}

.contents._03 .paging li .first:hover,
.contents._03 .paging li .prev:hover,
.contents._03 .paging li .next:hover,
.contents._03 .paging li .last:hover {background-color:none; border:0;}

.contents._03 .paging li .first,
.contents._03 .paging li .first:hover {background:url(../images/ico_first.png) no-repeat center center; border:0; border-radius:0;}
.contents._03 .paging li .prev,
.contents._03 .paging li .prev:hover {background:url(../images/ico_prev.png) no-repeat center center; border:0; border-radius:0;}
.contents._03 .paging li .next,
.contents._03 .paging li .next:hover {background:url(../images/ico_next.png) no-repeat center center; border:0; border-radius:0;}
.contents._03 .paging li .last,
.contents._03 .paging li .last:hover {background:url(../images/ico_last.png) no-repeat center center; border:0; border-radius:0;}



/* 영상 */
.contents .section0 .movieArea { position: relative; top: 190px; left: 178px;  }
.contents .section0 .movieArea { width: 920px; height: 519px; }

.contents .section0 .movieArea .btnclose { position: absolute; right: 0px; top: -50px; display:none; z-index:1070; }
.contents .section0 .movieArea .btnclose button {
    display: block;
    text-indent: -9999px;
    width: 49px;
    height: 49px;
    background: url(../images/btn_close_movie.jpg) no-repeat;
    cursor: pointer;
    filter: grayscale(50%);
	padding: 0;
    background-color: transparent;
    border: none;
    outline: none;	
}

.contents .section0 .movieArea .youtubeArea { display:none; z-index:1070; position: absolute; top: 0px; left: 0px; width: 920px; height: 519px; overflow: hidden; }
.contents .section0 .movieArea .youtubeArea iframe {margin: 1px 0 0 1px;}
.contents .section0 .movieArea .start { position: absolute;z-index: 2;top: 120px;left: 409px;width: 490px;height: 279px;cursor: pointer;}

.contents .section2 .movieArea._02, 
.contents .section2 .movieArea._05,
.contents .section2 .movieArea._08 { position: relative; top: 1454px; left: 136px; }
.contents .section2 .movieArea._02 .youtubeArea, 
.contents .section2 .movieArea._05 .youtubeArea,
.contents .section2 .movieArea._08 .youtubeArea { position: absolute; top: 1px; left: 1px; width: 448px; height: 252px; overflow: hidden; background:#000; }
.contents .section2 .movieArea._02 .start,
.contents .section2 .movieArea._05 .start,
.contents .section2 .movieArea._08 .start { position: absolute; top: 0px; left: 0px; width: 450px; height: 252px; cursor:pointer; }

.contents .section2 .movieArea._03, 
.contents .section2 .movieArea._06,
.contents .section2 .movieArea._09 { position: relative; top: 1454px; left: 693px; }
.contents .section2 .movieArea._03 .youtubeArea, 
.contents .section2 .movieArea._06 .youtubeArea,
.contents .section2 .movieArea._09 .youtubeArea { position: absolute; top: 1px; left: 1px; width: 448px; height: 252px; overflow: hidden; background:#000; }
.contents .section2 .movieArea._03 .start,
.contents .section2 .movieArea._06 .start,
.contents .section2 .movieArea._09 .start  { position: absolute; top: 0px; left: 0px; width: 450px; height: 252px; cursor:pointer; }


/* 프로필 */
.contents .section1 .on.profile._02 { animation: profileAnimate 1s 0s both; }
.contents .section1 .on.profile._03 { animation: profileAnimate 1s 0.3s both; }
.contents .section1 .on.profile._04 { animation: profileAnimate 1s 0.6s both; }
.contents .section1 .on.profile._05 { animation: profileAnimate 1s 0.9s both; }


.contents .section1 .movieArea { width: 920px; height: 519px; position: absolute; top: 297px; left: 178px; }
.contents .section1 .movieArea .youtubeArea { background:url(../images/bg_movie.jpg) no-repeat; }
.contents .section1 .movieArea .youtubeArea { display:none; z-index:1070; position: absolute; top: 0px; left: 0px; width: 920px; height: 519px; overflow: hidden; }
.contents .section1 .movieArea .youtubeArea iframe {margin: 1px 0 0 1px;}
.contents .section1 .movieArea .start { background-repeat:no-repeat; position: absolute; top: 0px; left: 0px; width: 343px; height: 194px; cursor:pointer; z-index:1;}
.contents .section1 .movieArea._11 .start { top: 125px; left: 20px; background-image:url(../images/tab01_skill_02.jpg); }
.contents .section1 .movieArea._12 .start { top: 357px; left: 20px; background-image:url(../images/tab01_skill_03.jpg); }

.contents .section1 .movieArea._13 .start { top: 125px; left: 20px; background-image:url(../images/tab02_skill_02.jpg); }
.contents .section1 .movieArea._14 .start { top: 357px; left: 20px; background-image:url(../images/tab02_skill_03.jpg); }

.contents .section1 .movieArea._15 .start { top: 125px; left: 20px; background-image:url(../images/tab03_skill_02.jpg); }
.contents .section1 .movieArea._16 .start { top: 357px; left: 20px; background-image:url(../images/tab03_skill_03.jpg); }

.contents .section1 .movieArea .btnclose { position: absolute; right: 0px; top: -50px; display:none; z-index:1070; }
.contents .section1 .movieArea .btnclose button {
    display: block;
    text-indent: -9999px;
    width: 49px;
    height: 49px;
    background: url(../images/btn_close_movie.jpg) no-repeat;
    cursor: pointer;
    filter: grayscale(50%);
	padding: 0;
    background-color: transparent;
    border: none;
    outline: none;	
}




/*  레이어 팝업 */
.overlay {z-index:1050; position:fixed; left: 0;top: 0; width: 100%; height: 100%; display:none; background-color:rgba(0,0,0,.75);}
.layerPop {z-index:300; position: fixed; left: 50%;top: 50%;}
.layerPop .confirm {position: absolute; bottom:23px; left:204px;}
.layerPop .close {position: absolute; right: 0px; top: 0px; }
.layerPop .close button {display: block; text-indent: -9999px; width: 45px;height: 45px;}
.layerPop .confirm button {display: block; text-indent: -9999px; width: 102px;height: 42px;}

#popDetail1 {margin:-225px 0 0 -318px; width: 637px; height: 449px; background:url(../images/bg_popDetail.png) no-repeat;}

#PS_Dimmed {position: fixed !important;}
iframe[name='google_conversion_frame'] {width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}


@keyframes profileAnimate{
    0% { opacity: 0;}
    7% { opacity: 1;}
    14% { opacity: 0;}
    21% { opacity: 1;}
    28% { opacity: 0;}
    35% { opacity: 1;}
    100% { opacity: 1;}
}