@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap');


@font-face{
	font-family:'hyundai';
	src:url('fonts/NanumGothic.eot');
	src:url('fonts/NanumGothic.eot?#iefix')
	format(‘embedded-opentype’),
	url('../font/hyundainormal.woff.woff') format(‘woff’),
	url('/assets/font/hyundainormal-6ac2611fa646d712958acc50495c1be8.ttf') format('truetype'),
	url('fonts/NanumGothic.svg') format('svg');
}
@font-face{
	font-family:'hyundaiharmonyL';
	src:url('fonts/hyundaiharmonyL.eot');
	src:url('fonts/hyundaiharmonyL.eot?#iefix')
	format(‘embedded-opentype’),
	url('../font/hyundaiharmonyL.woff.woff') format(‘woff’),
	url('/assets/font/hyundaiharmonyL-ad917a8bc19b2c740afd918cc91a8429.ttf') format('truetype'),
	url('fonts/NanumGothic.svg') format('svg');
}
@font-face{
	font-family:'hyundaiharmonyM';
	src:url('fonts/hyundaiharmonyM.eot');
	src:url('fonts/hyundaiharmonyM.eot?#iefix')
	format(‘embedded-opentype’),
	url('../font/hyundaiharmonyM.woff.woff') format(‘woff’),
	url('/assets/font/hyundaiharmonyM-8fde8e86ed89320158e71b7e55554472.ttf') format('truetype'),
	url('fonts/hyundaiharmonyM.svg') format('svg');
}
@font-face{
	font-family:'hyundaiharmonyB';
	src:url('fonts/hyundaiharmonyB.eot');
	src:url('fonts/hyundaiharmonyB.eot?#iefix')
	format(‘embedded-opentype’),
	url('../font/hyundaiharmonyB.woff.woff') format(‘woff’),
	url('/assets/font/hyundaiharmonyB-211f2ce90f508c913094e8c4e5580da8.ttf') format('truetype'),
	url('fonts/hyundaiharmonyB.svg') format('svg');
}





