@charset "UTF-8";body { background-color: #f7f7f7; } 

.popup-new { --size:14px; --color:#888; --color-2:#000; } 
.popup-new select { height: 54px; font-size: 16px; background-color: transparent; width: 100%; appearance: auto; border-bottom: 1px #000 solid; padding-left: 0 !important; } 
.popup-new .header { height: 90px; text-align: center; font-size: 20px; line-height: 90px; font-weight: 600; border-color: #fff; } 
.popup-new .popup-close { position:absolute; top: 45px; right: 30px; width: 29px; height: 29px; transform: translateY(-50%); background:url(/images/global/search_close.png) 0 0 no-repeat; background-size:100%; } 
.popup-new * { letter-spacing: -0.45px; } 
.popup-new ::placeholder { color:#000; opacity: 1; } 
.popup-new input[type=text] { padding:0 !important; } 
.popup-new .header { background-color:#fff; border-bottom:1px solid #ccc } 
.popup-new .content { padding: 0 60px; } 
.popup-new h2 { display:flex; align-items: center; justify-content: center; height:122px; margin:0 -20px; font-size:20px; font-weight:bold; background-color: #fff; } 
.popup-new h3 { margin:40px 0 30px; font-weight: bold; font-size:18px; } 
.popup-new .btn-bottom { padding:40px 20px 40px 20px; margin:0; } 
.popup-new .tab-area { margin-bottom:60px; } 
.popup-new .raw-check-area { margin-top:50px; } 
.popup-new .raw-check-area li { margin-bottom:15px; } 
.popup-new .raw-check-area li:last-child { margin-bottom:0 } 
.popup-new .list-information { margin-top:37px } 
.popup-new .list-information li { position:relative; padding-left:12px; margin-bottom:20px; color:var(--color) } 
.popup-new .list-information li:last-child { margin-bottom:0 } 
.popup-new .list-information li::before { content:""; position:absolute; top:13px; left:0; width:4px; height:4px; background-color:#000 } 
.popup .number-check { display:flex; align-items: center; justify-content: center; min-height:100px; } 


#popup-contact .table-input tbody tr th { width:200px } 
#popup-contact .table-input em { color:#E8474C } 
#popup-contact .table-input tbody tr:nth-of-type(2) td .input { width:40% } 
#popup-contact .email { width:40% } 
#popup-contact .w100 { width:100% } 
#popup-message-verifi .number { margin:20px 0; text-align:center; font-size:18px } 
#popup-message-verifi .number span { font-size:weight; font-size:18px; font-weight:bold; } 
#popup-message-verifi .number span.real { color:#E8474C } 

#popup-verifi-result .result-area { margin:40px 60px; padding:178px 60px 50px 60px; background:#fff url(/images/global/icon_result.png) center 43px no-repeat; text-align:center; box-shadow: 0px 5px 10px #0000001A; border-radius: 56px; } 
#popup-verifi-result .result-area strong.t { display:block; font-size:34px; } 
#popup-verifi-result .result-area p { font-size:20px; margin-bottom:10px; } 
#popup-verifi-result .result-area .success { margin-top:20px; } 
#popup-verifi-result .result-area .fail { margin-top:20px; text-align:left; } 
#popup-verifi-result .result-area .code-number { font-size:12px } 

/* common*/
.tab-button { display:flex; height:76px; } 
.tab-button button { height:100%; width:100%; border:1px solid var(--color); border-radius: 10px; background-color: #fff; font-weight: bold; } 
.tab-button button.active { border: 2px solid #000; } 
.tab-button button em { display:block; color:#888; font-size:var(--size); letter-spacing:0 } 
.tab-button button:first-child { margin-right:16px } 

.ver-input-area { width:100% } 
.ver-input-area dt { margin-top:40px; color:var(--color) } 
.ver-input-area dt:first-child { margin-top:30px } 
.ver-input-area dd input { border-bottom:1px solid #000 } 
.ver-input-area dd input { width:100%; height:54px; background-color:transparent } 



.flex-box * { width:100% } 
.flex-box span { text-align:center; line-height:53px; width:43px } 
.flex-box .c { margin:0 5px } 

.checkbox { display:inline-block; width:24px; height:24px; margin-right:5px; border: 1px solid #DEDEDE; background-color: #fff; } 
.checkbox + label { font-size:18px; color:#888 } 
.checkbox:checked { background:url(/images/global/check_on.png) 0 0 no-repeat; background-size:100% auto; } 
.checkbox:checked + label { font-size:18px; color:#000 !important } 

.radiobox { position:relative; padding-left:34px; } 
.radiobox input { position:absolute; top:0; left:0; width:24px; height:24px; transform: translateY(3px); background:url(/images/global/radio.png) 0 0 no-repeat; background-size:100% auto; } 
.radiobox input+label { color:var(--color); cursor:pointer } 
.radiobox input:checked { background-image:url(/images/global/radio_on.png) } 
.radiobox input:checked +label { color:var(--color-2) } 
/* 인증영역 */
.secret-check { display:flex; padding:10px 0; } 
.secret-check .BDC_CaptchaDiv  { display: flex; align-items: center; text-align: center; justify-content: center; } 
.secret-check .BDC_CaptchaImageDiv{width:150px}


.btn-voice:hover,.btn-voice:focus,.btn-voice:active {border-color: #df2428;text-decoration: none; } 

.btn-refresh {display: inline-block;padding: 0 9px 0 31px;height: 24px;border: 1px solid #ccc;font-size: 13px;line-height: 21px;letter-spacing: -0.025em;vertical-align: middle;background: #fff url('https://my.kt.com/pc/images/common/bg_refresh.png') no-repeat 9px
50%;border-radius: 3px; } 

.btn-refresh:hover,.btn-refresh:focus,.btn-refresh:active {border-color: #df2428;text-decoration: none; } 
.btn-request { display:block; min-width: 136px; line-height: 40px; margin: 20px auto; color: #fff; background-color: #888; box-shadow: 0px 2px 0px #e8e8e8; border-radius: 6px; padding: 0 10px; } 

@media screen and (max-width: 1024px){
 .radiobox input { transform: translateY(0); } 
 .popup-new .header { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -ms-align-items:center; justify-content: center; -ms-justify-content: center; height: 74px; font-size: 18px; padding: 0 50px; line-height: 1.35; background-color: #fff; } 
 .popup-new .content { padding: 40px 20px 0 20px; } 
 .popup-new .content { padding-top:0 !important } 


 .popup-new .popup-close { top:27px; right:20px; width:20px; height:20px; } 
 .popup-new .checkbox + label { font-size:16px } 
 .popup-new .popup-close:before,
 .popup-new .popup-close:after { width:23px } 

 #popup-contact h2 { margin:40px 0 20px 0; font-size:18px } 
 #popup-contact table p { margin-top:10px; color:#888 } 
 #popup-contact .email .flex-box span { width:14px !important } 
 #popup-contact .textarea { padding:20px; } 
 #popup-contact .table-input tbody tr th { width:200px } 
 #popup-verifi-result .result-area { margin:40px 60px; padding:177px 30px 25px 30px; background-size:62px auto; background-position:center 70px; box-shadow: 0px 3px 5px #00000029; border-radius: 25px; } 
 #popup-verifi-result .result-area strong.t { font-size:17px } 
 #popup-verifi-result .result-area p { font-size:15px } 
 .popup-new h2 { height:110px; } 
 .popup-new .tab-area { margin-bottom:35px; } 
 .popup-new .list-information li { margin-bottom:10px; } 

 .ver-input-area .input { border-color:#dedede } 
 }

@media screen and (max-width: 500px){
 .secret-check .secret-image img { width:auto } 
 .secret-check .secret-button { transform: translateX(0); } 
 }