/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap'); */
body{font-family:'NotoSans',"Arial","Helvetica", san-serif;font-size: 14px;background: url("../images/gate-images/gate_bg.gif");background-position-x: center;background-repeat: no-repeat;padding: 0;margin: 0;}
ul li {list-style-type:none}
a{text-decoration: none;}
*, ::after, ::before {box-sizing:inherit;}

.wrap {display: grid;width:800px;margin:0 auto;padding: 20px 0 0 0;vertical-align: top;background: #fff;border-radius: 0 0 50px 50px;}
.logo {font-size:0;background: url('../images/gate-images/hr-logo.png') no-repeat;width:200px;height:170px;margin: 24px auto;}
.title {font-size:38px;text-align: center;font-weight: 700;letter-spacing: -0.5px;margin: 20px 0;}


.wrap-footer {width:800px;margin:0 auto;}
.logo-footer-left {font-size:0; background: url('../images/gate-images/Website Icon_Left.png') no-repeat; background-size:342px;}
.logo-footer-right {font-size:0; background: url('../images/gate-images/Website Icon_Right.png') no-repeat; background-size:342px; }

.footer-div {display: flex; justify-content: space-around; padding: 10px;}
.footer-div  a {width: 46%; height: 70px; vertical-align: middle;}




.member{margin: 20px 0;display: flex;justify-content: space-around;}
.member .new {background: #f7b600;border-radius: 0 70px 70px 0;text-align: right;padding: 25px 40px;margin: 0px 2% 0 0;}
.member .member2022 {background: #ec4d67;padding: 30px 40px;margin: 0 0 0 2%;border-radius: 70px 0 0 70px;}
.member div {width: 44%;padding: 2%;/* height: 91px; */vertical-align: middle;}

.member div label{color:#fff;font-size:24px;line-height: 20px;}
.gray {background: #efefef;border-radius: 0 0 50px 50px;margin: 20px 0 0 0;padding: 40px 40px 20px 40px;}
.lang {display: flex;width: 100%;justify-content: space-evenly;}
.lang_radio { width: min-content;text-align: center;min-width: 50px;}
.lang_radio:nth-child(9){min-width: 85px;}

input[type='radio'],
input[type='radio']:checked {appearance: none;width: 14px;height: 14px;border-radius: 100%;margin-right: 0.1rem;}
input[type='radio'] {background-color: #fff;border: 2px solid #ddd;}
input[type='radio']:checked {background-color: #000;border: 2px solid #fff;width: 14px;height: 14px;}

.btn {background: #3a5ca9 url('../images/gate-images/ico_arrow.png') center right 16px no-repeat;width: 210px;margin: 14px auto;padding: 15px 12px 14px  0;text-align: center;border-radius: 48px;}
.btn a {color:#fff;font-size: 20px;}
.footer {bottom: 0;width: 100%;display: block;}
.copy {width: 163px;font-size: 12px;margin: 8px auto;color: #ddd;padding: 0 0 0 103px;background: url('../images/gate-images/bg-footer-logo.png') left no-repeat;}


@media (max-width:768px) {
.wrap {width: 90%;padding: 0;border-radius: 0 0 50px 50px;}
.logo {width: 109px;height: 97px;margin: 24px auto 0;background-size: 100%;}
.title {font-size:28px;margin: 10px 0 0;}
.member div {width: auto;margin: 2px;}
.member .new {text-align: right;margin: 0px 2% 5px 0;}
.member .member2022 {padding: 20px 40px;}
.member{margin: 20px 0;display: block;}
.lang {flex-direction: row;flex-wrap: wrap;}
.gray {margin: 0;line-height: 14px;padding: 6px 15px 10px 15px;}
.lang_radio {margin:2px;width: 32%;text-align: left;min-width: 21%;}
.copy {padding: 0 0 0 103px;background: url('../images/gate-images/bg-footer-logo-m.png') left no-repeat;background-size: 36%;}
.member div label{color:#fff;font-size:20px;line-height: 18px;}

.wrap-footer {width: 90%;padding: 0;border-radius: 0 0 50px 50px;}
.logo-footer-left {font-size:0; background: url('../images/gate-images/Website Icon_Left.png') no-repeat; background-size:100%;}
.logo-footer-right {font-size:0; background: url('../images/gate-images/Website Icon_Right.png') no-repeat; background-size:100%; }

}



.lt_l               		{cursor:pointer;}
.lt_p .lt_c         		{display:none;}
.ico_guide.lt_p:hover .lt_c {display: block;}
.lt_p.open .lt_c			{display:block;}
.lt_p .lt_l .txt_open 		{display:inline-block;}
.lt_p .lt_l .txt_close 		{display:none;}
.lt_p.open .lt_l .txt_open	{display:none;}
.lt_p.open .lt_l .txt_close {display:inline-block;}

*, ::after, ::before {box-sizing:inherit;}

.ico_guide {position:relative; display:inline-block; width:16px; height:16px; vertical-align:middle; }
.ico_guide a:after,
.ico_guide span:after {padding: 2px 8px;content:" ! ";background-color: #fff;color: #ec4d67;font-size: 14px;line-height: 14px;font-weight: bold;margin: 0 8px 0 0;border-radius: 52px;}
.new .ico_guide .lt_c {width:350px;background:#fff;padding:11px 15px;border:1px solid #111;border-radius:4px;position:absolute;left: 27%;top:100%;transform:translateX(-50%);margin-top:14px;z-index:10;text-align: left;}
.new .ico_guide .lt_c::before {display:block; content:''; width:16px; height:11px; background:url(../images/common/ico_16_guide_top_bg.png) no-repeat center center; position:absolute;left: 71%; bottom:100%; margin:0 0 0 -8px;}

.member2022 .ico_guide .lt_c {width:max-content;background:#fff;padding:11px 15px;border:1px solid #111;border-radius:4px;position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:14px;z-index:10;}
.member2022 .ico_guide .lt_c::before {display:block; content:''; width:16px; height:11px; background:url(../images/common/ico_16_guide_top_bg.png) no-repeat center center; position:absolute;left: 29%; bottom:100%; margin:0 0 0 -8px;}

@media (max-width:920px) {
.member2022 .ico_guide a:after,
.new .ico_guide .lt_c {width:250px;left:20%;transform:translateX(-70%);}
.new .ico_guide .lt_c::before { left:72%;}
.member2022 .ico_guide a:after,
.member2022 .ico_guide .lt_c {width:250px;left:50%;transform:translateX(-70%);}
.member2022 .ico_guide .lt_c::before { left:68%;}
}
@media (max-width:540px) {
.member2022 .ico_guide a:after,
.new .ico_guide .lt_c {width:250px;left:20%;transform:translateX(-70%);}
.new .ico_guide .lt_c::before { left:72%;}
.member2022 .ico_guide a:after,
.member2022 .ico_guide .lt_c {width:250px;left:50%;transform:translateX(-70%);}
.member2022 .ico_guide .lt_c::before { left:68%;}
}