@charset "utf-8";

@font-face {
    font-family:'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset */
body, html {height:100%}
body {font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',Dotum,'굴림', Gulim,Verdana,Arial,sans-serif;color:#333;font-size:16px;line-height:1.4em;-webkit-text-size-adjust:none;word-break:keep-all;letter-spacing:-0.05em}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button {margin:0;padding:0;font-size:inherit;line-height:inherit}
fieldset,img {border:0 none}
dl,ul,ol,li {list-style:none}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
img {vertical-align:middle;}
a {color:#333;text-decoration:none;}
em {font-style:normal;}
caption,legend{overflow:hidden;width:1px;height:1px;margin:-1px 0 0 -1px;font-size:1px;line-height:0;color:transparent}
button {border:0 none;background-color:transparent;cursor:pointer}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"] {-webkit-appearance:none;font-family:inherit;border-radius:0;border:1px solid #ddd}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border-radius:0}
input[type="radio"] {-webkit-appearance:none;border:0;background:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox}
.blind {overflow: hidden;position: absolute;width: 3px;height: 3px;color: transparent;}

/* 레이아웃 */
body {background:#ececec;}
.wrap {position:relative; width:100%; max-width:1200px; margin:auto; background-color:#fff}
.wrap .content {padding:15px 15px 40px; background:#fff;}
.wrap {height:auto !important; height:100%; min-height:100%;}

/* 공통 */
#footer {width:100%; padding:13px 0; font-size:13px; text-align:center; background-color:#fff; border-top:1px solid #e3e3e3}
.ft_color {color:#dc2c34}
.mg_t {margin-top:10px}

/* 네이버 모바일 한국경제채널 구독자 확장 대회 */
* {box-sizing:border-box;}
html, body {min-height:100% !important; height:100%;}
.wrap .content {padding:0;}
.wrap.expand {width:100%; max-width:100%; height:100%; min-height:100%; margin:0 auto; box-sizing:border-box;}
.wrap.expand .full-toplink {position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.chapter {position:relative; margin-top:0; padding:60px 60px 70px;}
.chapter .inner {max-width:600px; margin:0 auto; text-align:center;}

/* 상단 이미지 */
.top_wrap {position:relative; overflow:hidden}
.top_wrap img {width:100%}
.top_wrap img.visual_pc_only {width:120%; margin-left:-10%}
.wrap2022 .top_wrap img.visual_pc_only {width:100%; margin-left:0}
.visual_pc_only {display:block}
.visual_m_only {display:none}
.pc_only {display:block}
.m_only {display:none}

/* 메인 */
.step_content {padding-bottom:70px;}
.step_content .step_wrap {width:100%; height:100%;}
.step_content .step_wrap:after {content:''; clear:both; display:block;}
.step_content .step_box {position:relative;}
.step_content .step_box .step_tit {width:95px; margin:0 auto;}
.step_content .step_box .step_tit img {width:100%;}
.step_content .step_box .step_desc {display:block; margin-top:25px; font-size:20px; line-height:1.5em;}
.step_content .step_box .btn + .step_desc {margin-top:110px;}
.step_content .step_box .step_img {width:455px; margin:0 auto; margin-top:45px;}
.step_content .step_box .step_img img {width:100%;}
.step_content .step_box .btn {position:absolute; left:50%; top:37px; display:inline-block; width:436px; margin-left:-182px;}
.step_content .step_box .btn img {width:100%;}

.main_content {width:100%; max-width:720px; margin:0 auto; padding:0; padding-bottom:60px; text-align:center;}
.main_content .btn {display:inline-block; width:410px; margin-top:40px;}
.main_content .btn img {width:100%;}

/* 로그인 안내 */
.login_content {max-width:600px; padding:0 10px; margin:55px auto 80px auto; text-align:center;}
.login_content .login_desc {display:inline-block; width:100%; padding:40px 0; font-size:22px; font-weight:700; line-height:1.5em; text-align:center; border:10px solid #dc2c34;}
.login_content .login_notice {text-align:left; margin-bottom:30px; font-size:18px; font-weight:700;}
.login_content .login_notice span {display:inline-block; padding-top:20px; font-size:16px; font-weight:400;}
.privacy_wrap {text-align:left;}
.privacy_wrap .inp_chk {clip:rect(0,0,0,0); position:absolute; width:1px; height:1px; margin-left:-1px; font-size:1px;}
.privacy_wrap .inp_chk + .label_chk {display:inline-block; position:relative; padding-left:30px; font-size:15px; font-weight:700; cursor:pointer;}
.privacy_wrap .inp_chk + .label_chk:before {content:''; display:block; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url(../images/ico_checkbox.png) no-repeat 0 0; background-size:auto 24px;}
.privacy_wrap .inp_chk:checked + .label_chk:before {background-position:-24.5px 0;}
.privacy_wrap .pri_desc {margin-top:20px; font-size:13px; line-height:1.5em;}
.login_content .btn_naver {display:inline-block; width:310px; margin-top:40px;}
.login_content .btn_naver img {width:100%;}

/* 인증하기 */
.confirm_content .inner {text-align:left;}
.confirm_content .tit_wrap .sub_tit {font-size:24px; font-weight:500;}
.confirm_content .tit_wrap .etc {display:inline-block; margin-top:10px; font-size:18px;}
.confirm_content .inp_file_box {display:flex; width:100%; height:35px; margin-top:30px;}
.confirm_content .preview {width:100%; height:auto; margin-top:30px; background:#f3f3f3;}
.confirm_content .preview img {width:100%; height:auto;}
.confirm_content .chk_box {margin-top:50px; line-height:1.5em;}
.confirm_content .chk_box .inp_chk {width:20px; height:20px; vertical-align:middle; background:#fff;}
.confirm_content .chk_box .label_chk {font-size:24px; font-weight:500;}
.confirm_content .agree_box {margin-top:10px; font-size:18px; line-height:1.5em;}
.confirm_content .btn {display:block; width:300px; margin:0 auto; margin-top:70px;}
.confirm_content .btn img {width:100%;}
.inp_file {position:absolute; overflow:hidden; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; font-size:1px;}
.inp_file_text {display:block; width:100%; height:100%; border-color:#e3e3e3; box-sizing:border-box;}
.label_file {display:block; height:100%; padding:0 15px; line-height:35px; font-size:15px; color:#222; background-color:#e3e3e3;}

/* input type */
.inp_text {width:255px; min-height:40px; line-height:40px; padding:0 10px; font-size:20px; border-color:#d3d3d3;}
.inp_sel {position:relative; width:190px; height:40px;}
.inp_sel .inner {position:absolute; top:-1px; left:0; z-index:10; width:100%; border:1px solid #d3d3d3; box-sizing:border-box;}
.inp_sel .sel_tit {display:block;}
.inp_sel a {font-size:20px;}
.inp_sel .sel_tit a {display:block; min-height:40px; padding:0 40px 0 10px; text-align:left; line-height:40px; background:url(../images/ico_arrow_off.png) no-repeat 92% center;}
.inp_sel .sel_list {max-height:200px; overflow-y:auto;}
.inp_sel .sel_list li a {display:block; padding:0 10px; line-height:40px; text-align:left; background:#f3f3f3;}
.inp_sel .sel_list li a:hover {background:#d3d3d3;}
.inp_sel.on .sel_tit a {background:url(../images/ico_arrow_on.png) no-repeat 92% center;}
.inp_sel.on .sel_list {display:block;}
.btn_submit {display:inline-block; width:95px; height:42px; line-height:40px; text-align:center; color:#fff; background-color:#777;}
.email_form_wrap {position:relative;}
.email_form_wrap:after {content:''; display:block; clear:both;}
.email_form_wrap .inp_text {float:left; border-right:0;}
.email_form_wrap.team .inp_text {width:500px}
.email_form_wrap .inp_sel {float:left;}
.email_form_wrap .btn_submit {float:right;}

/* 사내게시 */
.info_content .list_item {position:relative; padding-left:102px; text-align:left; font-size:21px; font-weight:700;}
.info_content .list_item + .list_item {margin-top:35px;}
.list_item .tit {position:absolute; top:0; left:0; width:100px;}
.list_item .tit .m_only {display:none;}
.list_item .tit img {width:90px;}
.list_item .desc {line-height:1.6em;}
.list_item .desc .desc_tit {display:inline-block;width:210px;text-align:left}
.tl_r {text-align:right}
.list_item .desc_tit + span.tl_r {display:inline-block;width:45px}
.list_item .etc {display:block; font-size:19px;}
.info_content .list_item.pd_basic {margin-top:20px;padding-left:0}
.info_content .list_item.pd_basic .etc {margin-top:5px;font-size:16px}
.info_content .list_item.pd_basic .etc.ft_color {font-size:18px}
.way_content {text-align:left; background:#edeff3;}
.way_content .way_item {text-align:center}
.way_content .way_item + .way_item {margin-top:80px;}
.way_content .email_link {color:#dc2c34;}
.way_item .sub_tit {display:inline-block; position:relative; padding-left:50px; font-family:'GmarketSansBold'; font-size:30px; text-align:left}
.way_item .sub_tit .num {display:inline-block; position:absolute; top:2px; left:0; width:39px; height:39px; margin-right:5px; line-height:42px; font-size:18px; color:#fff; text-align:center; border-radius:50%; background:#e8004d; box-sizing: border-box;}
.way_item .email_form_wrap {margin-top:35px; margin-left:45px;}
.way_item .desc_link {margin-top:30px; font-size:24px; font-weight:700; text-decoration:underline; color:#0e62e6; text-underline-position:under;}
.way_item .desc_link .my-num {z-index:1; display:inline-block; position:relative; text-decoration:underline;}
.way_item .desc_link .my-num::before {z-index:-1; content:''; display:block; position:absolute; width:100%; height:100%; background-color:#ffeb33}
.way_item .desc_notice {margin-top:15px; font-family:'GmarketSansLight'; font-size:18px; color:#222; text-align:left}
.way_item .btn_copy, .way_item .btn_apply {display:block; width:350px; margin:0 auto; margin-top:20px;}
.way_item .btn_copy img, .way_item .btn_apply img {width:100%;}
.desc_info {margin-top:10px}
.desc_info .etc {font-size:15px; line-height:25px}

.wrap2022 {font-family:'GmarketSans','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',Dotum,'굴림', Gulim,Verdana,Arial,sans-serif;}
.wrap2022 .inner {max-width:1007px; margin:0 auto}
.wrap2022 .section {padding:50px 0}
.wrap2022 .way_content {padding:75px 0 110px}
.cont-wrap {display:flex; justify-content:space-between}
.cont-wrap .cont-area {flex:0 0 auto; width:calc(50% - 10px);}
.cont-wrap .cont-item {display:flex;}
.cont-wrap .cont-item + .cont-item {margin-top:15px}
.cont-wrap .tit-box {margin-right:20px}
.cont-wrap .sub-tit {display:block; width:100px; height:40px; border:2px solid #002999; border-radius:20px; font-family:'GmarketSansBold'; color:#002999; line-height:40px; font-size:22px; text-align:center}
.cont-wrap .sub-txt {font-size:24px}

.more-cont {background-color:#f8f8f8}
.more-cont .point-txt {display:flex; justify-content:center; margin-bottom:15px; color:#002999; font-size:24px; text-align:center}
.more-cont .point-txt .more-txt {display:inline-block; margin-right:20px; font-family:'GmarketSansBold'; line-height:1.1; font-size:34px}
.more-cont .point-txt .more-txt::before {content:'+'; display:inline-block; width:40px; height:40px; margin-right:10px; padding:9px; border-radius:50%; font-family:'GmarketSans'; color:#fff; font-size:22px; vertical-align:middle; background-color:#002999; box-sizing:border-box} 
.more-cont .point-txt .more-txt span {font-style:italic}
.more-cont .txt-list {text-align:center}
.more-cont .txt-list li {display:inline-block; font-size:21px; word-break:keep-all}
.more-cont .txt-list li strong {font-family:'GmarketSansBold';}
.desc-list {margin-top:15px}
.desc-list li {font-family:'GmarketSansLight'; line-height:25px; font-size:17px; word-break:keep-all}

.wrap2022 .inp_text {outline:none; min-height:70px; padding:10px 15px}
.wrap2022 input[type="text"], .wrap2022 .inp_sel {border:1px solid #999}
.wrap2022 .inp_sel {width:310px; height:70px; border-left:0; text-align:center; background-color:#f0f0f0}
.wrap2022 .inp_sel .sel-tit {cursor:pointer; display:block; position:relative; min-height:70px; padding:20px 40px 20px 10px; font-size:24px; text-align:center; box-sizing:border-box}
.wrap2022 .inp_sel .sel-tit::after {content:''; position:absolute; top:calc(50% - 4px); right:15px; width:0px; height:0px; border-top:10px solid #999; border-left:7px solid transparent; border-right:7px solid transparent}
.wrap2022 .inp_sel .sel-tit.on::after {border-top:none; border-bottom:10px solid #999}
.wrap2022 .inp_sel .sel-tit.on + .sel_list {display:block}
.wrap2022 .inp_sel .sel_list {z-index:9; display:none; position:absolute; bottom:-182px; left:-1px; width:100%; max-height:180px; border:1px solid #999; border-top:none; background-color:#f3f3f3; text-align:left; box-sizing:content-box;}
.wrap2022 .inp_sel .sel_list li {line-height:50px; font-size:24px}
.wrap2022 .inp_sel .sel_list li:hover {background-color:#d3d3d3}
.wrap2022 .inp_sel .sel_list li button {width:100%; padding:5px 38px; font-family:'GmarketSans'; box-sizing:border-box; color:#222; text-align:left}
.wrap2022 .inp_sel a {font-size:24px}
.wrap2022 .form-wrap {display:flex; align-items:center; justify-content:space-between; margin-top:20px; padding:0 40px}
.wrap2022 .form-wrap .inp_text {width:calc(100% - 460px)}
.email-form {display:flex}
.wrap2022 .btn_submit {width:130px; height:70px; margin-left:20px; line-height:75px; font-size:24px; background-color:#999}
.btn-copy {display:inline-block; margin-top:30px; padding:15px 40px; border-radius:35px; font-size:24px; color:#fff; background-color:#0e62e6; box-sizing:border-box;}

/* 개인실적 조회하기 */
.confirm_section {min-height:calc(100vh - 88px); background:#0c63e6 url(../images/bg_confirm.jpg) no-repeat top center;}
.confirm_section .inner {max-width:640px; margin:0 auto;}
.confirm_section .main_tit {position:relative;width:210px; margin:0 auto;}
.confirm_section .main_tit .total_num {display:block;position:absolute;top:46px;left:50%;transform:translateX(-50%);color:#fff;font-weight:bold;font-family:'Century Gothic';font-size:30px}
/* .confirm_section .main_tit:before {content:"55";display:block;position:absolute;bottom:46px;left:86px;color:#fff;font-weight:bold;font-family:'Century Gothic';font-size:30px} */
.confirm_section .main_tit img {width:100%;}
.confirm_section .email_form_wrap {width:100%; margin-top:50px; text-align:left;}
.confirm_section .email_form_wrap .inp_text {width:330px; font-size:15px;}
.confirm_section .email_form_wrap.team .inp_text {width:510px;}
.confirm_section .email_form_wrap .inp_sel {width:185px; background-color:#0c63e6;}
.confirm_section .email_form_wrap .inp_sel .inner {width:100%;}
.confirm_section .email_form_wrap .inp_sel.on .sel_tit a {background:url(../images/ico_arrow_light_on.png) no-repeat 92% center;}
.confirm_section .email_form_wrap .inp_sel .sel_list li a:hover {background:#074db6;}
.confirm_section .email_form_wrap .inp_sel .sel_tit a {background:url(../images/ico_arrow_light_off.png) no-repeat 92% center;}
.confirm_section .email_form_wrap .inp_sel a {text-align:left; font-size:18px; color:#fff;background-color:#0c63e6;}
.confirm_section .email_form_wrap .btn_submit {width:115px; height:42px; background-color:#0c63e6; font-size:18px; font-weight:700; color:#fff; border:2px solid #fff; box-sizing:border-box;}
.confirm_wrap {padding:30px 100px; margin-top:25px; text-align:left; background:#fff;}
.confirm_wrap .time {display:block; font-size:15px; color:#777; text-align:right;}
.confirm_wrap .profile_wrap .profile {display:block; font-size:22px;}
.confirm_section .profile_wrap .profile + .profile {margin-top:5px;}
.confirm_wrap .profile_wrap .tit {font-weight:700;}
.confirm_wrap .desc_link {margin-top:20px; font-size:18px; font-weight:700; color:#00a534; word-break:break-all;}
.confirm_wrap .desc_link .tit {display:block;}
.confirm_wrap .desc_link .emp {background:#feff8c;}
.grade_table table tr{border-bottom:1px solid #d3d3d3}
.grade_table table th, .grade_table table td {padding:20px 10px; font-size:16px; font-weight:400;}
.grade_table table .grade_goal th {font-size:18px; font-weight:700;}
.grade_table table .grade_goal td {font-size:18px; color:#0c63e6;}
.grade_table table .num {font-weight:700; text-align:right;}
.subscribe_list {margin-top:30px;}
.subscribe_list .sub_tit {font-size:20px; font-weight:700;}
.subscribe_list .notice {display:block; margin-top:5px; font-size:13px;}
.subscribe_table table th, .subscribe_table table td {padding:15px 0; font-size:16px; font-weight:400; text-align:center; border-bottom:1px solid #f3f3f3; word-break:break-all;}
.subscribe_table table th {background:#f3f3f3;}
.comp_link {word-break:break-all;}

/* 단체,회사 실적조회 */
.link_txt {line-height:39px;}
.notice + .subscribe_table {margin-top:20px}

/* 예고용 이미지 */
.img_comming {width:100%; display:none;}
.img_comming img {width:100%;}
.comming .img_comming {display:block;}
.comming .top_wrap {display:none;}
.comming .content {display:none;}

/* 개인실적조회 버튼 */
.top_wrap .top_btn_wrap {display:block}
.top_wrap .top_btn_wrap .btn.pc_only {display:block; position:absolute; width:25%; left:14%; bottom:5.5%; background-color:#2e60e3}
.top_wrap .top_btn_wrap .btn.m_only {width:100%; margin-top:-22px; margin-left:0; padding-bottom:10px; text-align:center; background-color:#3368f0}

.wrap2022 .top_wrap .top_btn_wrap .btn.pc_only {width:32%; left:7%; bottom:15%; background-color:transparent}
.wrap2022 .top_wrap .top_btn_wrap .btn.m_only {position:absolute; top:35%; left:53%; width:70%; max-width:350px; margin-top:0; transform:translateX(-50%); background-color:transparent}

/* 실적조회 탭 */
.tab_wrap {margin-top:25px}
.tab_wrap:after {content:"";display:block;clear:both}
.tab_wrap li {float:left;width:50%;border:2px solid #0c63e6;background-color:#fff;text-align:center}
.tab_wrap li a {display:block;padding:7px 10px;color:#555;font-size:15px;}
.tab_wrap li a em {font-size:17px;font-weight:bold}
.tab_wrap .on {background-color:#0c63e6;}
.tab_wrap .on a {color: #fff;}
.tab_content {display:none}
.tab_content.current {display:block}
.grade_table table .tbl_line th, .grade_table table .tbl_line td {border-top:1px solid #0c63e6}

/* 온라인 확장대회 외부용 */
.tit-style {overflow:hidden; position:relative; margin-bottom:50px; text-align:center}
.tit-style::before {content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#222; transform:translateY(-50%)}
.tit-style span {z-index:1; display:inline-block; position:relative; padding:0 50px; font-family:'GmarketSansBold'; font-size:34px; box-sizing:border-box; background-color:#f0f2f6}

.wrap2022 .section.join-cont {padding:65px 80px; background-color:#f0f2f6; box-sizing:border-box}
.step-list {display:flex; justify-content:space-between}
.step-item {position:relative; width:46%}
.step-item .num {position:absolute; top:-25px; left:-25px; width:50px; height:50px; padding-top:10px; border-radius:50%; color:#fff; font-size:26px; background-color:#e8004d; text-align:center; box-sizing:border-box}
.step-item .txt {margin-top:20px; font-family:'GmarketSansLight'; line-height:34px; font-size:24px; text-align:center; word-break:keep-all}
.step-item .txt strong {font-family:'GmarketSans'}
.step-img img {max-width:100%}
.txt-line {text-decoration:underline}
.btn-area {text-align:center}
.btn-join {display:inline-block; position:absolute; bottom:6%; left:50%; width:100%; max-width:63%; transform:translateX(-50%); padding:2% 3%; border-radius:60px; font-size:3vw; color:#fff; box-sizing:border-box; background-color:#00195c; text-align:center}
.btn-join .logo-hk {display:inline-block; width:23%; height:auto; vertical-align:-7px}
.ft-bold {font-family:'GmarketSansBold';}

@media screen  and (max-width:1010px){
    .wrap2022 .section {padding:50px 15px}
}
@media screen  and (max-width:900px){
    .wrap2022 .section {padding:25px 15px}
    .cont-wrap {flex-direction:column}
    .cont-wrap .cont-area {width:100%}
    .cont-wrap .cont-area + .cont-area {margin-top:10px}
    .cont-wrap .cont-item + .cont-item {margin-top:10px}
    .cont-wrap .tit-box {margin-right:15px}
    .cont-wrap .sub-tit {width:57px; height:21px; border-width:1px; font-size:14px; line-height:20px}
    .cont-wrap .sub-txt {font-size:15px}
    .cont-wrap .sub-txt + .sub-txt {margin-top:5px}

    .more-cont .point-txt {position:relative; flex-direction:column; margin-bottom:10px; padding-left:40px; font-size:15px; text-align:left}
    .more-cont .point-txt .more-txt::before {position:absolute;top:0; left:0; width:30px; height:30px; padding:7px; font-size:18px; text-align:center}
    .more-cont .point-txt .more-txt {margin-bottom:2px; font-size:17px}
    .more-cont .txt-list li {font-size:15px}
    .desc-list li {line-height:19px; font-size:13px}

    .wrap2022 .form-wrap {flex-direction:column; padding:0}
    .wrap2022 .form-wrap .inp_text {width:100%; min-height:auto; padding:3px 10px; font-size:15px}

    .email-form {width:100%; margin-top:6px}
    .wrap2022 .inp_sel {width:calc(100% - 80px); height:50px; border-left:1px solid #999}
    .wrap2022 .inp_sel .sel-tit {min-height:auto; padding:15px 40px 15px 15px; font-size:14px; text-align:left}
    .wrap2022 .inp_sel .sel_list {bottom:-182px}
    .wrap2022 .inp_sel .sel_list li {line-height:35px; font-size:14px}
    .wrap2022 .inp_sel .sel_list li button {padding:5px 15px}
    .wrap2022 .inp_sel .sel-tit::after {border-top-width:8px; border-left-width:5px; border-right-width:5px}
    .wrap2022 .inp_sel .sel-tit.on::after {border-bottom-width:8px}
    .wrap2022 .btn_submit {width:65px; height:50px; margin-left:15px; line-height:50px; font-size:14px}
    .wrap2022 .way_content {padding-bottom:38px}
    .way_content .way_item + .way_item {margin-top:20px}
    .way_item .desc_notice {margin-top:10px; font-size:13px}
    .way_item .sub_tit {padding-left:25px; font-size:15px}
    .way_item .sub_tit .num {top:0; width:19px; height:19px; font-family:'GmarketSans'; line-height:21px; font-size:10px}
    .way_item .desc_link {margin-top:10px; font-size:14px}
    .btn-copy {margin-top:15px; padding:15px 30px; font-size:15px}

    .step-list {flex-direction:column}
    .step-item {width:100%; text-align:center}
    .step-item + .step-item {margin-top:40px}

}
@media screen  and (max-width:768px){
    .way_item .email_form_wrap {margin-left:0;}
    .way_item .email_form_wrap .inp_sel {width:100%;}
    /* .way_item .email_form_wrap .inp_text {width:220px;} */
    .confirm_section .email_form_wrap .inp_text {width:100%;}
    .confirm_section .email_form_wrap.team .inp_text {width:100%;}
    .confirm_section .email_form_wrap .inp_sel {width:100%;}
    .confirm_section .email_form_wrap .btn_submit {width:100%;}

    /* input type */
    .email_form_wrap .inp_text {float:none; width:100%; margin-left:0; font-size:18px; border-right:1px solid #d3d3d3;}
    .email_form_wrap .inp_sel {float:none; width:100%; margin-top:10px; font-size:18px;}
    .email_form_wrap .btn_submit {float:none; margin-top:20px;}

    .btn-join .logo-hk {width:20%; vertical-align:-4px;}
}

@media screen  and (max-width:640px){
    /* 공통 */
    .wrap {max-width:640px; min-width:320px;}
    .chapter {padding:20px 4% 30px;}
    .chapter .inner {width:100%;}
    .chapter:before {height:6px; bottom:-5px; background-size:13px;}
    .visual_pc_only {display:none;}
    .visual_m_only {display:block; width:100%; margin-left:0;}
    .pc_only {display:none;}
    .m_only {display:block; width:100%; margin-left:0;}

    /* 메인 */
    .step_content .inner {text-align:left;}
    .step_content .step_box .step_tit {width:77px; margin-left:0;}
    .step_content .step_box .step_desc {font-size:16px; word-break:break-all;}
    .step_content .step_box .step_desc br {display:none;}
    .step_content .step_box .btn {top:30px;left:0; width:100%; max-width:317px; margin-left:0;}
    .step_content .step_box .btn + .step_desc {margin-top:85px;}
    .step_content .step_box .step_img {width:100%; max-width:340px; margin-top:27px;}
    .main_content .btn {width:310px; margin-top:20px;}

    /* 로그인 */
    .login_content {margin-top:0; margin-bottom:0;}
    .login_content .login_desc {font-size:17px;}
    .login_content .login_notice {margin-bottom:20px; font-size:14px;}
    .login_content .login_notice span {padding-top:10px; font-size:14px;}
    .privacy_wrap .pri_desc {margin-top:10px; font-size:11px;}
    .privacy_wrap .inp_chk + .label_chk {padding-left:30px; font-size:13px;}
    .privacy_wrap .inp_chk + .label_chk:before {width:26px; height:26px; margin-top:-13px; background-size:auto 26px;}
    .privacy_wrap .inp_chk:checked + .label_chk:before {background-position:-26.5px 0;}
    .login_content .btn_naver {width:100%; max-width:220px; margin-top:25px;}

    /* 인증하기 */
    .confirm_content .tit_wrap .sub_tit {font-size:18px;}
    .confirm_content .tit_wrap .etc {font-size:16px;}
    .confirm_content .inp_box {margin-top:20px;}
    .confirm_content .chk_box {margin-top:20px;}
    .confirm_content .chk_box .inp_chk {width:18px; height:18px;}
    .confirm_content .chk_box .label_chk {font-size:18px;}
    .confirm_content .btn {width:200px; margin-top:50px;}
    .confirm_content .agree_box {font-size:16px;}

    /* 사내게시 */
    .info_content .list_item {padding-left:0; font-size:18px; font-weight:400;}
    .info_content .list_item + .list_item {margin-top:20px;}
    .info_content .list_item .tit {position:relative;}
    .info_content .list_item .tit .m_only {display:inline-block; padding-left:10px;}
    .info_content .list_item .tit .tit_block {display:block; margin-bottom:10px;}
    .info_content .list_item .tit .m_only:before {content:''; position:absolute; left:0; top:12px; width:5px; height:5px; margin-top:-3px; background:#dc2c34;}
    .info_content .list_item .tit .pc_only {display:none;}
    .info_content .list_item .etc {font-size:18px;}
    .info_content .list_item .etc + .etc {margin-top:0;}
    .info_content .list_item .etc + .etc.mg_t {margin-top:7px;}
    .list_item .desc .desc_tit {width:168px}
    .info_content .list_item.pd_basic .etc.ft_color {font-size:18px}
    /* .way_item .desc_link {text-underline-position:initial} */
    .way_item .desc_link .tit {display:block;}
    .way_item .btn_copy, .way_item .btn_apply {width:295px;}
    .confirm_section .email_form_wrap .inp_text {width:100%;}
    .confirm_section .email_form_wrap .inp_sel {width:100%;}
    .confirm_section .email_form_wrap .inp_text {font-size:14px;}
    .confirm_section .profile_wrap .profile {font-size:20px;}
    .confirm_section .confirm_wrap {padding:20px 4%;}
    .confirm_wrap .time {margin-bottom:10px;}
    .top_wrap .top_btn_wrap .btn.pc_only {display:none}
    .info_content .list_item .desc_info .etc {font-size:15px; line-height:22px}

    /* 예고용 이미지 */
    .img_comming {width:100%; overflow:hidden;}
    .img_comming img {width:150%; margin-left:-25%;}

    /* 개인실적조회 버튼 */
    /* .top_wrap .top_btn_wrap .btn {display:inline-block;margin-left:21px} */

    .wrap2022 {min-width:100%}
    .wrap2022 .section.join-cont {padding:30px 37px 55px}
    .tit-style {margin-bottom:30px}
    .tit-style span {padding:0 25px; font-size:17px}
    .step-item .num {top:-15px; left:-15px; width:31px; height:31px; padding-top:6px; font-size:16px}
    .step-item .txt {margin-top:20px; line-height:21px; font-size:15px}

    .btn-join {bottom:10%; max-width:90%; padding:3%; font-size:5vw}
    
    .btn-join .logo-hk {width:22%; vertical-align:-3px;}
}
@media screen  and (max-width:376px){
    .main_content .btn {width:280px}
}

@media screen and (min-width:1200px){
    .btn-join {font-size:40px}
}