@charset "utf-8";
@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: url('../font/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}

@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: url('../font/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}

@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}

@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}


/* Default */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-touch-action:none}
html{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
html{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption,label,button{margin:0;padding:0;outline:none;-webkit-margin-before:0;-webkit-margin-end:0;-webkit-margin-after:0;
-webkit-margin-start:0;-webkit-padding-before:0;-webkit-padding-end:0;-webkit-padding-after:0;-webkit-padding-start:0;}
body{font-family:"NotoKrR", sans-serif; font-size:14px;color:#000;-webkit-text-size-adjust:none}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:"NotoKrR", sans-serif;}
ol, ul { list-style:none; overflow:hidden;  }
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
th { font-weight:Normal; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer;}
legend, caption { width:0; height:0; visibility:hidden; font-size:0; line-height:0; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; line-height:100%; }
img, select, input, button {vertical-align:middle;}
figcaption { display:none; }
img {border:0; width:100%; }
body,html{width:100%; height:100%;}

/* Layout */
#Wrap {position:relative; margin:0 auto;}

#header {position:relative; width:100%; margin:0 auto; /*background-color: rgba( 255, 255, 255, 0 );*/}
.head{margin:0 auto; overflow:hidden; padding:16px 0; position: relative;}
.head img{width:100%; height:auto; text-align:center; overflow:hidden;}
.head .h-map {width: 64%; max-width: 437px; position: absolute; bottom: 9%; left: 50%; transform: translate(-50%,0);}

.logo{overflow:hidden;}
.logo h1{text-align:center;}
.logo h1 img{width:100%; height:auto;}

#container{position:relative; width:100%; overflow:hidden; margin-top: 63px;}
#content{padding:0 20px; overflow:hidden;}

#footer{position:relative; background:#f8f8f8; padding:30px 20px 110px; margin-top:60px;}
.foot {max-width:820px; margin:0 auto; overflow:hidden; color:#888;}

.foot-util{overflow:hidden; border-bottom:1px solid #eeedef; padding-bottom:30px; background:url(../images/foot_logo.jpg) no-repeat 0 0;}
.foot-util-icon{overflow:hidden; float:right;}
.foot-util-icon li{float:left; margin:0 0 0 10px;}
.foot-util-icon li img{width:20px;}
.foot-util-icon li:first-child{margin:0;}
.foot-util-icon li a{display:block;}

.foot-content{overflow:hidden;}
.foot-link{overflow:hidden; margin-top:30px; font-weight:bold;}
.foot-link li{float:left;}
.foot-link li a{display:block;}
.foot-link li.foot-link-li{margin:0 10px 0;}

.foot-txt{overflow:hidden; line-height:1.4; margin-top:30px;}
.foot-txt dt{font-weight:bold; margin-bottom:10px;}
.foot-txt dd{}

.footer-sub {text-align: center; color: #fff; background-color: #004263; padding: 22px 0 16px;}
.fs-p20 {font-size: 10px; line-height: 17px; font-family: 'NotoKrL',sans-srif;}

/*레이어팝업*/
#mask {position:absolute; left:0; top:0; z-index:9000; background-color: rgba(50,50,50,0.8); display:none;}
.layer{display: none; position:fixed; width:90%; max-width:820px; overflow:hidden; background-color:#fff; z-index:10000; border-top:6px solid #ff4d71;}

.layer-top{position:relative; overflow:hidden; padding:20px;}
.layer-tit{ font-size:20px; font-weight:bold;}
.layer-close{position:absolute; right:20px; top:20px;}
.layer-close img{width:20px;}

.layer-con{position:relative; overflow:hidden; padding:20px; }
.layer-con-dl{overflow:hidden;}
.layer-con-dl dt{float:left; width:40%; margin:0 5% 0 0;}
.layer-con-dl dt img{width:100%;}
.layer-con-dl dd{float:right; width:55%; font-size:16px; letter-spacing:-1px;}
.layer-con-dl dd .layer-con-p{font-size:18px; margin-bottom:10px; font-weight:bold;}

.sub-layer-txt{font-size:18px; font-weight:bold; text-align:center; letter-spacing:-1px; padding-bottom: 30px; }

/*공통*/
.mt-50{margin-top:50px !important;}
.mt-30 {margin-top: 15px;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:15px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-100{margin-bottom:100px !important;}

/*main*/
.main-visual{position:relative; width:100%; overflow:hidden; background:#000;}
.main-visual-dim{position:absolute; left:0;top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:2;}
.visual-con{position:relative; max-width:820px; margin:0 auto; overflow:hidden; height:520px; background:url(../images/main_visual.jpg) no-repeat center 0;}

.main-visual-content{position:absolute; left:0; right:0; top:0; z-index:3;}

.visual-tit{position:relative; width:310px; margin:60px auto 0; text-align:center; color:#fff; font-size:22px; font-weight:bold; letter-spacing:-1px; padding:10px 0; background-color: rgba(0,0,0,0.5);}

.visual-dl{overflow:hidden; text-align:center; margin:30px auto 0; color:#fff;}
.visual-dl dt{font-size:18px; letter-spacing:-1px;}
.visual-dl dt span{color:#76bd1d; font-weight:bold;}
.visual-dl dd{font-size:36px; font-weight:bold; letter-spacing:-1px;}

.visual-m-tit{margin-top:32px; text-align:center; color:#ddd; font-size:20px; letter-spacing:-1px;}

.visual-btn{margin-top:30px; text-align:center;}
.visual-btn a{display:block;}
.visual-btn a img{width:120px; height:auto;}

.middle-count{background:#222224; padding:20px 0; color:#ddd; font-size:18px; text-align:center; letter-spacing:-1px;}

.youtubeWrap{position:relative; overflow:hidden; max-width:820px; margin:0 auto;}
.youtube{position:relative; width:100%; margin:0 auto; padding-top: 56.25%; /* 16:9 */}
.youtube iframe {position: absolute; top: 0; left: 0; right:0; width: 100%; height: 100%; max-height:460px; }

.main-schedule{max-width:820px; margin:60px auto 0; overflow:hidden;}

.main-schedule-dl{overflow:hidden; letter-spacing:-1px; font-weight:bold; text-align:center;}
.main-schedule-dl dt{font-size:26px; color:#666; margin-bottom:10px;}
.main-schedule-dl dd{font-size:20px; color:#888;}

.btn-ul{overflow:hidden; max-width:820px; margin:10px auto 0;}
.btn-ul li{float:left; width:49%; margin:0 0 0 2%;}
.btn-ul li:first-child{margin:0;}


/*서브*/
.sub-visual{position:relative; width:100%; overflow:hidden; background:#000;}
.sub-visual-dim{position:absolute; left:0;top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:2;}
.sub-visual-con{position:relative; max-width:820px; margin:0 auto; overflow:hidden; height:174px; background:url(../images/sub_visual.jpg) no-repeat center 0;}

.sub-visual-content{position:absolute; left:0; right:0; top:0; z-index:3;}

.sub-visual-tit{position:relative; width:310px; margin:40px auto 0; text-align:center; color:#fff; font-size:22px; font-weight:bold; letter-spacing:-1px; padding:10px 0; background-color: rgba(0,0,0,0.5);}

.sub-visual-m-tit{margin-top:10px; text-align:center; color:#ddd; font-size:16px; letter-spacing:-1px;}

.application-area{overflow:hidden; max-width:648px; margin:0 auto;}

.input-dl{overflow:hidden;}
.input-dl dt{float:left; width:30%; /*margin:0 2% 0 0;*/ font-size:14px; letter-spacing:-1px; color:#666; line-height:30px;}
.input-dl dd{float:right; width:70%;}

.app-ul01{overflow:hidden;}
.app-ul01 li{float:left; width:32%; margin:0 0 0 2%;}
.app-ul01 li:first-child{margin:0;}

.app-ul02{overflow:hidden;}
.app-ul02 li{display:inline-block; margin-right:10px; color:#999;}

.app-input{width:100%; padding:2px 5px; -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid #ddd; height:35px;}
.app-btn{width:100%; padding:2px 4px; -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid #95d60a; height:30px; color:#fff; background:#95d60a; cursor:pointer; letter-spacing:-1px;}
.app-select{width:100%; padding:2px; -webkit-appearance: none; -webkit-border-radius: 0; border:1px solid #ddd; height:35px; text-indent:4px; background:#fff; color: #999; background: url(/images/irye/select-arrow.png) no-repeat 93%; background-size: 12px; letter-spacing: -1px; font-size: 13px}
.app-radio{height:30px; margin-right:2px;}
.app-check02{height:30px; margin-right:2px;}


input:-ms-input-placeholder{color: #999;}
input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}

.accordion{overflow:hidden; max-width:640px; margin:0 auto;}
.accordion-area{position:relative;}
.accordion-area .app-check{position:absolute; left:8px; top:10px; width:16px; height:16px;}
.accordion-title{overflow:hidden; background:#f7f7f7 url(/images/irye/accordian_arrow.jpg) no-repeat right center; font-size:16px; line-height:1.4; letter-spacing:-1px; border:1px solid #dadada; padding:6px 30px; box-sizing:border-box; color: #666;}
.accordion-sub{display:none; padding:10px 4px; border-left:1px solid #999; border-right:1px solid #999;}
.last-border{border-bottom:1px solid #999;}

.sub-btn{overflow:hidden; width: 95%; max-width:648px; margin:50px auto 40px;}
.phone-btn{overflow:hidden; width:160px; margin:30px auto 0;}

.sub-bottom{max-width: 470px; padding: 0 20px; margin: 1.4% auto;}

.offline-top-txt{overflow:hidden; max-width:820px; margin:0 auto; font-size:16px; color:#666; line-height:1.4; letter-spacing:-1px;}
.offline-top-txt li{margin-top:4px;}
.offline-top-txt li:first-child{margin-top:0;}
.offline-top-txt li.offline-top-txt-li{padding:0 0 0 10px;}

.photo-box{width: 100%; background-color: #fff4d9; text-align: center; padding: 20px; margin-bottom: 30px; border-radius: 10px;}
.photo-title{margin-bottom: 20px;}
#file_footer {cursor: pointer; max-width: 250px; width: 100%; border-radius: 10px; color: #fff; height: 40px; line-height: 40px; box-sizing: border-box; background: url(/images/irye/photo-upload.png) 157px center no-repeat; background-size: 14px; background-color: #666; font-size: 16px; text-align: left; padding-left: 75px;	margin: auto;
}

/*개인정보, 마케팅*/
.agreed-tit{text-align:center; font-size:22px; color:#666; font-weight:bold; line-height:1.4; margin:30px 0 50px;}

/* 유의사항 */
.notice{max-width: 820px; margin: 0 auto; margin-bottom: 20px; padding: 0 20px; text-align: justify;}
.n-h3{color: #666; font-size: 16.5px; margin-bottom: 7px;}
.n-h3 img{width: 24px; margin-right: 8px;}

.n-list li{padding: 5px 0; color: #666;}

@media all and (min-width: 440px) {
    .head .h-map {
        width: 59%; max-width: unset; bottom: 9%;
    }
}
@media all and (min-width: 500px){
	.sub-bottom{padding: 0;}
}
@media all and (min-width: 720px){
	.mt-30 {margin-top: 30px;}
	.mb-30 {margin-bottom: 30px !important;}
	.fs-p20 {font-size: 20px; line-height: 25px;}
	.footer-sub {padding: 45px 0 32px;}
}