* { padding: 0; margin: 0; box-sizing: border-box; letter-spacing: -1px; letter-spacing: normal }
html, body { width: 100%; height: 100%; }
body, input, select, textarea { font-size: 16px; font-family: 'Noto Sans KR', sans-serif;}
a { color: inherit; text-decoration: none; display: inline-block; cursor: pointer; }
span { display: inline-block; }
/*li { list-style: none; display: inline-block; }*/
/*i { display: inline-block; width: 24px; height: 24px; background-size: cover; }*/
button { border: none; display: inline-block; cursor: pointer; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; }
/*a:hover, button:hover { opacity: 0.6; }*/
h2, h3 { font-weight: normal; }
i { width: 24px; height: 24px; background-size: cover;  }
::selection { background: #1f75d9; color: #fff; }


/*----------여백*/
.p-l12 { padding-left: 12px; }
/*----------icon*/
i.ico_signup { background-image: url(/assets/images/ico/ico_signUp-7a1d5dc78f2de81a950a2dc59016ed22.svg); }
i.ico_que { background-image: url(/assets/images/ico/ico_que-40641e9b9ec1cd1660ab5356d8502c84.svg); }
i.ico_quiz {  background-image: url(/assets/images/ico/ico_quiz-98b88b9fb387e72309ef66bb45b0fa5d.svg); }
i.ico_notice { background-image: url(/assets/images/ico/ico_notice-227bb028a713f6609c0f736ffe280f8f.svg); }
i.ico_policy { background-image: url(/assets/images/ico/ico_policy-6a18178ad04a828a3f322bcb43a9ccd8.svg); }
i.ico_pwd { background-image: url(/assets/images/ico/ico_pwd-f8c699263851d2aba43ebd40e5dd1f7c.svg); }
i.ico_find { background-image: url(/assets/images/ico/ico_find-992edeaaa3c099b26233b8d0b309e22a.svg); }
i.ico_check { background-image: url(/assets/images/ico/ico_check-64e8c7fbfdc03e99dc4661af95810bcd.svg); }

i.ico_star { background-image: url(/assets/images/ico/ico_star-c93280729ca2b74dcd1d26f84ab6643d.svg); }
i.logo_face { background-image: url(/assets/images/logo/logo_face-f182372c344a278acc5e3a529b7d3019.svg); }
i.logo_x { background-image: url(/assets/images/logo/logo_x-29e6c9287a3f1d15171dfd05bb50d29d.svg); }
i.logo_twiiter { background-image: url(/assets/images/logo/logo_twitter-9cc0189ba759849b85a2a89470ef3f49.svg); }
i.logo_ytube { background-image: url(/assets/images/logo/logo_ytube-d080fd8478f75b71c3c5e6d5ccbc2eae.svg); }
i.logo_blog { background-image: url(/assets/images/logo/logo_naver-cda1e2d923e3534bd0335eef0496dde1.svg); }
i.logo_naverTv { background-image: url(/assets/images/logo/logo_navertv-62c8f1d07a3a3a6bd880e2714aec3dc2.svg); }
i.logo_instar { background-image: url(/assets/images/logo/logo_instar-07827a924547ab015d1820a21cfcc331.svg); }
i.logo_hmgTv { background-image: url(/assets/images/logo/logo_hmgtv-4fe8e949babeebc501d9896b5143acaa.svg); }
i.logo_hmgJournal { background-image: url(/assets/images/logo/logo_hmgJ-c2d741a4c3ca87c610b4d609c4969500.svg); }
i.logo_hmg { background-image: url(/assets/images/logo/logo_hmgH-fd5f281649c8fe40a8aaa73bceb9e1aa.svg); }


i.ico_register { background-image: url(/assets/images/ico/ico_register-107ea25ab09933a344254059900d4e55.svg); }
i.ico_login { background-image: url(/assets/images/ico/ico_login-f01524fde89c529a2eaa7578cae8205c.svg); }

/*----------button*/
.btn_p { background: #CAD3E5; color: rgba(255,255,255,0.4); }
.btn_p.on { background: #1F75D9; color: #fff;  }
.btn_line.on { background: #fff; border: 1px solid #9CABBC; color: #000; }

.btn_bt, .btn_t { display: flex; justify-content: center; margin-top: 56px; }
.btn_t { margin-bottom: 40px; margin-top: 0;}
.btn_bt button, .btn_t button { height: 64px; text-align: center; width: 320px; font-weight: 800; font-size: 20px; }

.close { position: relative; width: 24px; height: 24px; display: flex; justify-content: center;}
.close::before, .close::after { background: #fff; content: '' ; display: inline-block; width: 2px; height: 20px; transform: rotate(45deg); position: absolute; top: 0; }
.close::after { transform: rotate(-45deg); }


button.h56 { padding: 0 48px; height: 56px; width: 300px; font-size: 18px; font-weight: bold; }
@media screen and ( max-width:641px ){
	button.h56 { font-size: 16px; width: auto; height: 40px; }
	.btn_bt button, .btn_t button { height: 48px; font-size: 18px; }
}
/*----------header*/
.hd { transition: .2s ease-in-out; background: #000; height: 80px;width: 100%;display: flex;justify-content: space-between;position: fixed;top: 0;left: 0;right: 0;z-index: 5;color: #fff;padding: 0 40px;align-items: center;}
.hd>div { display: flex; align-items: center; }
.hd .logo a{ width: 82px; height: 38px; background: url(/assets/images/logo/bi_wh-819eb4a66ca4648a77060ab83e903f65.svg); background-size: cover; }
.hd.intro_hd .logo a { background-image: url(/assets/images/logo/logo_hyundai-36c757ecb55a6c13ff69f9b8811541f4.svg); height: 26px; }
.hd .language { font-size: 14px; background: #000 url(/assets/images/ico/sel_bg_wh-a150bcb8836ea6aba1fe43fd9b3c6da9.svg) center right no-repeat; color: #fff; width: auto;padding: 4px 24px 4px 8px; border-radius: 4px;}
.hd.down .language { color: #000; background: #fff url(/assets/images/ico/sel_bg-7aeedd77a57c32012905a719dbd4e910.svg) center right no-repeat; }

.user {margin-right: 20px;position: relative;font-weight: bold;display: flex;align-items: center;}
.user::before { content: '' ; display: inline-block; width: 100%; height: 4px; background: #1F75D9; position: absolute; z-index: -1; bottom: 0; }
.user span:nth-child(2) {white-space: nowrap;overflow: hidden;/*text-overflow: ellipsis;*/flex: 1;/*max-width: 72px;*/}

.hd.down { background: #fff; border-bottom: 1px solid #EDF0F6; color: #000; }
.hd.down .logo a { background-image: url(/assets/images/logo/bi-c0aec6a400007382df0cb4a0289dba9a.svg); }
.hd.down .language::after { border-top-color: #000; }

.hd_m { position: absolute; top: 48px; z-index: 1; display: none; }
.hd_m a { width: 40px; height: 40px; background-size: cover; margin: 8px; }
.top_back { background-image: url(/assets/images/ico/top_arw_left_wh-a9d3a34ac15ac8445627dde32042108a.svg); }
.top_back.black { background-image: url(/assets/images/ico/top_arw_left-68dce2ef09f2c11076ae0f04239e4677.svg); }

@media screen and ( max-width:641px ){

	.user {margin-left: 12px;font-size: 14px;display: flex;align-items: center;}
	.hd .language { padding-top: 2px; padding-bottom: 2px; }
	.hd.intro_hd .logo a { height: 17px; }
}
@media screen and ( max-width:414px ){
	.hd_m { display: block; }
}



/*----------section*/
section { position: relative; padding: 0 140px; margin-bottom: 128px; }
.wrap { width: 100%; height: 100%; background: #edf0f6; }
.bg_gray { background: #EDF0F6 !important; }
.bg_black { background: #000; color: #fff; }


/*----------title */
.title_style1 { text-align: center; }
.title_style1 i { margin-bottom: 16px; width: 48px; height: 48px; }
.title_style1 h2 { font-size: 24px; font-weight: 800; }
.title_style1 p { color: #9CABBC; line-height: 24px; display: inline-block; margin: 8px 0 32px 0; max-width: 400px; }
@media screen and ( max-width:641px ){
	.wrap { width: 100%;  background: #edf0f6; }
	.title_style1 p { line-height: 20px; margin-bottom: 20px; }
	.title_style1  { margin-right: 20px; margin-left: 20px; font-size: 14px; line-height: 20px; }
}

h3 { padding-left: 40px; margin-top: 24px; margin-bottom: 32px; }
h3 p { font-size: 20px; margin-bottom: 12px; font-weight: bold; }
h3 span { font-size: 16px; }

.txt_1 { font-size: 14px; color: #9CABBC; }

.btn_area { width: 100%; text-align: center; margin-top: 32px; }
.btn_area a { height: 56px; line-height: 56px; border: 1px solid #9CABBC; font-size: 18px; font-weight: bold; width: 50%; }

/*----------color*/
.cr_blue { color: #1F75D9; }

/*----------swiper*/
.swiper-container {width: 100%;height: 100%; }
.swiper-slide { text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center; }
.swiper-button-next, .swiper-button-prev { width: 40px; height: 40px; background: rgb(31 117 217 / 80%); border-radius: 50px; }
.swiper-button-next:after, .swiper-button-prev:after { content: '' !important; width: 8px; height: 8px; border: 2px solid #fff; border-width: 2px 2px 0 0; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; margin-left: -2px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {transform: rotate(-135deg);  margin-left: 2px; }

.videoContents .swiper-slide { max-width: 300px;  }
.swiper-wrapper-4 { justify-content:center;}


@media screen and ( max-width:1200px ){
	.swiper-wrapper-4 { justify-content:inherit !important;}
}

/*----------text style*/
.txt_line { text-decoration: underline; }

/*----------page*/
.page { padding: 80px 0 0 0; margin-bottom: 0; flex: 1;  }
.page_con { padding-top: 56px; height: 100%; }
.con { max-width: 1200px; margin: 0 auto; padding-bottom: 128px; }
@media screen and ( max-width:641px ){
	.page { padding-top: 48px;  overflow: hidden; height: 100%; }
	.page>* { height: 100%; }
	.page_con { padding-top: 24px; overflow: hidden; height: 100%; overflow-y: auto; }
	.con { padding-bottom: 64px; }
}
/*----------box*/
.box { background: #fff; padding: 32px; margin-bottom: 12px; }
.box:last-child { margin-bottom:0; }

@media screen and ( max-width:641px ){
	.box  { padding: 20px; margin-bottom: 8px; }
}


/*----------ipt, select*/
input::placeholder { color: #9CABBC;  }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="password"] { letter-spacing: 6px; }
input[type="password"]::placeholder { letter-spacing: -1px; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; }
input { -webkit-appearance: none;-webkit-border-radius: 0;}
.ipt input:disabled { background: #f2f5f8; }
.ipt { width: 100%; }
.ipt input { background: #fff; width: 100%; border: 1px solid #EDF0F6; border-radius: 0; height: 40px; padding-left: 20px; font-weight: 500; }
.ipt select:disabled { background: #f2f5f8; }

/*핸드폰인증*/
.ipt_phone { display: flex; justify-content: space-between; }
.ipt_phone input { flex: 1; }
.ipt_phone button { background: #9CABBC; color: #fff; font-size: 18px; font-weight: bold; padding: 0 20px; }

.ipt_proof { position: relative; display: none; margin-top: 0; }
.ipt_proof .proof_conf { position: absolute; right: 20px; top: 8px; color: #1F75D9; display: none; }
.ipt_proof .chk_proof { position: relative; margin-right: 8px; width: 24px; height: 24px; border-radius: 50px; background: #1F75D9;  }
.ipt_proof .chk_proof::before { content:'';display: inline-block;transition: .2s ease-in-out;border: 2px solid #fff;width: 8px;height: 4px;border-top: none;border-right: none;background: transparent;transform: rotate(-45deg);position: absolute;top: 8px;left: 7px; }

.ipt_proof+.proof_time { text-align: right; display: none; margin-right: 20px; font-size: 14px;margin-top: 4px;color: red; }
.ipt_proof.start { display: block; }/*인증시작 start*/
.ipt_proof.start+.proof_time { display: block;  }
.ipt_proof.suc .proof_conf { display: block; } /*인증성공 suc*/
.ipt_proof.suc+.proof_time { display: none; }

.ipt_info { font-size: 14px; color: #9CABBC; margin-top: 8px; margin-left: 20px; }

/*에러*/
.box_ipt.err .ipt_info { color: red; }
.box_ipt.err input { border-color: red; animation: .4s err .4s linear; -o-animation: .4s err .4s linear; -webkit-animation: .4s err .4s linear; -moz-animation: .4s err .4s linear;}
@-webkit-keyframes err {
	0% { -webkit-transform: translate(4px); }
	20% { -webkit-transform: translate(-4px); }
	40% { -webkit-transform: translate(2px); }
	60% { -webkit-transform: translate(-2px); }
	80% { -webkit-transform: translate(1px); }
	100% { -webkit-transform: translate(0px); }
}
@-moz-keyframes err {
	0% { -moz-transform: translate(4px); }
	20% { -moz-transform: translate(-4px); }
	40% { -moz-transform: translate(2px); }
	60% { -moz-transform: translate(-2px); }
	80% { -moz-transform: translate(1px); }
	100% { -moz-transform: translate(0px); }
}
@-o-keyframes err {
	0% { -o-transform: translate(4px); }
	20% { -o-transform: translate(-4px); }
	40% { -o-transform: translate(2px); }
	60% { -o-transform: translate(-2px); }
	80% { -o-transform: translate(1px); }
	100% { -o-transform: translate(0px); }
}

/*box 안에*/
.box_ipt { margin-bottom: 32px; }
.box_ipt:last-child { margin-bottom: 0; }
.box_ipt label { font-size: 18px; display: block; margin-bottom: 12px; position: relative; }
.box_ipt.box_ness label::before { content: '*'; color: red; font-size: 20px; position: absolute; left: -12px; }

/*---textarea*/
textarea::placeholder { color: #9CABBC; }
.ipt textarea { height: 64px; padding-top: 12px; width: 100%; border: 1px solid #EDF0F6; border-radius: 0; padding-left: 20px; }
@media screen and  ( max-width:641px ){
	.ipt textarea { height: 400px; font-size: 14px; padding: 8px; }
	.box_ipt { margin-bottom: 20px; }
	.box_ipt label { font-size: 14px; }
}
/*---select*/
select { -webkit-appearance: none; cursor: pointer; background: #fff url(/assets/images/ico/sel_bg-7aeedd77a57c32012905a719dbd4e910.svg) center right no-repeat ; }
.ipt select {width: 100%;border: 1px solid #EDF0F6;border-radius: 0;height: 48px;padding-left: 20px;font-weight: 800;}

@media screen and  ( max-width:641px ) {
	.ipt_phone button { font-size: 14px; padding: 0 12px; }
}


/*---------chk*/
input[type="checkbox"], input[type="radio"] { display: none; }

/*common, check*/
.chk label {  align-items: center; cursor: pointer; }
.chk .chk_shape { margin-right: 12px; width: 24px; height: 24px; border: 2px solid transparent; background: #EDF0F6; position: relative; }
.chk .chk_shape::before {content:'';display: inline-block;transition: .2s ease-in-out;border: 2px solid #9CABBC;width: 8px;height: 4px;border-top: none;border-right: none;background: transparent;transform: rotate(-45deg);position: absolute;top: 5px;left: 6px;}
.chk .chk_txt { color: #9CABBC; flex: 1; }
.chk input[type="checkbox"]:checked+label .chk_shape { border-color: #1F75D9; background:#fff; }
.chk input[type="checkbox"]:checked+label .chk_shape::before { border-color: #1F75D9; }
.chk input[type="checkbox"]:checked+label .chk_txt { color: #000; }

/*radio*/
.chk input[type="radio"]+label .chk_shape { background: #EDF0F6; border-radius: 50px; }
.chk input[type="radio"]:checked+label .chk_shape { border-color: #1F75D9; background: #1F75D9; }
.chk input[type="radio"]:checked+label .chk_shape::before { border-color: #fff; }

@media screen and  ( max-width:641px ) {
	.chk .chk_txt { font-size: 14px; }
}
/*---------bar */
.bar { display: flex; align-items: center; }
.bar_pro { overflow: hidden; border-radius: 50px; background: rgba(255,255,255,0.2); width: 120px; height: 20px; position: relative;}
.bar_pro span { border-radius: 50px; position: absolute; left:0; top:0; bottom:0; width: 20%; background: linear-gradient(#83B9F8, #1BC0CC);  }
.bar_txt { margin-left: 16px; color: #34BED7; font-size: 12px; width: 40px; text-align: right; }
.bar_txt span { font-weight: bold; margin-right: 4px; font-size: 16px; }


/*----------agree*/
.agree { margin-top: 24px; }
.agree li { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between;}
.agree li:last-child { margin-bottom: 0; }
.agree li .chk { display: flex; }
.agree li .chk.all_chk {border-bottom: 1px solid #9cabbc;padding-bottom: 12px;width: 100%;}
.agree li .chk .agree_a { cursor: pointer; font-size: 12px; color: #fff; background: #CAD3E5; padding: 4px 8px; border-radius: 2px; margin-left: 12px; }
.agree li .chk .agree_a.on { cursor: pointer; font-size: 12px; color: #fff; background: #1F75D9; padding: 4px 8px; border-radius: 2px; margin-left: 12px; }

.chk label { display: flex; }
/*----------pop*/
.pop { overflow: hidden; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); position: fixed; right:0; top: 0; bottom:0; left: 0; z-index: 55; }
.pop.on { display: flex; }
.pop .pop_hd { font-size: 24px; font-weight: bold; border-bottom: 1px solid #edf0f6; padding: 32px 40px 20px;display: flex; justify-content: space-between; align-items: center; }
.pop .pop_hd p { font-size: 20px; }
.pop .pop_hd span strong { color: #1F75D9; margin-right: 8px; font-weight: bold; }
.pop .pop_hd a { display: flex; justify-content: center; }
.pop .pop_hd>span { display: flex; align-items: center; font-size: 20px; flex-wrap:wrap }
.pop .pop_hd>span i { width: 32px; height: 32px; margin-right: 8px; margin-right: 8px; }

.pop_btn_close { width: 24px; height: 24px; position: relative; }
.pop_btn_close::before, .pop_btn_close::after { background: #000; content: '' ; display: inline-block; width: 2px; height: 20px; transform: rotate(45deg); position: absolute; top: 0; }
.pop_btn_close::after { transform: rotate(-45deg); }
.pop .pop_con {display: flex;flex-direction: column;background: #fff;width: 800px; max-height: 80%;}
.pop.on .pop_con { animation: .2s pop ; }
@keyframes pop { from { transform: translateY(10%); transition: .2s ease; } to { transform: translateY(0); }}

.pop .pop_body { padding: 20px 40px 40px 40px; overflow: hidden; overflow-y: auto;  flex: 1; }
.pop .pop_body .title_style1 i { margin-bottom: 0; }
/*.pop .pop_body .title_style1 { display: flex; align-items: center; margin-bottom: 12px; }
.pop .pop_body .title_style1 i { margin-bottom: 0px; margin-right: 12px; }*/

.pop .ipt input, .pop .ipt select, .pop .ipt textarea {;font-size: 14px;padding-left: 12px;}
.pop .ipt input, .pop .ipt select { height: 32px}
.pop .box {  padding: 12px 0 0 0 ; margin-bottom: 0; }
.pop .box_ipt {margin-bottom: 16px;}
.pop .box_ipt label {font-size: 14px;margin-bottom: 8px;}
.pop .btn_bt { margin-top: 20px; }

/*---modal*/
.modal { z-index: 55; position: fixed; right: 0; left:0; top:0 ; bottom: 0;  align-items: center; justify-content: center; display: none; }
.modal.on { display: flex; }
.modal .pop_con { width: auto; height: auto; padding: 20px; min-width: 240px; border: 1px solid #9CABBC; position: absolute; }

/*---팝업 알럿 */
.p_alert { background: none; }
.p_alert .pop_con { width: auto; height: auto; }
.p_alert .box_ipt { margin-bottom: 32px; }

@media screen and  ( max-width:641px ){
	.pop .pop_con { height: 100%; max-height: 100%;}
	.pop .pop_hd { padding: 16px 20px; font-size: 18px; }
	.pop .pop_hd p { font-size: 16px; }
	.pop .btn_bt button { width: 100%; }
	.pop .pop_body { padding: 20px; }
	.pop .pop_hd>span i { width: 24px; height: 24px; }
}

/*----------mobile*/
/*-----nav*/
.m_nav { box-shadow: 0 1px 3px rgba(0,0,0,0.2); display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; height: 80px; z-index: 55; }
.m_nav li { flex: 1; }
.m_nav li a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; }
.m_nav i { margin: 8px 0; }
.m_nav span { font-size: 12px; color: #9CABBC; }
.m_nav .on span { color: #1F75D9; }
/*.nav_1 { background-image: url(../images/nav/nav_home.svg); }*/
.nav_2 { background-image: url(/assets/images/nav/nav_content-398677c78f1e585daa099d45974a7aec.svg); }
.nav_3 { background-image: url(/assets/images/nav/nav_edu-a40b951e721920e15b787d72ecd4c182.svg); }
.nav_4 { background-image: url(/assets/images/nav/nav_chk-f791a73d8027926810b5bd17550e15d4.svg); }
.on .nav_1 { background-image: url(/assets/images/nav/nav_home_on-8a6008e9316556bfbec0cfe0601d1f1d.svg); }
.on .nav_2 { background-image: url(/assets/images/nav/nav_content_on-59336e54860439141abf44f2bac687ff.svg); }
/*.on .nav_3 { background-image: url(../images/nav/nav_edu_on.svg); }
.on .nav_4 { background-image: url(../images/nav/nav_chk_on.svg); }*/

@media screen and ( max-width:641px ){
	section { padding: 0; margin-bottom: 48px; }

	h3 { padding-left: 24px; margin-top: 12px;  }
	h3 p { margin-bottom: 0; }

	.btn_area { display: flex; }
	.btn_area a { width: 100%; margin: 0 20px; }

	.hd .logo a { width: 55px; height: 27px; background-size: cover;  }
	.hd { padding: 0 12px; height: 48px; }

}

/*---------BI*/
.bi { background: url(/assets/images/logo/bi-c0aec6a400007382df0cb4a0289dba9a.svg); width: 165px; height: 79px; background-size: cover; }
.bi.wh { background-image: url(/assets/images/logo/bi_wh-819eb4a66ca4648a77060ab83e903f65.svg); }

/*---------mapge*/
.modal_con li {list-style: none}
.mypage .modal_con { border-radius: 8px; width: 140px; position: fixed; top: 80px; right: 20px; z-index: 55555; background: #fff; padding: 20px; box-shadow: 0 0 20px rgb(0 0 0 / 10%); margin-top: -10px; }
.mypage ul { display: flex; flex-direction: column; }
.mypage ul a {margin-bottom: 16px;border-bottom: 1px solid #edf0f6;padding-bottom: 8px;color: #000;}
.mypage ul a:hover { color: #1F75D9;}
.mypage ul li:last-child a { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }

@media screen and ( max-width:641px ) {
	.mypage .modal_con { top: 60px; }
}

/*화면 흐름*/
.hidden { display: none !important;}

/*datepicker*/
/*datepicker*/
.ui-datepicker td>* {width: 32px;height: 32px;border-radius: 50px;display: flex !important;align-items: center;justify-content: center;border-color: transparent !important;background: none;}
.ui-datepicker td a.ui-state-active { background: #1F75D9; }
.ui-datepicker td.ui-datepicker-week-end a  { color: red; }
.ui-datepicker .ui-datepicker-header { background: none; }
.ui-datepicker.ui-widget.ui-widget-content { box-shadow: 2px 2px 15px rgb(0 0 0 / 10%); border-color: transparent; }
.ui-datepicker .ui-state-disabled .ui-state-default { border:none; text-align: center; background: none;  }
.ui-datepicker .ui-datepicker-today a { color: #1F75D9; border-color: #1F75D9 !important; background: none; }


div.policy-wrap {margin-top:20px; background:#fff;}
div.policy-wrap dl:first-child {padding-top:0;}
dl.policy-cont {padding-top:30px; background:#fff;}
dl.policy-cont dt {margin-bottom:15px;color:#333;font-size:20px;line-height:21px;font-family:HDharmonyM}
dl.policy-cont dd {color:#747474;font-size:14px;line-height:22px;}
dl.policy-cont dd ul {margin-top:7px;margin-left:20px;}
dl.policy-cont dd ul li {padding-left:10px;text-indent:0px;background:url(/images/comm/bu/bu-dot1.gif) no-repeat 0 9px; list-style: none}
dl.policy-cont dd ol {}
dl.policy-cont dd ol > li {margin-top:7px;text-indent:-10px;padding-left:20px; list-style: none}
dl.policy-cont dd ol > li span {display:inline-block;width:10px;}
dl.policy-cont dd ol > li > p {margin-top:7px;margin-left:15px;text-indent:0px;}
dl.policy-cont dd strong {display:block;margin:7px 0 0 15px;font-weight:normal;text-indent:-15px;}
table.policy-tb {margin-top:20px;}
table.policy-tb thead tr th {padding:10px 5px;background:#d7d7d7;color:#333;font-size:14px;line-height:20px;font-family:HDharmonyM;font-weight:normal;text-align:center;}
/*table.policy-tb tbody tr {border-bottom:1px solid #eee;}*/
table.policy-tb tbody tr th, table.policy-tb tbody tr td {padding:10px 10px 10px 30px;color:#747474;font-size:13px;line-height:20px;vertical-align:top;text-indent:0;}
table.policy-tb.ac tbody th, table.policy-tb.ac tbody td {padding:10px 5px;}
table.policy-tb {border: 1px solid #747474; border-collapse: collapse }
table.policy-tb td, th {border: 1px solid #747474; border-collapse: collapse }


/* Footer */
#footer{position:relative;z-index:200;/*background-color:#1c1b1b;*/}
#footer > .inner{display:flex;justify-content:space-between;align-items:center;max-width:100%;/*background-image:url(/assets/images/logo/footer-logo-82b7db0f8e6c3ab584eec88d4b47fa41.svg);*/background-position:35px 50%;background-repeat:no-repeat;background-size:62px;}

.footer-content{padding-left:140px;}

.footer-link-list{display:flex;align-items:center;/*margin-bottom:15px;*/}
.footer-link-list li{position:relative;margin-right:15px;padding-right:15px; list-style: none}
.footer-link-list li:not(:last-child):after{content:"";position:absolute;right:0;top:calc( 50% - 5px );width:1px;height:10px;background-color:#444;vertical-align:top;}
.footer-link-list li a{display:block;padding:5px 0;font-size:14px;color:#999; cursor: pointer; font-weight: bold}
.footer-link-list li.privacy-policy a{color:#fff;}

.copyright{font-size:10px;color:#999;line-height:1.3;}

@media screen and ( max-width:641px ) {
	#footer > .inner{display:flex;justify-content:space-between;align-items:center;max-width:100%;/*background-image:url(/assets/images/logo/footer-logo-82b7db0f8e6c3ab584eec88d4b47fa41.svg);*/background-position:15px 50%;background-repeat:no-repeat;background-size:55px;}
	.footer-content{padding-left:20px;}
}


.privacy-policy a{text-decoration: underline; color: #1a9aef}



.switch {
	position: relative;
	display: inline-block;
	width: 2.25em;
	height: 1.25em;
	vertical-align: middle;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 1em;
	width: 1em;
	left: 4px;
	bottom: 4px;
	top: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(0.8em);
	-ms-transform: translateX(0.8em);
	transform: translateX(0.8em);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}