@charset "utf-8";

@font-face {
    font-family: 'NanumSquare';
    src: url('../font/NanumSquareL.woff') format('woff'),
    url('../font/NanumSquareL.woff2') format('woff2');
    font-weight:300;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('../font/NanumSquareR.woff') format('woff'),
    url('../font/NanumSquareR.woff2') format('woff2');
    font-weight:400;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('../font/NanumSquareB.woff') format('woff'),
    url('../font/NanumSquareB.woff2') format('woff2');
    font-weight:700;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquare';
    src: url('../font/NanumSquareEB.woff') format('woff'),
    url('../font/NanumSquareEB.woff2') format('woff2');
    font-weight:800;
    font-style: normal;
}

/* Reset */
* {box-sizing:border-box;}
html,body{width:100%;height:100%;padding:0px; margin:0px;}
body {font-size:22px;font-family:"NanumSquare",Helvetica,sans-serif;line-height:100%;color:#58595b;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;line-height:100%;}
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a, a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;}
a:hover, a:active {color:inherit;text-decoration:none;}
address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table { font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
input,select {vertical-align:middle}
textarea, input {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
textarea {resize:none;}
table {border-collapse:collapse}

button {border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0 none;background-color:transparent;border-radius:0;}

span, a, strong {display:inline-block;}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;margin:0;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th {text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.f-clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.f-clear { display:inline-block; }
* html .f-clear { height:1%; }
.f-clear { display:block; }

h1,h2,h3,h4,h5,h6 {font-weight:900;}

/*layout*/
body {overflow-x:hidden;}
#wrap {position:relative;min-width:720px;height:auto;margin:0 auto;}
.innerWrap {position:relative;width:800px;height:100%;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.pt,
.ani {position:absolute;background-repeat:no-repeat;background-position:0 0;}

header {position:fixed;top:0;left:0;width:100%;height:95px;z-index:1000;}
header .logo {position:absolute;top:25px;left:0;display:block;width:222px;height:49px;background:url("../images/brandLogo.png") 0 center no-repeat;background-size:222px auto;}
header .logo a {width:100%;height:100%;}
header nav {position:absolute;top:25px;right:0;height:80px;}
header nav ul {display:flex;}
header nav ul li {width:110px;height:45px;margin-left:15px;font-size:16px;line-height:18px;background-color:#f17c22;color:#fff;text-align:center;font-weight:800;border-radius:9px;}
header nav ul li > a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
header.fixed {background-color:#fff;}

#wrap section {position:relative;margin:0 auto;}
#wrap section h2.title {position:relative;margin-bottom:25px;display:flex;justify-content:center;}
#wrap section h2.title img {display:block;}
#wrap section:not(.headingWrap) .innerWrap {padding:0 0 120px;}
#wrap main {overflow:hidden;}

.mt25 {margin-top:25px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}

.pcVer {display:block;}
.mVer {display:none;}

.videoWrap {position:relative;height:800px;}
.videoBg {position:relative;width:100%;height:800px;overflow:hidden;}
.videoBg .cover {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.videoBg video {position:absolute;top:0;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;overflow:hidden;transform:translate(-50%,0);}

.mainPage section:not(.videoWrap) {background-color:#f17c22;}

.headingWrap {height:495px;}
.headingWrap .point {position:absolute;top:0;left:calc(50% + 170px);width:112px;height:37px;background:#fff url("../images/bg_point.png") 0 0 no-repeat;}
.headingWrap .title {top:170px;}
.headingWrap .visual {bottom:0;left:calc(50% + 120px)}

.contentWrap {padding-bottom:240px;}
.contentWrap .rndBox {width:1155px;margin:0 auto;border-radius:50px;background-color:#fff5ea;}
.contentWrap .rndBox .innerWrap > div:not(.scheduleBox) {padding-top:60px;}

.liveWrap {padding-top:0 !important;}
.liveWrap .moviePlayArea {position:relative;margin-top:50px;z-index:20;}
.liveWrap .moviePlayArea .movieFrame {width:100%;}
.liveWrap .moviePlayArea .movieBig {position:relative;width:100%;padding-bottom:56.25%;}
.liveWrap .moviePlayArea .movieBig iframe {position:absolute;width:100%;height:100%;display:block;}

.scheduleBox {width:100%;height:370px;padding:220px 0 0 80px;background:url("../images/schedule_box.png") 0 0 no-repeat;}
.scheduleBox ul li {position:relative;font-size:26px;line-height:42px;font-weight:700;color:#000;}
.scheduleBox ul li span {color:#db192b;}
.scheduleBox ul li .link {position:absolute;top:6px;right:70px;width:114px;height:28px;border-radius:14px;background-color:#db192b;font-size:15px;line-height:28px;color:#fff;text-align:center;font-weight:700;box-shadow:3px 3px 0 rgba(0,0,0,0.2);}

.dutyWrap table {width:100%;border-bottom:solid 2px #f17c22;}
.dutyWrap table thead th {height:40px;text-align:center;font-size:20px;color:#231f20;border-style:solid;border-width:2px 1px 2px 0;border-color:#f17c22;}
.dutyWrap table tbody td {font-size:20px;line-height:27px;border-right:solid 1px #f17c22;letter-spacing:-1px;word-break:keep-all;color:#58595b;text-align:center;font-weight:700;}
.dutyWrap table tbody td.left {padding:10px 0 10px 15px;font-weight:400;}
.dutyWrap table thead th:last-child,
.dutyWrap table tbody td:last-child {border-right:0;}
.dutyWrap table tbody td[rowspan],
.dutyWrap table tbody td.bold {color:#231f20;font-weight:700;}
.dutyWrap table tbody tr:not(:last-child) td {border-bottom:solid 1px #f17c22;}

.flexCenter {display:flex;justify-content:center;}

.list li {font-size:22px;line-height:35px;letter-spacing:-0.02em;}
.infoWrap .list li span {font-family:Arial, Helvetica, sans-serif;}
span.lang {font-family:Arial, Helvetica, sans-serif;}

.dateWrap .text {color:#231f20;font-weight:800;}

.registWrap .text {line-height:20px;}
.registWrap .text span {margin-left:6px;}

.qnaWrap {padding-bottom:80px;}
.qnaWrap .text {line-height:20px;}
.qnaWrap .text span {margin-left:6px;color:#231f20;font-weight:800;}
.qnaWrap .buttonGroup {margin-top:75px;text-align:center;}
.qnaWrap .buttonGroup .link {position:relative;width:280px;height:50px;margin:0 35px;border-radius:25px;background-color:#db192b;font-size:20px;line-height:50px;color:#fff;text-align:center;font-weight:700;box-shadow:5px 5px 0 rgba(0,0,0,0.2);}
.qnaWrap .buttonGroup .link:before {content:"";position:absolute;top:38px;right:-10px;display:block;width:64px;height:77px;background:url("../images/icon_hand.png") 0 0 no-repeat;}

.interviewListWrap {padding:215px 0 0 0;background-color:#fdeada !important;}
.interviewListWrap .innerWrap {padding-bottom:60px !important;}
.interviewListWrap p {padding-bottom:30px;border-bottom:solid 2px #f17c22;}
.interviewListWrap .interList {display:flex;margin-top:60px;flex-flow:row wrap;}
.interviewListWrap .interList li {width:234px;height:365px;margin-bottom:60px;text-align:center;}
.interviewListWrap .interList li:not(:nth-of-type(3n)) {margin-right:49px;}
.interviewListWrap .interList li figure {height:278px;}
.interviewListWrap .interList li dl {margin-top:15px;}
.interviewListWrap .interList li dl dt {font-size:20px;color:#f17c22;font-weight:700;}
.interviewListWrap .interList li dl dd {margin-top:5px;font-size:27px;line-height:32px;color:#231f20;font-weight:700;}

.interviewDetailPage .interviewDetailWrap .photoBox {position:relative;display:flex;background:linear-gradient(90deg, #f1e6e2,#f9f4f1);justify-content:center;}
.interviewDetailPage .interviewDetailWrap .photoBox dl {position:absolute;top:590px;left:calc(50% - 210px);}
.interviewDetailPage .interviewDetailWrap .photoBox dl dt {font-size:25px;color:#eb7324;font-weight:700;}
.interviewDetailPage .interviewDetailWrap .photoBox dl dd {margin-top:15px;font-size:35px;color:#231f20;font-weight:700;}
.interviewDetailPage .interviewDetailWrap .interviewList {margin-top:95px;padding-left:180px;background:url("../images/title_08.png") 0 0 no-repeat;}
.interviewDetailPage .interviewDetailWrap .interviewList dl {word-break:keep-all;}
.interviewDetailPage .interviewDetailWrap .interviewList dl dt {font-size:22px;line-height:40px;color:#231f20;font-weight:700;text-decoration:underline;}
.interviewDetailPage .interviewDetailWrap .interviewList dl dd {margin-top:15px;font-size:19px;line-height:33px;font-weight:300;color:#231f20;letter-spacing:-0.02em;}
.interviewDetailPage .interviewDetailWrap .interviewList dl:not(:last-child) {margin-bottom:50px;}

/* page motion */
.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 0.7s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay60 ,.play-mo .add-upscroll.delay60 {animation: add-upscroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay70 ,.play-mo .add-upscroll.delay70 {animation: add-upscroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay80 ,.play-mo .add-upscroll.delay80 {animation: add-upscroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 0.7s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 0.7s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 0.7s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 0.7s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 0.7s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 0.7s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 0.7s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 0.7s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 0.7s 0.8s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%		{transform: translateY(-70px) ;opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.play-mo.shakeAni, .play-mo .shakeAni {
	animation: game_shake 1s infinite both;
}

@keyframes game_shake {
	0% 		{transform: rotate(5deg);}
	50% 	{transform: rotate(0);}
	100% 	{transform: rotate(5deg);}
}

@media (hover : hover) {
	
}

@media (max-width:850px) {
	.contentWrap .rndBox {width:100%;border-radius:0;}

	.interviewDetailPage .interviewDetailWrap .photoBox dl {left:50px;}
	.interviewDetailPage .interviewDetailWrap .photoBox img {margin-left:-150px;}
}