@charset "UTF-8";

/* 오픈팝업 */
.open_popup {
	position:absolute;
	top:20px;
	left:0;
	z-index:701;
	width:100% !important;
	margin:0;
}
.open_inbox {margin:0 10px;}
.openpop_header {
	background-color:#0081cb;
	height:49px;
}
.openpop_tit {
	color:#fff; 
	height:49px; 
	line-height:49px;
	padding-left:15px;
	font-size:16px;
}
.openpop_footer .inbox {position:relative;}
.todayCheck {margin-left:15px; height:30px;}
.todayCheck input[type="checkbox"] {width:14px; height:14px; background-color:#fff; border:1px solid #d7d7d7;}
.todayCheck input[type="checkbox"]:checked {
	background:#fff url('../images/icons/ico_check_on.gif') center center no-repeat;
	background-size:11px 11px;
}

.todayCheck label {
	display:inline-block;
	height:30px;
	line-height:30px;
	color:#fff; 
	font-weight:bold; 
	font-size:13px;
	cursor:pointer;
	margin-left:2px;
}

.openpop_contbox {}
.openpop_content {font-size:14px;}
.openpop_footer {background-color:#666;}

.openpop_close {
	position:absolute;
	top:0;
	right:0;
}
.openpop_close button {
	display:block;
	background:url("../images/button/btn_open_pop_close.gif") no-repeat center;
	width:40px;
	height:30px;
}
.openpop_close span {
	display:block;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	text-indent:-10000px;
}
.dim {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:700;
}

/* 팝업 */
.popup_demo_wrap {
	position:relative;
	left:0;
	top:15px;
	z-index:500;
	width:100%;
}
.popup_demo_wrap .inbox {
	margin:0 20px;
}
.popup_top {
	position:relative;
	padding:0 20px;
	height:50px;
	line-height:50px;
	background-color:#0081cb;	
}

.popup_top .title {
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
.popup_top .close {
	position:absolute;
	right:20px;
	top:15px;
}

.popup_contents {
	padding:0px 0px;
	background-color:#FFF;
}

.popup_contents .sub_txt {
	padding-left:0px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	background:url("../images/icons/blt_blue.gif") left 9px no-repeat;
}

.popup_terms_wrap {
	margin-top:15px;
	overflow:auto;
	border:1px solid #dcdcdc;
	font-size:12px;
}
.popup_terms_scroll {
	padding:10px;
}
.popup_terms {
	width:100%;
	height:96px;
}
.popup_agree_check {
	margin-top:-1px;
	    padding: 25px 25px;
	border:1px solid #dcdcdc;
	background-color:#f0f1f2;
}
.popup_agree_check label {
	vertical-align:middle;
	margin-left:0px;
}
.popup_agree_check input.check_box[type="checkbox"] {
	-webkit-appearance:none;
	width:14px;
	height:14px;
	line-height:14px;
	background-color:#FFF;
	border:1px solid #d7d7d7;
}
.popup_agree_check input.check_box[type="checkbox"]:checked {
	width:14px;
	height:14px;
	line-height:14px;
	background:#fff url('../images/icons/ico_check_on.gif') center center no-repeat;
	background-size:11px 11px;
}


.popup_tbl_m_demo_wrap {display:block;}
.popup_tbl_demo_wrap {display:none;}

.popup_tbl_m_demo td {
	padding:6px 10px;
	border-bottom:1px solid #e6e6e6;
}
.popup_tbl_m_demo .input_box {
	position:relative;
	padding:0 10px;
	height:26px;
	border:1px solid #e6e6e6;
}
.popup_tbl_m_demo .input_box .input_txt {
	position:relative;
	z-index:0;
	width:100%;
	height:26px;
	line-height:26px;
}
.popup_tbl_m_demo .input_box .title {
	position:absolute;
	left:10px;
	top:3px;
	z-index:1;
	font-weight:bold;
}

.popup_tbl_m_demo .select_box {
	border:1px solid #e6e6e6;	
	padding-left:10px;
}
.popup_tbl_m_demo .select_box select {
	width:100%;
	font-weight:bold;
	border:none;
	height:28px;
	line-height:28px;
    -webkit-appearance:none; 
	background:#fff url('../images/icons/ico_select_btn.gif') right center no-repeat;
}
.popup_tbl_m_demo .textarea_box  {
	padding:5px;
	height:100px;
	border:1px solid #e6e6e6;	
}
.popup_tbl_m_demo .textarea_box textarea {
	width:100%;
	height:100%;
	border:none;
}
.pop_bg {
	width:100%;
	height:100%;
	background:url("../images/common/bg_popup.png") 0 0 repeat;
	position:fixed;
	left:0;
	top:0;
	z-index:450;
}

.popup_terms .terms_top_txt {
	font-size:16px;
}
.popup_terms .terms_top_txt span{
	line-height:50px
}

/* 팝업레이어 */
.popupla_demo_wrap {
	position:relative;
	left:0;
	top:15px;
	z-index:500;
	width:100%;
}
.popupla_demo_wrap .inbox {
	margin:0 20px;
}
.popupla_top {
	position:relative;
	padding:0 20px;
	height:50px;
	line-height:50px;
	background-color:#0081cb;	
}

.popupla_top .title {
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
.popupla_top .close {
	position:absolute;
	right:20px;
	top:15px;
}

.popupla_contents {
	padding:0px 0px;
	background-color:#FFF;
}

.popupla_contents .sub_txt {
	padding-left:0px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	background:url("../images/icons/blt_blue.gif") left 9px no-repeat;
}

.popupla_terms_wrap {
	margin-top:15px;
	overflow:auto;
	border:1px solid #dcdcdc;
	font-size:12px;
}
.popupla_terms_scroll {
	padding:10px;
}
.popupla_terms {
	width:100%;
	height:96px;
}
.popupla_agree_check {
	margin-top:-1px;
	    padding: 25px 25px;
	border:1px solid #dcdcdc;
	background-color:#f0f1f2;
}
.popupla_agree_check label {
	vertical-align:middle;
	margin-left:0px;
}
.popupla_agree_check input.check_box[type="checkbox"] {
	-webkit-appearance:none;
	width:14px;
	height:14px;
	line-height:14px;
	background-color:#FFF;
	border:1px solid #d7d7d7;
}
.popupla_agree_check input.check_box[type="checkbox"]:checked {
	width:14px;
	height:14px;
	line-height:14px;
	background:#fff url('../images/icons/ico_check_on.gif') center center no-repeat;
	background-size:11px 11px;
}


.popupla_tbl_m_demo_wrap {display:block;}
.popupla_tbl_demo_wrap {display:none;}

.popupla_tbl_m_demo td {
	padding:6px 10px;
	border-bottom:1px solid #e6e6e6;
}
.popupla_tbl_m_demo .input_box {
	position:relative;
	padding:0 10px;
	height:26px;
	border:1px solid #e6e6e6;
}
.popupla_tbl_m_demo .input_box .input_txt {
	position:relative;
	z-index:0;
	width:100%;
	height:26px;
	line-height:26px;
}
.popupla_tbl_m_demo .input_box .title {
	position:absolute;
	left:10px;
	top:3px;
	z-index:1;
	font-weight:bold;
}

.popupla_tbl_m_demo .select_box {
	border:1px solid #e6e6e6;	
	padding-left:10px;
}
.popupla_tbl_m_demo .select_box select {
	width:100%;
	font-weight:bold;
	border:none;
	height:28px;
	line-height:28px;
    -webkit-appearance:none; 
	background:#fff url('../images/icons/ico_select_btn.gif') right center no-repeat;
}
.popupla_tbl_m_demo .textarea_box  {
	padding:5px;
	height:100px;
	border:1px solid #e6e6e6;	
}
.popupla_tbl_m_demo .textarea_box textarea {
	width:100%;
	height:100%;
	border:none;
}
.pop_bg {
	width:100%;
	height:100%;
	background:url("../images/common/bg_popup.png") 0 0 repeat;
	position:fixed;
	left:0;
	top:0;
	z-index:450;
}

.popupla_terms .terms_top_txt {
	font-size:16px;
}
.popupla_terms .terms_top_txt span{
	line-height:50px
}




/* awards */
.popup_awards_wrap {display:none;}
.pop_bg.awards {display:none;}

/* liger */
.popup_contents.ifram {
	padding:0;
	height:300px;
}
.video_wrap {
	background-color:#FFF;
	height:300px;
}
.video {height:300px;}

/* layout_mobile 768이하 */
/*@media only screen and (max-width:767px){


/* 팝업 */
/*.popup_demo_wrap {
	position:relative;
	left:0;
	top:15px;
	z-index:500;
	width:100%;
}
.popup_demo_wrap .inbox {
	margin:0 20px;
}

.popup_top {
	position:relative;
	padding:0 20px;
	height:50px;
	line-height:50px;
	background-color:#0081cb;	
}

.popup_top .title {
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
.popup_top .close {
	position:absolute;
	right:20px;
	top:15px;
}

.popup_contents {
	padding:0px 0px;
	background-color:#FFF;
}

.popup_contents .sub_txt {
	padding-left:10px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	background:url("../images/icons/blt_blue.gif") left 9px no-repeat;
}

.popup_terms_wrap {
	margin-top:15px;
	overflow:auto;
	border:1px solid #dcdcdc;
	font-size:12px;
	margin:10px;
}
.popup_terms_scroll {
	padding:10px;
}
.popup_terms {
	width:100%;
	height:auto;
}
.popup_agree_check {
	margin-top:-1px;
	    padding: 10px 10px;
	border:1px solid #dcdcdc;
	background-color:#f0f1f2;
	margin:10px;
}
.popup_agree_check label {
	vertical-align:middle;
	margin-left:0px;
}
.popup_agree_check input.check_box[type="checkbox"] {
	-webkit-appearance:none;
	width:14px;
	height:14px;
	line-height:14px;
	background-color:#FFF;
	border:1px solid #d7d7d7;
}
.popup_agree_check input.check_box[type="checkbox"]:checked {
	width:14px;
	height:14px;
	line-height:14px;
	background:#fff url('../images/icons/ico_check_on.gif') center center no-repeat;
	background-size:11px 11px;
}

h2{ font-size:18px; padding:15px;}
h2 span{  font-size:12px; color:#ff0000; padding:10px 0}

.popup_tbl_m_demo_wrap {display:block; padding: 15px;}
.popup_tbl_demo_wrap {display:none;}
.popup_tbl_m_demo {
	
	border-top:2px solid #333;
	width:100%;
	
}
.popup_tbl_m_demo td {
	padding:10px 0px;
	border-bottom:1px solid #e6e6e6;
}
.popup_tbl_m_demo td span{
	line-height:40px;
	font-weight:bold;
}

.popup_tbl_m_demo .input_box {
	position:relative;
	padding:0 10px;
	height:30px;
	border:1px solid #e6e6e6;
}
.popup_tbl_m_demo .input_box .input_txt {
	position:relative;
	z-index:0;
	width:100%;
	height:28px;
	line-height:28px;
}
.popup_tbl_m_demo .input_box .title {
	position:absolute;
	left:10px;
	top:3px;
	z-index:1;
	font-weight:bold;
}

.popup_tbl_m_demo .select_box {
	border:1px solid #e6e6e6;	
	padding-left:10px;
}
.popup_tbl_m_demo .select_box select {
	width:100%;
	font-weight:bold;
	border:none;
	height:28px;
	line-height:28px;
    -webkit-appearance:none; 
	background:#fff url('../images/icons/ico_select_btn.gif') right center no-repeat;
}
.popup_tbl_m_demo .textarea_box  {
	padding:5px;
	height:100px;
	border:1px solid #e6e6e6;	
}
.popup_tbl_m_demo .textarea_box textarea {
	width:100%;
	height:100%;
	border:none;
}
.pop_bg {
	width:100%;
	height:100%;
	background:url("../images/common/bg_popup.png") 0 0 repeat;
	position:fixed;
	left:0;
	top:0;
	z-index:450;
}

.popup_terms .terms_top_txt {
	font-size:16px;
}
.popup_terms .terms_top_txt span{
	line-height:30px
}
.popup_contents .info{
	display:none;
}

.popup_contents .info_m{
	padding-bottom:20px;
	width:100%;
	height:auto;
}

} */



.open_popup {
	width:auto !important; 
	margin:auto;
	top:30px;
	left:50%;
}
.open_inbox {margin:0;}

.popup_tbl_m_demo_wrap {display:none;}
.popup_tbl_demo_wrap {display:block;}

.popup_demo_wrap {
	position:relative;
	left:0;
	top:20px;
	z-index:500;
	width:100%;
}
.popup_demo_wrap .inbox {
	margin:0;
	width:690px;
	margin:0 auto;
}
.popup_top {
	padding:0 30px;
	height:70px;
	line-height:70px;
}

.popup_top .title {
	font-size:24px;
}
.popup_top .close {
	position:absolute;
	right:30px;
	top:25px;
}
.popup_contents .info{
	padding-bottom:50px;
}
.popup_contents .info_m{
	display:none;
}
.popup_contents {
	padding:0px;
	background-color:#FFF;
}
.popup_contents .info_m{
	display:none;
}
.popup_contents .sub_txt {
	font-size:18px;
}

.popup_terms_wrap {
	margin-top:15px;
}
.popup_terms_scroll {
	padding:25px;
}
.popup_terms {
	width:100%;
	height:auto;
}


.popup_tbl_demo {
	margin-top:10px;
	    border-top: 2px solid #333;
}
.popup_tbl_demo th {
	padding:10px 20px;
	font-size:15px;
	color:#333;
	font-weight:500;
	background-color:#f8f8f8;
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	text-align:center;
	vertical-align:middle;
	height:63px;
}
.popup_tbl_demo td {
	padding:15px 20px;
	font-size:15px;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	vertical-align: middle;
}
.popup_tbl_demo .input_box {
	position:relative;
	padding:0 10px;
	border:1px solid #dadada;
	overflow:hidden;
}
.popup_tbl_demo .input_box .input_txt {
	position:relative;
	z-index:0;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
}

.popup_tbl_demo .input_box textarea {
	border: 0px solid #ddd;
    padding: 5px;
    width: 99%;
    height: 200px;
}

.popup_tbl_demo .input_box .input_pnum{
	position:relative;
	z-index:0;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align: center;
}
.popup_tbl_demo .input_box .title {
	position:absolute;
	left:10px;
	top:3px;
	z-index:1;
	font-weight:bold;
}

.popup_tbl_demo .select_box {
	border:1px solid #e6e6e6;	
	padding-left:10px;
}
.popup_tbl_demo .select_box select {
	width:100%;
	font-weight:bold;
	border:none;
	height:28px;
	line-height:28px;
    -webkit-appearance:none; 
	background:#fff url('../images/icons/ico_select_btn.gif') right center no-repeat;
}
.popup_tbl_demo .textarea_box  {
	padding:10px;
	height:180px;
	border:1px solid #e6e6e6;	
}
.popup_tbl_demo .textarea_box textarea {
	width:100%;
	height:100%;
	border:none;
}

.popup_tbl_demo.tbl_demo2 th { height: auto}
.popup_tbl_demo.tbl_demo2 .input_box textarea { height: 100px}

/* awards */

.popup_awards_wrap {
	position:absolute;
	left:0;
	top:150px;
	z-index:500;
	width:100%;
	display:block;
}
.popup_awards_wrap .inbox {
	margin:0;
	width:594px;
	height:auto;
	margin:0 auto;
}
.popup_awards_wrap .popup_contents {
	padding:0;
}
.awards_imgbox img {
	width:100%;
	height:auto;
}
.pop_bg.awards {display:block;}

/* liger */
.popup_contents.ifram {
	padding:0;
	height:500px;
}
.video_wrap {
	background-color:#FFF;
	height:500px;
}
.video {height:500px;}















/*event*/

.event_wrap {
	position:absolute;
	left:60%;
	top:80%;
	z-index:500;
}


.event_wrap .popup_contents {
	width: 150px;
	height: 150px;
	background: none;
}





.event_modal_wrap {
	position:fixed;
	left:0;
	top:125px;
	z-index:500;
	width:100%;
}
.event_modal_wrap .inbox {
	margin:0;
	width:690px;
	margin:0 auto;
}
.event_modal_wrap .popup_top {
	padding:0 30px;
	height:70px;
	line-height:70px;
}

.event_modal_wrap .popup_top .title {
	font-size:24px;
}
.event_modal_wrap .popup_top .close {
	position:absolute;
	right:30px;
	top:25px;
}

.event_modal_wrap .popup_contents {
	padding:30px;
	background-color:#FFF;
}

/*버튼*/

.btn_default_red {
    display: inline-block;
    width: 100px;
    height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #ef6260;
	cursor:pointer;
}

.btn_default_black {
    display: inline-block;
    width: 120px;
    height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #333;
	cursor: pointer;
}

.btn_default_blue {
    display: inline-block;
    width: 100px;
    height: 40px;
	line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background-color: #333;
	cursor: pointer;
}

.btn_default_add {
    display: inline-block;
    width: 100px;
    height: 30px;
	line-height: 30px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    background-color: #999;
	cursor: pointer;
	border: 0;
}

.btn_default_sky {
    display: inline-block;
    width: 100px;
    height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #03a7df;
	cursor: pointer;
}

.btn_default_gray {
    display: inline-block;
    width: 100px;
    height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #828282;
	cursor: pointer;
}


.btn_default_navy {
    display: inline-block;
    width: 100px;
    height: 40px;
	line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #507bbc;
	cursor: pointer;
}

input[type=checkbox] {
    position: relative;
    opacity: 1;
    vertical-align: middle;
}

.basic_selectbox {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    height: 40px;
}

.cont_top.product .basic_selectbox {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    height: 40px;
}
.basic_selectbox {
    font-size: 16px;
	line-height: 40px;
}
.basic_selectbox {
    padding: 0 27px 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dadada;
    background: #fff url(/images/common/ico_select_arrow.png) no-repeat right center;
    background-size: 21px 6px;
    -webkit-appearance: none;
}
.abox .agree-cont {
    height: 100px;
    margin: 12px 0 0 0;
    padding: 16px 18px;
    background: #f3f3f3;
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #dedede;
    overflow-y: auto;
	text-align:left;
}
.tit-wrap {
    position: relative;
	text-align:left;
}
.abox:first-child {
    margin: 0;
}
.abox {
    margin: 37px 0 0 0;
}
.abox .achk {
    margin: 14px 0 0 0;
    text-align: right;
    font-size: 14px;
}

.t-left { text-align: left !important}
.t-center { text-align: center !important}
.t-right { text-align: right !important}

.tit-star { position: relative}
.tit-star::after { content: "*"; display: inline-block; color:#ff3835; font-weight: 800; line-height: 1; vertical-align: middle; margin-left: 5px}

/* ----- Radio & Checkbox -----*/
/* common */
input.checkradio { display: none;}
input.checkradio + label { position: relative; display: inline-flex; align-items: center; cursor:pointer;}
input.checkradio + label > span { vertical-align: middle; font-weight: 400; padding-left: 8px;}
input.checkradio.solo + label > span { text-indent: -9999px}

input.checkradio + label::before { content: ""; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width:14px; height:14px; border:1px solid #cdced6; border-radius: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d9d9d9' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-position: center; background-size: 12px; background-color: #fff; background-repeat: no-repeat;}

input.checkradio:checked + label::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-position: center; background-size: 12px; background-color: #ff3f3f; background-repeat: no-repeat; border-color: #ff3f3f;}

/* Radio */
input[type=radio].checkradio + label::before{ border-radius: 50%; background: #fff}
input[type=radio].checkradio:checked + label::before { background: #fff;}
input[type=radio].checkradio + label::after { content: ""; position: absolute; top: 50%; left: 4px; width: 8px; height: 8px; background: #cdced6; border-radius: 50%; transform: translateY(-50%)}
input[type=radio].checkradio:checked + label::after { background: #ff3f3f;}

input.checkradio + label + input.checkradio + label { margin-left: 30px}

.checkradio-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px}
.checkradio-list input.checkradio + label + input.checkradio + label { margin-left: 0px}

/* ----- form flex -----*/
.form-flex { display: flex; align-items: center; gap: 5px}
.form-flex .input_box { width: 100%}