@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body { font-family:"나눔고딕", 'Nanum Gothic', NanumGothicWeb,"돋움", Dotum ,AppleGothic,sans-serif; }
strong, b, textarea{ font-family:"나눔고딕", 'Nanum Gothic', NanumGothicWeb,"돋움", Dotum ,AppleGothic,sans-serif; }
input,textarea,select,button,table{font-family:"나눔고딕", NanumGothicWeb,"돋움", Dotum ,AppleGothic,sans-serif;}

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;
	font-family:'Malgun Gothic','Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;
	list-style:none;
	line-height:1;
}

ol, ul{list-style:none;}
img{vertical-align:top;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle;}
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}
html, body,input,button,textarea{font-size:12px; color:#888; font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}

a {color:#a7a7a7; text-decoration:none;}
a:hover {color:#a7a7a7; text-decoration:none;}
img,input{vertical-align:top;}
label{vertical-align:middle; font-size:14px; cursor:pointer;}
select {height:24px; margin:0; border: 1px solid #dcdcdc; padding:0; font-size:13px; vertical-align:middle; color:#666;}
textarea {border:1px solid #dcdcdc; color:#888; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;}

h1,h2,h3,h4,h5,h6,th,strong {font-weight:600;}
select {font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.B{font-weight:bold; font-size: 14px; color: #232323}
.flex{display: flex;}

/*Basic*/
#warp {position:relative; width:1200px;z-index:999; margin:0 auto;}
.img{position: relative; width:100%;}
.img img{width:100%; height: auto;}

.sec02{position: relative; background: url(/Resources/Event/IceOne/event_ox_bg.png)no-repeat center/cover; padding-bottom:110px;}
/* .sec02 .bg{position: absolute; left:0; top:0;} */
.sec02 .title{text-align: center; position: relative; padding:130px 0 60px;}
.sec02 .flex{justify-content: center; align-items: center;}
.sec02 .flex .box{background: url(/Resources/Event/IceOne/event_ox_box_01.png)no-repeat center/100%; width: 438px; height:640px; position: relative;}
.sec02 .flex .box:last-child{background: url(/Resources/Event/IceOne/event_ox_box_02.png)no-repeat center/100%; width: 438px; height:640px; }
.sec02 .flex .box ul{position: absolute; left:50%; bottom:0; transform: translate(-50%,-50%);}
.sec02 .flex .box ul li + li{margin-top: 5px;}
.label {display: block; cursor: pointer;}
.hiddenRadio {display: none;}
.hiddenRadio:checked + .radio {background: url(/Resources/Event/IceOne/img_radio_o_on.png) no-repeat center/100% ;}
.radio {width: 361px;height: 91px;   background: url(/Resources/Event/IceOne/img_radio_o.png) no-repeat center/100%;}
.label_x .hiddenRadio:checked + .radio {background: url(/Resources/Event/IceOne/img_radio_x_on.png) no-repeat center/100% ;}
.label_x .radio {width: 361px;height: 91px;   background: url(/Resources/Event/IceOne/img_radio_x.png) no-repeat center/100%;}
.sec02 .btn{display: block; text-align: center; padding-top:20px;}
.sec02 .btn:last-child{padding-top:100px;}

.sec03{position: relative; background-color:#5fb2d2;}
.sec03 .title{text-align: center; position: relative; padding:65px 0 35px;}
.vieo_cont{position: relative; padding-bottom: 57.25%; height:0; background-color:#5fb2d2;}
.vieo_cont iframe{position: absolute; left:50%; top:0; width: 90%; height: 100%; z-index:1; transform: translateX(-50%);} 
.sec03 .img{padding:80px 10%; box-sizing: border-box; width: 100%;}

/***** btn area *****/
.btnAreaList {position:relative; box-sizing: border-box; width: 100%; text-align:center; clear:both; overflow:hidden; display: flex; justify-content: center; padding: 0 10% 100px;}
.btnAreaList a{position:relative; width:100%; text-align:center; clear:both; overflow:hidden; display: flex;}

/* 모달 팝업 배너*/
.modal-bg {display:none; width:100%;height:100%;position:fixed;top:0;left:0;right:0;background: rgba(0, 0, 0, 0.6);z-index:1000; }
.modal-wrap {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:600px;background:#fff;z-index:1100;}
.modal-wrap button{position: absolute; right:0; top:0; width: 40px; height: 40px; color:#333; background: transparent url(/Resources/Event/IceOne/ico_button_x.png)no-repeat center/50%; box-sizing: border-box; border: none; cursor: pointer;}