@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

body {
    font-family: 'Noto Sans KR', sans-serif;
}
.container {width: 1300px; margin: 0 auto; }

/********** useful **********/
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}
.clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.none {display:none !important;}
/********** // useful **********/

.tit_box {width: 100%; height: 75px; line-height: 75px; font-size: 1.1em;  background-color: #f7f7f7;  box-sizing: border-box;  padding: 0 20px;  color: #151515;  font-weight: 500;  position: relative;}


/* board_write */
.area_01 {margin-top: 30px;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; border-top:3px solid #2081b9; margin-top: 20px;}
.board_write tr {border-bottom:1px solid #d9d9d9;}
.board_write th, .board_write td {padding:15px 20px; vertical-align:middle;}
.board_write th {border-right:1px solid #d9d9d9; background-color:#f7f7f7; text-align:left; font-size: 1.063em !important; font-weight: 500;}
.board_write th label {font-weight: 500;}
.board_write td {font-size: 1.063em;}
.board_write tr * {vertical-align:middle;}
.board_write input[type="text"], .board_write input[type="password"], .board_write select {height:40px; border:1px solid #cacaca;vertical-align:top;}
.board_write input[type="text"], .board_write input[type="password"] {padding:0 5px;}
.board_write textarea {border:1px solid #cacaca;}
.board_write .address_input {margin-top:5px; margin-right:5px;}
.board_write .address_input.top {width:150px; margin-top:0;}
.board_write .address_input.mid, .board_write .address_input.btm {width:100%; max-width:500px;}
.board_write .email_input {width:100%; max-width:150px;}
.board_write .date_input {width:130px; padding:0 5px 0 22px !important; background:url('/images/basic/cal_ico.png') 5px center no-repeat; text-align:center; cursor:pointer;font-size:1rem;}
.board_write .short_input {width: 70px;}
.board_write .middle_input {width:100%; max-width:200px;}
.board_write .long_input {width:100%; max-width:500px;}
.board_write .full_input {width: 100%;}

.schedule_area {float: left; margin-right: 15px; line-height: 40px;}
.board_write .schedule_area select {width: 175px; padding-left: 10px; font-size: 15px;}
.board_write .schedule_area:last-child select{width:210px;}
.board_write .schedule_area option.view_cg {color: #d7d7d7;}
.board_write .hp1 {width: 162px; height: 42px; padding-left: 10px; font-size: 15px;}
.board_write .address {width: 100%; max-width: 496px; padding-left: 10px; font-size: 15px;}
.board_search_area {padding:10px 0;}
.address_day {padding-left: 6px; margin-top: 10px; font-size: 14px;  font-weight: 300; word-break: break-word;}

.board_write .position_area {float: left; margin-right: 15px; line-height: 40px;}
.board_write .position_area:last-child {margin-right: 0;}
.board_write .position_area select {display: inline-block; width: 128px; padding-left: 10px; font-size: 15px;}

.bw_in_btn {display:inline-block; height:42px; line-height:40px; padding: 0 10px; background-color:#003aac; color:#fff; font-size:0.93em; font-family: "Noto Sans KR" , sans-serif !important;
vertical-align:top !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.bw_in_btn:hover, .bw_in_btn:focus {background-color:#002367;}
.write_sup_txt {display:inline-block; font-size:0.93em;}
.th_star {margin:0 3px;}

/* attach_box */
.attach_box {position:relative; z-index:1; max-width:700px;}
.attach_input {position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.attach_vbox {position:relative; z-index:1; padding-right:119px;}
.attach_vinput {width:100%; height:42px !important; padding:0 5px; cursor:pointer;}
.attach_btn {display:block; position:absolute; right:0; top:0; z-index:1; width:120px; height:42px; line-height:40px; background-color:#fff; 
border: 1px solid #4385ff; color:#4385ff; font-size: 0.93em; text-align:center; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.attach_btn:hover {background-color:#4385ff !important; color: #fff;}

.attach_box.preview {float: left;}
.board_write .preview_box {float: left; width: 150px; height: 150px; background-color: #f4f4f4;}

.board_write .yn_radio_box {float:right;}
.radio_each {display:inline-block; margin-right:25px; vertical-align:middle;}
.radio_each.has_input .vradio {top: 3px;}
html.is-ie .radio_each.has_input .vradio {top: 6px;}
.radio_each.one {margin-right:0;}
.radio_each:last-child {margin-right:0;}
.radio_each label {position:relative; z-index:1; padding-left:29px; cursor:pointer; font-size: 15px;}
.radio_each .vradio {display:block; position:absolute; left:0; top:1px; z-index:1; width:20px; height:20px; border:1px solid #cdcdcd; border-radius:50%;}
html.is-ie .radio_each .vradio {top: 3px;}
.radio_each .vradio .cir {display:block; position:absolute; left:50%; top:50%; z-index:1; width:10px; height:10px; margin-left:-5px; margin-top:-5px; background-color:#fff; border-radius:50%;}
.radio_each input:checked + label .vradio {border-color:#2081b9;}
.radio_each input:checked + label .vradio .cir {background-color:#2081b9;}
.radio_each input:focus + label .vradio {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.chk_each {display: inline-block; vertical-align: middle;}
.chk_each label {position: relative; z-index: 1; padding-left: 20px; cursor:pointer;}
.chk_each .vchkbox {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 15px; height: 15px; border: 1px solid #cacaca;}
html.is-ie .chk_each .vchkbox {top: 0;}
.chk_each input:checked + label .vchkbox {background: url('/images/basic/chkbox_ico.png') center center no-repeat; border-color: #2295fe;}
.chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.customer_textbox{width: 100%;height: 200px;background-color: #fff; box-sizing: border-box;     padding: 20px 20px; border: solid 1px #d2d2d2;  margin-top: 20px;   overflow:scroll;
    overflow-x: hidden}
.bigtt{font-size: 0.9em; font-weight: 700;color: #151515; padding-bottom: 20px;}
.sbtt{font-size: 0.7em; font-weight: 600; line-height: 60px; color: #151515;}
.smtt{font-size: 0.8em; line-height: 20px;}

.agreeBox {margin-top: 15px;}
.selectBox {position: relative;}
.radio_agree {position: absolute; top: 0; right: 0;}
.btn_area {position: absolute; bottom: 20px; left: 50%;  margin-left: -101px;}
.btn_area .submit_btn {display: inline-block; width: 210px; height: 53px; line-height: 51px; background-color: #2081b9; text-align: center; color: #ffffff; font-weight: bold;}
.btn_area .submit_btn:hover {background: #ffffff; color:#2081b9; border: 1px solid #2081b9;}


/* prize_list */
.new_borad_4 {height: 1400px}
.img_top_box {position:relative;}
.img_top_box .img_area img {width: 100%;}
.img_box {position: relative;}
.state {position: absolute; left: 20px; bottom: -15px; display: inline-block; width: 85px; height: 80px; line-height: 67px; text-align: center;  font-size: 12px; font-weight: bold; background: #000; color: #fff;}
.state > em {position: absolute; bottom: 31px; left: 1%; width: 85px; height: 30px; display: inline-block;}
.state.com_end {background: #ba212c;}
.state.ing {background: #2d4c78;}
.state.one {line-height: 78px !important;}
.state.com_ing {background: #ffa82c;}
.state.plan {background: #0eafe6;}


.prize_list li{position: relative; overflow: hidden; float: left; width: 421px; min-height: 584px;margin-right: 15px; margin-bottom: 15px; border: 1px solid #dbdbdb; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.prize_list li:nth-child(3n){margin-right:0;}
.prize_list li .txt_hover{position: absolute; width:100%;  bottom: -85px; transition: 0.3s; text-decoration: none; padding: 5% 8%; background: #fff;}
.prize_list li .img_area > a {display:block; position:relative; padding-bottom:56.5%;}
.prize_list li .img_area > a > img {position:absolute; top:0; left:0; width:100%; height:100%;}
.prize_list li a{display: inline-block; width: 200px; height: 40px; text-align: center; line-height: 38px;
    border: 1px solid #dedede; margin: 0 auto; font-weight: 300; font-size: 12px;}
.prize_list li a:hover .txt_hover{bottom: 0;}
.prize_list li a .img_area{ width: 100%; position: relative; padding-top: 70.5%;}
.prize_list li a .img_area img{position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.prize_list li .txt_hover .tit{color: #272727; display: block; display: -webkit-box; line-height: 1.3em; height: 2.6em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125em;}
.prize_list li .txt_info {position: relative; max-height: 211px; min-height: 183px; padding: 74px 24px 34px; background: #fff;}
.prize_list li .txt_info a{ display:block;}
.prize_list li:hover { -webkit-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); -moz-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); box-shadow: 0px 5px 8px rgba(182,182,182,0.65);}
.part_info p {position: relative; padding-bottom: 6px; padding-left: 10px; font-size: 15px; color: #504f4f; overflow: hidden;
    word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.part_info p:last-child {padding-bottom: 0;}
.part_info p:after {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #191919;}
.prize_list li .txt_info .tit{padding: 0 10px; background: #6eabca; text-align: center; line-height: 47px; color: #fff; font-weight: 500;height: 49px; position: absolute; width: 100%; left: 0; top: 0;overflow: hidden; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.375em;}

/* sub3_4  */
.prize_list li .txt_hover .tit{color: #272727; display: block; display: -webkit-box; line-height: 1.3em; height: 2.6em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.125em;}
.prize_list li .txt_info2 { padding: 54px 16px; background: #fff;}
.prize_list li .txt_info2 a{ display:block;}
.prize_list li .txt_info2 .tit{overflow: hidden; margin-bottom: 30px; color: #272727; display: block; line-height: 1.4; word-break: keep-all; word-wrap: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px; font-weight: 700;}
.prize_list li .txt_info2 .reg_date{overflow: hidden; margin-bottom:14px; width: 100%;}
.prize_list li .txt_info2 .reg_date:last-child {margin-bottom:0;}
.prize_list li .txt_info2 .reg_date span{float: left; display: inline-block; width: 21%; font-size: 14px; margin-top: 1px; color: #333333;  font-weight: 400; margin-top: -1px;}
.prize_list li .txt_info2 .reg_date p {float: left; display: inline-block; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;
    -webkit-line-clamp: 1; line-height: 1.3em; width: 79%; height: 1.3em; -webkit-box-orient: vertical;  font-size: 13px; margin-top: -2px;}
.prize_list li .txt_info2 .reg_date .btn_chk{display: inline-block; width: 100%; height: 40px;line-height: 40px; text-align: center; color: #fff; font-size:0.938em; font-weight: 300; background-color:#363c56; margin-top:8px;}
.prize_list li .txt_info2 .empty_area p {height:40px; margin-top:8px;}



/* popup long design */
.lay_pop_btn {    position: absolute; z-index: 9999999999999999999999; display: block; top: -2px; right: -6px; margin-left: -26px;  background: none;  border: none;}
.layer_popup {display: none;position: fixed;z-index: 9999999999999999999999; width: 400px; padding: 1vw 1vw 1vw; box-sizing: border-box; background: #ffffff; height: auto;  left: 50%;  top: 46px; transform: translate(-50%, -40%);}
.layer_popup.show { display: block;}
.subarea {position: relative; }
.subarea.lay_bg { width: 100%;  height: 100%; }
.subarea.lay_bg:after {content: ''; position: fixed; top: -547px; left: 0; width: 100%; height: 142%; background: #000000; opacity: 0.7; z-index: 999999999;}
.close_btn {position: absolute; top: 0; z-index: 9999999999; display: inline-block; width: 100px; height: 100px; background: red;}
.ly_title {margin-bottom: 30px; font-size: 22px; font-weight: 700; text-align: center; color: #272727;  word-break: keep-all;}
/* .ly_img img {max-width: 100%; max-height: 100%; margin: 0 auto;}  */
.ly_img img {width: 100%; margin: 0 auto;}
.ly_cont {padding-top: 5px;  padding-bottom: 15px; border-bottom: 1px solid #57575a;  color:#333333; font-size: 14px; margin-top: 13px;}
.ly_cont .ly_txt {display: table; table-layout: fixed; width: 100%; padding-bottom: 13px}
.ly_cont .ly_txt:last-child { padding-bottom: 0; }
.ly_cont .ly_txt span {display: table-cell; width: 20%; margin-right: 7px; color: #333333; font-weight: 400;}
.ly_cont .ly_txt em {display: table-cell;}
.la_txt { padding-top: 23px; font-size: 0.8em;  color:  #767676; }

.item_txts .item_txt {display: inline-block; width: 24%;text-align: center;font-size: 0.7em;}
.item_txts .item_txt span {display: block;}

.ly_slide_02 {position: relative; margin-top: 25px;}
.swiper.performance_slide { overflow: hidden;}

.swiper-container-horizontal > .swiper-pagination-bullets { top: inherit; bottom:-30px; }

.swiper-pagination-bullet {background: #0eafe6;}


/* lay wide design */


.ly_over {overflow: hidden; padding-bottom: 10px;}
.ly_over .top_ly {overflow: hidden; width: 100%; margin-bottom: 12px;}


.ly_img_area_02 {overflow: hidden; width: 48%;}
.ly_img_area_02.ver1 {width: 100%;  box-sizing: border-box;}
.ly_img_area_02 img { display:block; width:100%; }
.ly_table {width: 100%; overflow: hidden;}
.ly_table > li {float: left; width: 50%; height: auto;  margin-bottom: 7px;  height: 38px; }
.ly_table > li > div {float: left; display: table-cell; color: #333333;   font-weight: 300; font-size: 14px;line-height: 19px;}
.ly_table > li > div.lt_tb {width: 30%; font-weight: 400;}
.ly_table > li > div.rt_tb {width: 70%;}
.layer_popup.wide_area { width: 870px; margin: 0 auto;}
.layer_popup.wide_area .ly_over {padding-bottom: 0;}

.layer_popup.wide_area .ly_pop_01 {float: left; width: 48%; margin-right: 2%; }
.layer_popup.wide_area .ly_slide_02 {float: left; width: 48%; margin-left: 2%; margin-top: 0;}

.layer_popup.wide_area .top_ly {     border-bottom: 1px solid #57575a; padding-bottom: 12px;}

.layer_popup.wide_area .ly_pop_01 .ly_cont {border-bottom: 0;}


.home_link {display: block; width: 200px; height: 50px; line-height: 48px; text-align: center; background: #ffa82c; color: #ffffff; font-weight: bold; margin: 30px auto 0;}


/* ytb_block */
.ytb_block {max-height:635px;height:50vw;}

/* animation keyframes */
@-webkit-keyframes scale1_3 {
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100% {transform:scale(1);}
}
@keyframes scale1_3 {
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100% {transform:scale(1);}
}