@charset "utf-8";
/* style 
z-index 
Header : 1000
Footer : 2000
Popup : 3000
*/
* {transition: all ease 0.3s;}
html,body {height: 100%;}
body {background:#fff; min-width: 320px;}
body * {color: #2e1a46; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body article {height: 100%;}
textarea {width: 100%; height: 48px; border: 1px solid #f5f5f8; background: #f5f5f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 16px; font-weight: 500; border-radius: 8px; transition: none; padding: 12px;}
textarea:focus {border: 1px solid #ec008c; background: #fff;}
input[type="password"],input[type="text"],input[type="number"],input[type="tel"],input[type="search"] {width: 100%; height: 48px; border: 1px solid #f5f5f8; background: #f5f5f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 16px; font-weight: 500; border-radius: 3px; text-indent: 12px; transition: none;}
input[type="password"]:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="search"]:focus {border: 1px solid #ec008c; background: #fff;}
input[type="password"][disabled],input[type="text"][disabled],textarea[disabled],input[type="number"][disabled],input[type="tel"][disabled],input[type="search"][disabled] {background: #E8E8EF; color: #666;}
button {position: relative; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
button > span {position: relative; display: inline-block; width: 100%; text-align: center; margin-top: -2px;}
::placeholder {color: #9f9f9f; font-size: 14px;}
.w100p {width: 100%;}
.red {color: #f80000;}
body#att_wrap {background: linear-gradient(90deg, rgba(236,0,140,1) 31%, rgba(255,255,255,1) 31%);}
/* ---- Script 적용 ---- */
/*파일첨부*/
.fileBox {position:relative;width:auto;}
.fileBox .pholder input {height: 48px; border: 1px solid #f5f5f8; background: #f5f5f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 16px; font-weight: 500; border-radius: 3px; text-indent: 12px; line-height: 40px; width: calc(100% - 90px);}
.fileBox .pholder label {position: absolute; color: #9f9f9f; font-size: 14px; display: inline-block; height: 48px; line-height: 46px; text-indent: 15px;}
.file {height: 48px; line-height: 46px;background: #666;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 0 15px; color: #fff; display: inline-block; font-size: 14px; position: absolute; right: 0;}
.file input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0); z-index: 1;}

.check {display:inline-block; vertical-align: middle; position: relative; margin-right: 0; font-size: 16px;}
.check input {position: absolute; opacity: 0; width: 0 !important;}
.check label {font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -2px;}
.check label span {display:inline-block; width:25px; height:25px; position: relative; cursor: pointer; background:#ccc url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; margin-top:-3px; margin-right: 5px;}
.check input:checked + label span {}
.check input:checked + label span:after {content:""; display: block; width: 25px; height: 25px; background:#ec008c url(../images/inc/check_icon.png) no-repeat center center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 0; left: 0; position: absolute; z-index: 1;}

.radio {display:inline-block; vertical-align: middle; position: relative; margin-right: 0; font-size: 16px;}
.radio input {position: absolute; opacity: 0; width: 0 !important; text-indent: 0 !important; height: auto !important;}
.radio label {font-size: 14px; font-weight: 500; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -2px; text-indent: 0 !important; transition:none;}
.radio label span {display:inline-block; width:18px; height:18px; position: relative; cursor: pointer; background:transparent; border: 2px solid #ccc; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; vertical-align: middle; margin-top:-3px; margin-right: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.radio label span:after {content:""; display: block; width: 8px; height: 8px; background:#ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; top: 3px; left: 3px; position: absolute; z-index: 1;}
.radio input:checked + label span {border: 2px solid #ec008c;}
.radio input:checked + label span:after {content:""; display: block; width: 8px; height: 8px; background:#ec008c; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; top: 3px; left: 3px; position: absolute; z-index: 1;}

.selectlist {height: 48px; line-height: 48px; text-indent: 10px; font-size: 14px; padding-left: 4px; vertical-align: middle; background:#f5f5f8 url(../images/inc/icon_select.svg) no-repeat calc(100% - 5px) center; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/**********************************************************************************************************/
#header {border-bottom: 2px solid #ec008c;position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 100;}
#header h1 {text-align: center; padding: 10px;}
#header h1 a {display: block; width: auto; height: 40px;}
#header h1 a img {height: 100%;}
#container {padding: 62px 15px 0 0; height:calc(100% - 62px);}
#footer {position: fixed; width: calc(100% - 20px); font-size: 12px; padding: 10px; background: #eee; text-align: center; bottom: 0; left: 0; color: #999;} 

.subhead {background: #ec008c; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; height: 34px; padding-bottom: 4px;}
.subhead > p {color: #fff; font-size: 16px; margin-left: 15px;}
.subhead div {margin-right: 10px;}
.subhead div button {background: #fff; height: 30px; padding: 0 15px; margin-bottom: -2px;}
.subhead div button span {color: #ec008c; font-size: 14px; font-weight: 500; display: block; margin-top: -2px; text-align: center;}
.subhead div button:last-child {background: #ffc107;}
.subhead div button:last-child span {color: #fff;}


button.btn_block_blue {width: 100%; height: 60px; background: #1c94cf;}
button.btn_block_blue span {color: #fff; font-size: 18px; font-weight: 500; margin-top: -4px;}
button.btn_line_blue {width: 100%; height: 60px; background: #fff; border: 2px solid #1c94cf; -webkit-box-sizing: border-box;  moz-box-sizing: border-box;
box-sizing: border-box;}
button.btn_line_blue span {color: #1c94cf; font-size: 18px; font-weight: 500; margin-top: -4px;}

.mem_wrap {max-width: 600px; margin:auto; text-align: center; padding-bottom: 60px;}
.loginwrap_toptext {font-size: 30px; font-weight: 400; color: #ec008c; margin: 60px 0 15px;}
.loginwrap_title {font-size: 18px; font-weight: 500; color: #333; margin: 10px 0 20px; text-align: center;}
.login_box {border: 1px solid #ccc; padding: 50px; text-align: left; border-top: 0;}
.login_box input {margin-bottom: 10px; height: 60px; text-indent: 20px;}
.login_guidetext {font-size: 12px; line-height: 1.6; margin-top: 15px;}
.login_guidetext a {vertical-align: baseline;}
.exhibitor_box {background: #85bb44; text-align: left; padding: 17px 15px 15px; border-bottom: 5px solid #eca745;}
.exhibitor_box p {font-weight: bold; color: #fff; margin-bottom: 5px;}
.exhibitor_box div {color: #fff; line-height: 1.3;}

.join_agr_chk {background: #eee; padding: 10px 10px; text-align: left;}
.join_agr_text {font-size: 14px; line-height: 1.5; text-align: left; border: 1px solid #eee; padding: 15px; height: 50vh; overflow-y: scroll; background: #f8f8f8;}

.join_agr_iptbox { border-top: 1px solid #eee;}
.join_agr_iptbox * {text-align: left;}
.join_agr_iptbox .join_subtitle {font-size: 14px; font-weight: bold; color: #ec008c; margin-top: 30px; position: relative;}
.join_agr_iptbox .join_subtitle .check {position: absolute; right: 0; top: -3px;}
.join_agr_iptbox .join_subtitle .check label {font-size: 12px;}
.join_agr_iptbox .join_subtitle .check label span {width: 18px; height: 18px;}
.join_agr_iptbox .join_subtitle .check input:checked + label span:after {width: 18px; height: 18px;}
.join_agr_iptbox .ja_input_dl {margin-top: 15px;}
.join_agr_iptbox .ja_input_dl dt {font-size: 12px; margin-bottom: 10px; position: relative;}
.join_agr_iptbox .ja_input_dl dt .check {position: absolute; right: 0; top: -3px;}
.join_agr_iptbox .ja_input_dl dt .check label {font-size: 12px;}
.join_agr_iptbox .ja_input_dl dt .check label span {width: 18px; height: 18px;}
.join_agr_iptbox .ja_input_dl dt .check input:checked + label span:after {width: 18px; height: 18px;}
.join_agr_iptbox .ja_input_dl dd .check {margin-top: 5px; margin-bottom: 5px; width: 32%;}
.join_agr_iptbox .ja_input_dl dd .check label {font-size: 14px;}

.join_agr_iptbox .jap_dl2 {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;}
.join_agr_iptbox .jap_dl2 input {width: calc(100% - 110px);}
.join_agr_iptbox .jap_dl2 button {width: 100px; height: 48px; background: #666;}
.join_agr_iptbox .jap_dl2 button span {color: #fff; font-size: 14px; font-weight: 500; margin-top: -4px; text-align: center;}
.join_agr_iptbox .jap_dl2 button[disabled] {background: #ccc;}
.ja_input_dl .ja_dl2in {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;}
.ja_input_dl .ja_dl2in input {width: calc(50% - 5px);}
.join_agr_iptbox .ja_input_comguide {font-size: 13px; color: #f80000; line-height: 1.5; margin-top: 5px;}
.join_agr_iptbox input::placeholder {font-size: 13px; color: #9f9f9f;}

.youtube_btn {background: #ec008c; height: 20px; padding: 0 10px; position: absolute; right: 0; bottom: -3px;}
.youtube_btn span {color: #fff; font-size: 12px;}

.join_end_textbox {text-align: center; font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
.join_end_textbox strong {font-size: 25px; margin-bottom:15px; display: block; line-height: 1.3;}
.boothbox {background: #eee; padding: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; display: none; margin-top: 5px;}
.boothbox li {font-size: 14px; line-height: 1.3; position: relative; padding-left: 8px; font-weight: bold; width: calc(100% - 110px);}
.boothbox li:before {content:""; display: block; width: 5px; height: 5px; background: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; left: 0; top: 7px;}
.boothbox p {font-size: 14px; line-height: 1.3;}
.boothbox button {background: #666; width: 90px; height: 36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; right: 15px; top: 15px;}
.boothbox button span {color: #fff; font-size: 13px; display: block; text-align: center; margin-top: -1px;}
.join_agr_iptbox p.img {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; display: none; background: rgba(0,0,0,0.5); z-index: 10;}
.join_agr_iptbox p.img.on {display: flex;}
.join_agr_iptbox p.img img {max-width:100%; max-height:100%; display: inline-block;}
.sale_guide {font-size: 12px; color: #f80000; margin-top: 10px;}
/**********************************************************************************************************/
@media (max-width: 500px){
	.loginwrap_toptext {font-size: 20px; margin: 30px 0 10px;}
	.loginwrap_title {font-size: 18px; margin-bottom: 20px;}
	.login_box {padding: 30px;}
	.login_box input {height: 50px;}
	.login_box button.btn_block_blue {height: 50px;}
	.login_box button.btn_block_blue span {font-size: 16px;}
	.login_box button.btn_line_blue {height: 50px;}
	.login_box button.btn_line_blue span {font-size: 16px;}
	.join_agr_iptbox .ja_input_dl dd .check {margin-top: 5px; margin-bottom: 5px; width: 47%;}
	.join_agr_iptbox .ja_input_dl dd .check label {font-size: 13px;}
}
@media (max-width: 319px){
	body {transform: scaleX(0.88,0); transform-origin: left top;}
	#container {transform: scale(0.88) !important; margin-bottom: 0 !important; transform-origin: left top;}
}




.attendwrap_title {font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px;}
.attendwrap_subtitle {font-size: 14px; font-weight: 500; color: #f80000; margin-bottom: 20px; line-height: 1.3;}
.attend_agr_chk {background: #eee; padding: 10px 10px; text-align: left;}
.attend_agr_text {font-size: 14px; line-height: 1.5; text-align: left; border: 1px solid #eee; padding: 15px; height: 20vh; overflow-y: scroll; background: #f8f8f8;}
.attend_agr_text strong {display: inline-block; margin-bottom: 5px;}
.attend_agr_text table {width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-top: 10px;}
.attend_agr_text table th {height: 30px; text-align: center; font-size: 14px; background: #eee; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 50%;}
.attend_agr_text table td {height: 30px; text-align: center; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
@media (max-width: 500px){
	.attendwrap_title {font-size: 18px; margin-bottom: 10px;}
	.attendwrap_subtitle {font-size: 14px;}
}




/*******************************************************************/


#header .att_left_box {display: none;}
.att_wrap {max-width:1000px; height: 100%; margin: auto; display: flex; justify-content: space-between; align-items: normal; flex-flow: row wrap;}

#container .att_left_box {background: #ec008c; width: 280px; color: #fff; padding: 20px 20px 20px 0;}
.att_left_box .attl_top_info {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin-bottom: 20px;}
.att_left_box .attl_top_info span {font-size: 18px; font-weight: 700; color: #fff;}
.att_left_box .attl_top_info button {background: #ffc107; height: 30px; padding: 0 15px; margin-bottom: -2px;}
.att_left_box .attl_top_info button span {color: #fff; font-size: 14px; font-weight: 500; display: block; margin-top: -2px; text-align: center;}
.att_left_box dl dt {background: #c40074; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 700; padding: 15px 15px 17px 15px;}
.att_left_box dd {padding: 10px 0;}
.att_left_box dd button {display: block; width: 100%; height: 30px;}
.att_left_box dd button em {color: #fff; position: absolute; right: 10px; top: 9px; font-size: 12px;}
.att_left_box dd button span {text-align: left; color: #fff; text-indent: 15px; font-size: 14px;}
.att_left_box dl.child1 dd button:nth-child(2) span {color: #ffeb3b; font-weight: 700;}
.att_left_box dd button.on,
.att_left_box dd button:hover {background: #f036a4;}


#container .att_right_box {background: #fff; width: calc(100% - 380px); padding: 20px 40px 60px; transform:none;}
#container .att_right_box .logo {width: calc(100% - 40px); display: block; margin: auto;}
#container .att_right_box .attr_exhib_title {margin: 20px 30px 30px;}
#container .att_right_box .attr_exhib_title dt {font-size: 35px; color: #ec008c; line-height: 1.3;}
#container .att_right_box .attr_exhib_title dd {font-size: 20px; color: #333;}


.hd_mb_menu {width: 60px; height: 60px; position: absolute; right: 0; top: 0; display: none;}
.hd_mb_menu em {display: block; width: 40px; height: 3px; background: #333; position: absolute; top: 29px; left: 10px; z-index: 10;}
.hd_mb_menu:before {content:""; display: block; width: 40px; height: 3px; background: #333; position: absolute; top: 18px; left: 10px; z-index: 10;}
.hd_mb_menu:after {content:""; display: block; width: 40px; height: 3px; background: #333; position: absolute; top: 40px; left: 10px; z-index: 10;}
.hd_mb_menu:active {background: #f5f5f5;}

.attr_exhib_table {width: calc(100% - 60px); border-top: 1px solid #ccc; margin: 50px 30px ;}
.attr_exhib_table th {padding: 10px 0 13px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.attr_exhib_table td {padding: 10px 0 13px; border-bottom: 1px solid #ccc; text-indent: 15px;}

.attr_container {width: calc(100% - 60px); margin: 50px 30px;}

@media (max-width: 1024px){
	body#att_wrap {background: none;}
	#att_wrap .hd_mb_menu {display: block;}
	#container {padding: 62px 15px 0;}
	#container.att_body {background: #fff;}
		
	.att_wrap {max-width:100%;}
	#container .att_left_box {display: none;}
	#container .att_right_box {width: 100%; padding: 10px 10px 60px;}
	#container .att_right_box .logo {width: 100%; display: block; margin:10px auto 0;}
	#container .att_right_box .attr_exhib_title {margin: 10px 0 0;}
	#container .att_right_box .attr_exhib_title dt {font-size: 26px;}
	#container .att_right_box .attr_exhib_title dd {font-size: 14px;}
	.attr_exhib_table {width: 100%; margin: 20px 0;}
	.attr_exhib_table th {font-size: 13px;}
	.attr_exhib_table td {text-indent: 15px; font-size: 13px;}
	.attr_container {width: 100%; margin: 20px 0;}
	
	
	#header .att_left_box {background: #ec008c; width: calc(100% - 40px); height: calc(100vh - 132px); top: 60px; right: -100%; color: #fff; padding: 20px 20px 20px 20px; position: absolute; display: block;}
	#header.on .att_left_box{right: 0;}
	.att_left_box .attl_top_info {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin-bottom: 20px;}
	.att_left_box .attl_top_info span {font-size: 18px; font-weight: 700; color: #fff;}
	.att_left_box .attl_top_info button {background: #ffc107; height: 30px; padding: 0 15px; margin-bottom: -2px;}
	.att_left_box .attl_top_info button span {color: #fff; font-size: 14px; font-weight: 500; display: block; margin-top: -2px; text-align: center;}
	.att_left_box dl dt {background: #c40074; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 700; padding: 15px 15px 17px 15px;}
	.att_left_box dd {padding: 10px 0;}
	.att_left_box dd button {display: block; width: 100%; height: 30px;}
	.att_left_box dd button span {text-align: left; color: #fff; text-indent: 15px; font-size: 14px;}
	.att_left_box dl.child1 dd button:nth-child(2) span {color: #ffeb3b; font-weight: 700;}
	.att_left_box dd button:hover {background: #f036a4;}

}

/***********************************************************/
.invc_table_title {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; font-size: 14px; margin-bottom: 5px;}
.invc_table_title span {font-size: 12px; display: inline-block; margin-bottom: -8px;}
.invc_table {width: 100%; border-top: 2px solid #000; border-left: 2px solid #000; margin-bottom: 10px;}
.invc_table th,
.invc_table td {border-bottom: 2px solid #000; border-right: 2px solid #000; height:18px; padding: 0 5px 2px; font-size: 13px; text-align: right;} 
.invc_table th {background: #eee; font-weight: 700; text-align: center !important;}
.invc_table tfoot td {background: #dee8fd;}

.invoice_title {background: #ccc; text-align: center; font-size: 22px; font-weight: 700; padding: 5px;}
.invc_top_box {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; padding: 20px 0 0px;}
.invc_top_box .invc_logo {width: 200px; height: auto;}
.invc_top_box .invc_logo img {width: 100%;}
.invc_top_box .invc_company {width: 200px; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; margin-top: -10px;}
.invc_top_box .invc_company dt {font-size: 16px; font-weight: 700; width: 60px; margin: 3px 0;}
.invc_top_box .invc_company dd {width: calc(100% - 60px); margin: 3px 0;}

.invc_guide_text {width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0 10px;}
.invc_guide_text p {width: 100%; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: center; margin: 10px 0 12px;}

.invc_btinfobox dl {margin-bottom: 10px;}
.invc_btinfobox dl dt {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
.invc_btinfobox dl dd {font-size: 14px; padding-left: 20px; line-height: 1.3;}
.invc_btinfobox dl dd em {font-size: 14px; font-weight: 700; color: #f80000; vertical-align: baseline;}
@media (max-width: 500px){
.invc_top_box {display: block; padding: 20px 0 0px; }
.invc_top_box .invc_logo {margin: auto; width: 300px;}
.invc_top_box .invc_company {width: 300px; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin: 10px auto;}
}


.gide_box {border-top: 1px solid #eee; padding: 20px; font-size: 14px; line-height: 1.5;}

.delbtn {font-size: 16px; background: #ff5722; color: #fff; width: 25px; text-align: center;}