@charset "utf-8"; 

body.scroll { overflow-y:hidden; }
a, a:hover, a:link, a:visited { color: #333; }
a, a:hover, a:link, a:visited { text-decoration: none; }

button { background:none; border:none 0; outline:none 0; }
input { background-color:none; border:none 0; outline:none 0; }
.hidden { visibility: hidden; }


#wrap { position:relative; max-width:1920px; min-width:1238px; margin: 0 auto; }
.mobile { position:relative; max-width: 768px; min-width: 318px; margin: 0 auto; }

.sec01 { width:100%; height:1301px; background: url('../img/img_01.jpg') no-repeat 50% 0; background-size: cover; position: relative; clear:both; overflow: hidden; }
.sec01 .logo { text-indent:-9999px; background: url('../img/logo.png') no-repeat; margin:53px 0 0 52px; position:absolute; width:127px; height:90px; }
.sec01 .video { width:1238px; height:697px; position: relative; margin:943px auto 0; }
.video { width:100%; height:1418px;background: url('../img/video.jpg') no-repeat center;clear:both; overflow: hidden;text-align:center;}
.video iframe {margin:0 auto;margin-top:243px;}

.sec02 { width:100%; height:1086px; background: url('../img/img_02.jpg') no-repeat 50% 0; background-size: cover; position: relative; clear:both; overflow: hidden; }
.sec02 .slideWrap { width:1238px; height:502px; margin:400px auto 0; }
.sec02 .slide { width:717px; height:502px; margin-left:268px; overflow: hidden; position: absolute; }
.sec02 .slide .slideOld { position: absolute; width:100%; height:100%; }
.sec02 .slide .slideNew { position: absolute; width:100%; height:100%; }
.sec02 .slide .slideNew1 { opacity: 0; }
.sec02 .slide .slideNew2 { opacity: 0; }
.sec02 .slide .slideNew3 { opacity: 0; }
.sec02 .slide .slideNew4 { opacity: 0; }
.sec02 .slide .slideNew62 { margin-left:-50px; }
.sec02 .slide .slideNew72 { background: url('../img/slide_07_1.png'); opacity: 0; }
.sec02 .slide .slideNew72 img { margin-top:152px; }
.sec02 .buttonLeft { width:132px; height:132px; margin:141px 0 0 17px; overflow: hidden; position: absolute; cursor:pointer; text-indent:-9999px; }
.sec02 .buttonRight { width:132px; height:132px; margin:141px 0 0 1097px; overflow: hidden; position: absolute; cursor:pointer; text-indent:-9999px; }


.sec03 { width:100%; height:1608px; background: url('../img/img_03.jpg') no-repeat 50% 0; background-size: cover; position: relative; clear:both; overflow: hidden; }
.sec03 .formWrap { width:1238px; margin: 0 auto; clear:both; overflow: hidden; }
.sec03 .formWrap input { position: absolute; padding: 10px; height: 50px; width: 290px; background: transparent; border:1px; }
.sec03 .formWrap input.smsName { margin: 590px 0 0 830px; }
.sec03 .formWrap input.smsEmail { margin: 666px 0 0 830px; }
.sec03 .formWrap input.smsPhone { margin: 742px 0 0 830px; }
.sec03 .formWrap input.smsButton { margin: 954px 0 0 771px; height: 60px; cursor:pointer; text-indent: -999px; }
.sec03 .formWrap input.smsHuwon { margin: 1290px 0 0 103px; height: 60px; cursor:pointer; text-indent: -999px; width:314px; }
.sec03 .formWrap input.smsAgree { margin: 853px 0 0 786px; height: 18px; cursor: pointer; text-indent: -999px; width: 263px; }
.sec03 .formWrap input.smsAgreeLink { margin: 887px 0 0 818px; height: 18px; cursor: pointer; text-indent: -999px; width: 200px; }
.sec03 .chkY { background:url('../img/ico_chkbox.png') 1px 2px no-repeat !important; background-size:contain !important; padding:0; }
.sec03 .chkN { background:none !important; }
.sec03 .smsCounter { margin: 1119px 0 0 330px; font-size: 41pt; text-align:left; letter-spacing: -4px; font-weight: bold; color: #442b12; background:url('../img/text_01.png') right no-repeat; display: inline-block; padding:0 100px 0 0; position: absolute; }


.sec04 { width:100%; height:197px; background: url('../img/img_04.jpg') no-repeat 50% 0; background-size: cover; position: relative; clear:both; overflow: hidden; }


.popupAgreeWrap { background: rgba(255, 255, 255, 0.75); width:100%; height:100%; display: none; position: absolute; z-index: 1000; top:0; }
.popupAgree { background: url('../img/popup_agree.jpg') no-repeat; margin:0 auto; width:574px; height:500px; box-shadow:0 5px 20px rgba(0, 0, 0, 0.5); }
.popupAgree a { width: 30px; display: block; position: absolute; height: 30px; margin:6px 0 0px 540px; cursor: pointer; }


/* .loginWrap { width: 100%; height: 100%; background:url('/images/admin_bg.jpg') no-repeat; background-size: cover; clear: both; position: relative; overflow: hidden; } */
.loginWrap { width:100%; height:100%; }
body.loginBody:after { background-image:url('../img/admin_bg.jpg'); background-size: cover; opacity:0.25 !important; filter:alpha(opacity=25); z-index:-1; content:""; width:100%; height:100%; top:0; left:0; position:absolute; background-position: center; }
.login { width: 400px; background: #FFF; border: 1px solid #999; border-radius: 5px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,.7); padding: 20px 0; margin-top:calc(50% - 400px); text-align:center; }
.login input { position: relative; padding:15px 5px; height: 20px; font-size:13pt; width:250px; background:rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.2); display: inline-block; margin:10px 0; }
.login .adminSubmit { height:52px; margin-bottom:40px; }
.login input:first-child { margin-top:40px; }


/* .boardList { 
}
.boardList th { font-size: 11pt;
    padding: 14px 0;
    border-bottom: 1px solid #BDBDBD;
    background: #F9F9F9; }
.boardList td { font-size:12pt; padding:9px 0; border-bottom:1px solid #D2D2D2; }
.boardList td.boardListStat { padding:6px 0 ; }
 */
.boardPage { text-align: center; padding: 50px 0; font-size: 11pt; }
.boardPage a { display:inline-block; padding:10px; }
.boardPage b { padding:10px; display:inline-block; background:#0C4DA2; color:#FFF; }


.boardList { width:80%; margin:0 auto; border-collapse:collapse; border-top:2px solid #0C4DA2; }
.boardList th { font-size:11pt; padding:14px 0; border-bottom:1px solid #BDBDBD; background:#F9F9F9; }
.boardList td { font-size:11pt; padding:10px 0; text-align: center; border-bottom:1px solid #BDBDBD; line-height:150%; }
.boardList .popSms { cursor:pointer; }


.introText1 { text-align: center; font-size: 23pt; line-height: 140%; color: #083b8e; font-weight: 800; margin: 50px 0 0 0; }
.alignC { text-align:center; }
.lineButton { width: 148px; border: 1px solid #0C4DA2; display: inline-block; /* height: 28px; */ text-align: center; color: #565656 !important; font-weight: 800; padding: 10px 0; font-size: 14pt; }
.xSmallGreyButton { display: block; font-size:10pt; background:#E6E6E6; border:1px solid #C6C6C6 !important; color:#565656 !important; padding:1px 5px; float: right; margin:20px 10% 30px 0; }



.modal {
	display: none;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width:400px; }
.modalTitle { font-size: 16pt; font-weight: 800; color: #083b8e; }
.modalClose { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.modalClose:hover, .modalClose:focus { color: black; text-decoration: none; cursor: pointer; }
.smsSubject { width: 100%; padding: 7px; margin: 10px 0; }
.smsContents { width: 100%; height:100px; padding: 7px; margin: 10px 0; }
/* .smsPhone { width: 80%; padding: 7px; margin: 10px 0; float:right; } */
.modal input { border:1px solid rgba(0,0,0); }
.modal .xSmallGreyButton { width: 28%; float: none; margin: 20px auto 10px; height: 30px; font-weight: 800; font-size: 11pt; cursor: pointer; }
.smsPhoneTxt { font-weight: 800; }