.sound_only{ display:none; }
    .cke_sc{ display:none; }

    :root {
        --key-color: #0097eb;
    }

    *::-webkit-input-placeholder {font-size: 15px;}
    *::-moz-placeholder {font-size: 15px;}
    *:-ms-input-placeholder {font-size: 15px;}
    *::placeholder {font-size: 15px;}

    /* LDH 25.02.26 : 스타일 추가 */
    .form_container {max-width: 1000px; margin: 0 auto; width: 90%; padding-bottom: 100px;}
    form {border: 1px solid #ddd; padding:20px;}
	select {
    height: 42px;
    padding: 0 25px 0 15px;
    color: #222;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b7b7b7;
    background: #fff url(/theme/basic/skin/board/dev_faq_003/img/faq_arrow.svg) right 14px center no-repeat;
    transition: border-color .3s ease; background-size: 12px;
}

    #page_top_box {padding: 0}
    #page_top_box .receipt_logo {text-align: center;}
    #page_top_box .receipt_logo img {max-width:264px; width:100%;}
    #page_top_box .title {text-align: center; font-size: 30px; font-weight: bold; display:flex; align-items:center; justify-content: center; gap:0 10px; position:relative;}
    #page_top_box .title .deco {width:30px;}
    #page_top_box .title a:nth-of-type(1){position:absolute; left:0; top:0; width:90px; display:block;}
    #page_top_box .title a:nth-of-type(2){position:absolute; right:0; top:0; width:90px; display:block;}

	.comment {font-size: 13px;     margin-top: 0.5em;    color: #ff0000; }


    .add_member_tbl {border-top: 1px solid #eee; border-collapse: collapse;  border-spacing: 0;}
    .add_member_tbl th,
    .add_member_tbl td {border-bottom:1px solid #eee; font-size:15px}
    .add_member_tbl th {background: #f8f8f8; padding: 15px; font-weight: 500; text-align: left;}
    .add_member_tbl td {padding: 15px; word-break: keep-all;}
    .add_member_tbl input[type="text"],
    .add_member_tbl select {height: 40px; border-radius: 6px; border: 1px solid #e8e8e8; font-size: 15px; width: 100%; padding: 0 10px;}
	.add_member_tbl td.full {padding:15px 0; padding-bottom: 30px;}
	.add_member_tbl td.full.last {border-bottom: none;   padding-bottom: 0;}

    .add_member_tbl th{ width: 130px;}
    .add_member_tbl th .required {color:#ff6d6d; background-image: none !IMPORTANT;}
    .add_member_tbl td.half {width: calc(50% - 110px);}

    .add_member_tbl td[colspan="3"] {width: calc(100% - 110px);}

    .birth_wrap {display: flex; align-items: center; max-width:500px;}
    .birth_wrap > span {display: block; width:40px; text-align: left; padding-left: 10px;}
    .birth_wrap input[type="text"] {max-width: calc((100% - 120px) / 3); width:100%;}

    .email_wrap {display:flex; align-items: center;}
    .email_wrap input[type="text"],
    .email_wrap .email_address {width: calc((100% - 40px) / 3);}
    .email_wrap > span {display:block; width:40px; text-align: center;}

    .call_wrap {display:flex; align-items: center;}
    .call_wrap > select,
    .call_wrap input[type="text"]{width: calc((100% - 20px) / 3);}
    .call_wrap > span {display: block; width: 10px; text-align: center;}

    .loca_select {display: flex; align-items: center; gap: 0 10px;}

    .address_wrap {display: flex; flex-direction: column; gap: 10px 0}
    .address_wrap .zipcode_wrap {display: flex; gap: 0 10px; align-items: center;}
    .address_wrap .zipcode_wrap input {max-width: 270px; width: 100%;}
    .address_wrap .zipcode_wrap a {display: block; text-align: center; padding: 10px; background: #000; color: #fff; border-radius: 6px; cursor: pointer; width: 120px;}
    .address_wrap .zipcode_wrap a:hover {opacity: .7;}
    .address_wrap #mb_addr2 {margin-left: 0;}

    .custom_chk_wrap {display: flex;     gap: 20px 40px;    flex-wrap: wrap;}
	.custom_chk_wrap label {display: flex;   align-items: center;  gap: 5px; cursor:pointer}

    .custom_chk {position: relative; font-size: 16px;}
    .custom_chk input {width: 0; height: 0; opacity: 0; position: absolute; left: 0; top: 0;}
    .custom_chk input + label {padding-left: 24px; display:block; word-break: keep-all;}
    .custom_chk input + label:before {content:''; display: inline-block; width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 2px; text-align: center; line-height: 20px;}
    .custom_chk input:checked + label::before {border: 1px solid var(--key-color);}
    .custom_chk input:checked + label::after {content: ''; display: block; width: 9px; height: 9px; background: var(--key-color); border-radius: 50%; position: absolute; left: 4px; top: 6px}
    .custom_chk input[type="checkbox"] + label::before {border-radius: 3px;}
    .custom_chk input[type="checkbox"]:checked + label::before{background: var(--key-color);}
    .custom_chk input[type="checkbox"]:checked + label::after {background: transparent; width:5px; height:8px; left:5px; top:4px; transform:rotate(45deg); border-radius: 0; border-bottom:2px solid #fff; border-right:2px solid #fff;}
	
	.frm_input.textarea {width: 100%;  height: 150px;}
	
	

    /* 캡차 */
    .captcha {display: grid !IMPORTANT;    gap: 10px;    grid-template-columns: 120px 1fr  40px 40px; max-width: 400px;}
    .captcha legend {display: none;}
    .captcha #captcha_img {border: 1px solid #ccc; border-radius: 6px; height:40px; width: 100%;}
    .captcha button {display: block; text-align: center; padding: 10px; background: #000; color: #fff; border-radius: 6px; cursor: pointer; width: 120px;}
    .captcha button:hover {opacity: .7;}
    .captcha #captcha_info {grid-column: 1 / span 4; grid-row: 2 / span 3;}
	#captcha #captcha_key {width:100% !important}

    /*캡차 모바일 */
    .captcha.m_captcha {display: flex !important; gap: 10px 0; flex-direction: column;}
    .captcha.m_captcha #captcha_img {width: 120px;}
	
	
	

    /* 개인정보수집동의 */
    .agree_area {margin-top: 40px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; display:flex; justify-content: space-between; align-items: center; gap: 0 10px; padding: 20px 0;}
    .agree_area a {    display: block; text-align: center; padding: 10px; background: #fff; color: var(--key-color); border: 1px solid var(--key-color); border-radius: 6px; cursor: pointer; width: 120px; font-size: 16px;}
    .agree_area a:hover {background: var(--key-color); color: #fff;}

    .btn_confirm input {width:100%; max-width: 200px; margin: 30px auto 0;  line-height: 1em;  height: AUTO; display: block; padding: 15px; background: var(--key-color); color: #fff; border: 1px solid var(--key-color); border-radius: 6px; cursor: pointer;}
    .btn_confirm input:hover {background: #fff; color: var(--key-color);}


    .fancybox-slide--iframe .fancybox-content {max-width: 900px;}
    .fancybox-content .fancybox-iframe {left: 20px;    position: absolute;    top: 20px;    width: calc(100% - 40px);    height: calc(100% - 40px);}


    /* 미디어쿼리 */
    @media (max-width: 980px) {
        #page_top_box .title {font-size:24px;}
        #page_top_box .title .deco {width:20px;}
        #page_top_box .title a:nth-of-type(1),
        #page_top_box .title a:nth-of-type(2) {width:60px;}

        .add_member_tbl {display:block;}
        .add_member_tbl tbody,
        .add_member_tbl tr,
        .add_member_tbl th {width: 100%; display:block;}
        .add_member_tbl th {text-align: left; padding: 12px;}
        .add_member_tbl td {display:block; padding:12px 0;}
        .add_member_tbl td[colspan="3"],
        .add_member_tbl td.half {width: 100%;}

        .birth_wrap {max-width: 100%;}

        .custom_chk_wrap {grid-template-columns: repeat(3, 1fr)}
    }

    @media (max-width: 480px) {
        .container_wr.receipt {padding-bottom: 70px;}

        #page_top_box {padding: 50px 0 30px;}
        #page_top_box .title {font-size:16px; gap:0 5px;}
        #page_top_box .title .deco {width:15px;}
        #page_top_box .title a:nth-of-type(1), 
        #page_top_box .title a:nth-of-type(2) {width:50px; top:-2px;}

        #page_top_box .receipt_logo img {max-width:204px;}


        .birth_wrap > span {width: 30px; padding-left:0; text-align:center;}
        .birth_wrap input[type="text"] {max-width: calc((100% - 90px) / 3);}

		.email_wrap {flex-wrap: wrap;}
		#mb_email_1, #mb_email_2 {width: 45%;   margin-bottom: 5px;}
        .email_wrap > span {width:25px;}
        .email_wrap input[type="text"], .email_wrap .email_address {width:100%;}
        .email_wrap #mb_email_2 {grid-column: 1 / 3 span;}
        .email_wrap #email_address {margin-left: 0; grid-column: 1 / 3 span; margin-left:0!important;}
        .custom_chk_wrap {grid-template-columns: repeat(2, 1fr); gap: 15px 10px;}
    }

    /* /plugin/editor/smartdeitor2/css/ko_KR/smart_editor2.css 에 스마트에디터 반응형 코드 추가해두었습니다. */
</style>