@charset "utf-8";
/* reset */
html {color:#000;background:#fff}
body,
html {width:100%;height:100%;font-family:NanumSquareRound;-webkit-text-size-adjust:none;scroll-behavior:smooth}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
textarea,
ul {margin:0;padding:0}
table {border-spacing:0;border-collapse:collapse;font-size:inherit;line-height:100%}
fieldset,
img {border:0}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {font-weight:400;font-style:normal}
b,
strong {font-weight:700}
li,
ol,
ul {list-style:none}
caption,
th {text-align:left}
h1,
h2,
h3,
h4,
h5,
h6 {font-size:100%;font-weight:400}
q:after,
q:before {content:""}
del,
ins {text-decoration:none}
abbr,
acronym {border:0;font-variant:normal}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
legend {color:#000}
a {color:#444;text-decoration:none}
article,
footer,
header,
nav,
section {display:block}
button,
input,
optgroup,
option,
select,
textarea {font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}
button,
input,
select,
textarea {line-height:normal}
button {border:0;background:0 0;cursor:pointer}
.blind,
.hidden {overflow:hidden;clip:rect(1px,1px,1px,1px);position:absolute!important;width:1px;height:1px}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* swiper */
.swiper-container {position:relative;z-index:1;margin:0 auto;list-style:none}
.swiper-wrapper {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:1;width:100%;height:100%;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide {position:relative;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;pointer-events:none}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-pagination {position:static}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
/* form */
.box_textarea {overflow:hidden;padding:12px;border:1px solid #d9deea;border-radius:8px;box-sizing:border-box}
.box_textarea textarea {overflow-x:hidden;overflow-y:scroll;padding-right:13px;width:100%;border:1px solid transparent;outline:0;box-sizing:border-box;color:#5c667b;font-size:16px;letter-spacing:-1px;line-height:24px;resize:none}
.box_textarea textarea::placeholder {color:#b1b6cb}
.box_textarea textarea::-webkit-scrollbar {margin-right:3px;width:5px}
.box_textarea textarea::-webkit-scrollbar-thumb {border-radius:2px;background:#d7dce5}
.box_textarea textarea::-webkit-scrollbar-track {background:0 0}
/* style */
.wrap_qst_relay {overflow:hidden;color:#373f57;font-size:16px}
.wrap_qst_relay .section .inner {margin:0 auto;width:1208px;box-sizing:border-box}
.wrap_qst_relay img {display:block;margin:0 auto;max-width:100%;height:auto}
.wrap_qst_relay .qst_tit {width:100%;font-size:28px;letter-spacing:-1px;line-height:36px;text-align:center}
.wrap_qst_relay .qst_txt {margin-top:26px;width:100%;font-size:20px;font-weight:700;letter-spacing:-1px;line-height:32px;text-align:center}
.wrap_qst_relay .qst_txt_tip {display:block;margin-top:5px;width:100%;font-size:16px;font-weight:700;letter-spacing:-1px;line-height:32px;text-align:center}
.wrap_qst_relay .btn {display:block;margin:0 auto;width:380px;height:72px;border-radius:110px;font-size:28px;font-weight:800}
.wrap_qst_relay .btn.disabled,
.wrap_qst_relay .btn:disabled {color:#b4c0d3!important;background:#ebf0fd!important}
.wrap_qst_relay .btn.disabled:hover,
.wrap_qst_relay .btn:disabled:hover {background:#ebf0fd!important}
/* 최상단 */
.wrap_qst_relay .qst_infos_visual {background:linear-gradient(90deg,transparent 35px,transparent 36px,#325ac1 36px,#325ac1 37px,transparent 38px),linear-gradient(-180deg,transparent 35px,transparent 36px,#325ac1 36px,#325ac1 37px,transparent 38px),#1f43c2;background-size:43px 43px,43px 43px}
.wrap_qst_relay .qst_infos_visual>.inner {padding:70px 0 99px}
.wrap_qst_relay .qst_infos_visual .img_qst_infos_title {width:890px;height:421px}
.wrap_qst_relay .qst_infos_attract {background-color:#fff}
.wrap_qst_relay .qst_infos_attract>.inner {padding:88px 0 66px}
.wrap_qst_relay .qst_infos_attract .txt_talk,
.wrap_qst_relay .qst_infos_attract .txt_talk2 {display:flex;margin:0 auto;width:710px;font-size:20px;font-weight:400;letter-spacing:-1px;line-height:32px;align-items:center}
.wrap_qst_relay .qst_infos_attract .txt_talk {color:#292e41;font-weight:700}
.wrap_qst_relay .qst_infos_attract .txt_talk2 {position:relative;margin-top:41px}
.wrap_qst_relay .qst_infos_attract .txt_talk2:after {display:block;position:absolute;bottom:-21px;left:236px;width:336px;height:26px;background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/qst_infos_talk2.png) 0 0 no-repeat;background-size:contain;content:""}
.wrap_qst_relay .qst_infos_attract .txt_talk2 em {font-weight:700}
.wrap_qst_relay .qst_infos_attract .box_emotion {margin-right:30px;width:45px;height:40px}
.wrap_qst_relay .qst_infos_attract .icon_emotion {width:40px;height:40px}
.wrap_qst_relay .qst_infos_attract .icon_emotion2 {width:45px;height:40px}

.wrap_qst_relay .qst_how {background-color:#f8faff}
.wrap_qst_relay .qst_how>.inner {padding:55px 0 73px}
.wrap_qst_relay .box_qst_step {position:relative;margin:45px auto 0;width:1028px}
.wrap_qst_relay .box_qst_step .list_qst_step {display:flex;margin:0 auto;width:1028px;flex-wrap:wrap;justify-content:space-between}
.wrap_qst_relay .box_qst_step .qst_step_item {display:flex;flex-direction:column;position:relative;margin-bottom:28px;width:502px;height:340px}
.wrap_qst_relay .box_qst_step .qst_step_item .btn_select_go {display:block;position:absolute;bottom:56px;left:43px;width:189px;height:48px;border-radius:72px;color:#fff;font-size:16px;letter-spacing:-0.05em;line-height:48px;text-align:center;background:#4876ef}
.wrap_qst_relay .box_qst_step .qst_step_item .btn_select_go:hover {background-color:#3765df}
.wrap_qst_relay .box_qst_step .qst_step_msg {display:block;padding:43px 0 48px;width:100%;text-align:center;flex:none}
.wrap_qst_relay .box_qst_step .qst_step_msg .msg {color:#213770;font-size:20px;font-weight:bold;letter-spacing:-0.5px;line-height:23px}
.wrap_qst_relay .box_qst_step .qst_step_msg .msg em {color:#4876ef;font-weight:bold}
.wrap_qst_relay .box_qst_step .qst_step_msg .ico_arrow {margin-top:36px}
.wrap_qst_relay .box_qst_step .qst_step_item .flag {display:block;position:absolute;left:-42px}
.wrap_qst_relay .box_qst_step .qst_step_item .flag.now {top:-28px;width:131px;height:95px;background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/flag_now.png) 0 0 no-repeat;background-size:contain}
.wrap_qst_relay .box_qst_step .qst_step_item .flag.coming {top:-63px;width:235px;height:133px;background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/flag_coming.png) 0 0 no-repeat;background-size:contain}
.wrap_qst_relay .box_qst_step .qst_step_item.bonus {display:block;float:none;width:100%}

.wrap_qst_relay .qst_how_one {color:#d8dffa;background-color:#1e2c52}
.wrap_qst_relay .qst_how_one>.inner {padding:104px 0 84px;text-align:center}
.wrap_qst_relay .qst_how_one .qst_txt em {color:#00d3ab;font-weight:700}
.wrap_qst_relay .qst_how_one .qst_txt_tip {color:#7783af}
.wrap_qst_relay .qst_how_one .btn_vote {color:#373f57;background-color:#fff}
.wrap_qst_relay .qst_how_one .btn_vote:hover {background-color:#ebf0fd}
.wrap_qst_relay .qst_how_one .btn_select_pro {display:inline-block;position:relative;margin-top:20px;padding-right:16px;border-bottom:1px solid #d8dffa;color:#d8dffa;font-size:16px;font-weight:400;letter-spacing:-1px;line-height:32px}
.wrap_qst_relay .qst_how_one .btn_select_pro:after {position:absolute;top:50%;right:0;width:5px;height:5px;border-top:1px solid #d8dffa;border-right:1px solid #d8dffa;transform:translate(-50%,-50%) rotate(45deg);content:""}
.wrap_qst_relay .qst_how_one .btn_select_pro strong {font-weight:800}
.wrap_qst_relay .qst_how_one .btn_select_pro:hover {border-color:#fff;color:#fff}
.wrap_qst_relay .qst_how_one .btn_select_pro:hover:after {border-color:#fff}
.wrap_qst_relay .area_pro_choice {margin:76px 0 84px}
.wrap_qst_relay .area_pro_choice .swiper-button-next,
.wrap_qst_relay .area_pro_choice .swiper-button-prev {position:absolute;top:50%;z-index:10;margin-top:-32px;width:64px;height:64px;border-radius:32px;background:rgba(255,255,255,0.9);box-shadow:0 4px 20px rgba(55,63,87,0.3);transition:all 0.3s;cursor:pointer}
.wrap_qst_relay .area_pro_choice .swiper-button-prev {left:-28px}
.wrap_qst_relay .area_pro_choice .swiper-button-next {right:-28px}
.wrap_qst_relay .area_pro_choice .swiper-button-next:after,
.wrap_qst_relay .area_pro_choice .swiper-button-prev:after {display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;border-style:solid;border-color:#5c667b;transform:translate(-50%,-50%) rotate(45deg);content:""}
.wrap_qst_relay .area_pro_choice .swiper-button-prev:after {margin-left:2px;border-width:0 0 2px 2px}
.wrap_qst_relay .area_pro_choice .swiper-button-next:after {margin-left:-2px;border-width:2px 2px 0 0}
.wrap_qst_relay .area_pro_choice .swiper-button-next.swiper-button-disabled,
.wrap_qst_relay .area_pro_choice .swiper-button-prev.swiper-button-disabled {display:none}
.wrap_qst_relay .area_pro_choice .swiper-button-next:hover,
.wrap_qst_relay .area_pro_choice .swiper-button-prev:hover {margin-top:-36px}
.wrap_qst_relay .area_pro_choice .prize_money {height:65px;color:#fff;line-height:65px;text-align:center}
.wrap_qst_relay .area_pro_choice .btn_check_pro {display:block;position:absolute;top:0;left:0;width:100%;height:100%;outline:0}
.wrap_qst_relay .area_pro_choice .swiper-slide {width:380px}
.wrap_qst_relay .area_pro_choice .pro_item {position:relative;border-radius:28px;box-sizing:border-box;background-color:#335abf;box-shadow:0 4px 20px rgba(55,63,87,0.1)}
.wrap_qst_relay .area_pro_choice .selected .pro_item {background-color:#4876ef}
.wrap_qst_relay .area_pro_choice .selected .pro_item::before {position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #688ff6;border-radius:22px;box-sizing:border-box;content:""}
.wrap_qst_relay .area_pro_choice .btn_check_pro::after {display:block;position:absolute;top:34px;right:32px;width:40px;height:40px;background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/bt_off.png) 0 0 no-repeat;content:""}
.wrap_qst_relay .area_pro_choice .selected .btn_check_pro::after {background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/bt_on.png) 0 0 no-repeat}

.wrap_qst_relay .qst_how_two {background-color:#e7edff}
.wrap_qst_relay .qst_how_two>.inner {padding:77px 90px 94px}
.wrap_qst_relay .qst_how_two .qst_txt {color:#616f9b}
.wrap_qst_relay .qst_how_two .qst_txt_tip {color:#8b95bc}
.wrap_qst_relay .qst_how_two .qst_txt_tip .icon_tip {display:inline-block;margin-right:8px;width:46px;height:24px;border-radius:35px;color:#e6edff;line-height:24px;background:#8b95bc}
.wrap_qst_relay .qst_how_two .qst_txt_tip .icon_vote {width:25px;height:25px;vertical-align:middle}
.wrap_qst_relay .qst_how_two .area_vote {margin:48px auto 0;padding:44px;width:1028px;border-radius:18px;box-sizing:border-box;background:#f7f9ff;box-shadow:0 4px 20px rgba(75,108,207,0.12)}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus {padding:0 20px 37px 20px}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus::after {display:table;clear:both;content:"";table-layout:fixed}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus>li {float:left;margin-right:40px}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus .vote_menu {outline:0}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus .vote_menu .txt {display:block;margin-bottom:4px;padding:0 20px;height:48px;border-radius:12px;color:#7e92bd;font-size:24px;font-weight:800;letter-spacing:-0.02em;line-height:48px;text-align:center}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus .vote_menu:hover .txt {background-color:#e6edff}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus .vote_menu.active .txt {color:#4876ef}
.wrap_qst_relay .qst_how_two .area_vote .vote_menus .vote_menu.active:after {display:block;width:100%;height:3px;border-radius:2px;background:#4876ef;content:""}
.wrap_qst_relay .qst_how_two .area_vote .vote_item {display:flex;align-items:center;justify-content:space-between}
.wrap_qst_relay .qst_how_two .area_vote .vote_item+.vote_item {margin-top:16px}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont {display:flex;padding:20px;width:100%;height:86px;border:2px solid #fff;border-radius:15px;box-sizing:border-box;background:#fff;align-items:center}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont:hover {border:2px solid #4876ef}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont:hover .rank {background:#4876ef}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont .rank {display:flex;margin-right:16px;width:48px;height:48px;border-radius:8px;color:#fff;font-size:24px;font-weight:800;letter-spacing:-0.05em;background-color:#335abf;align-items:center;justify-content:center}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont .tit {display:block;overflow:hidden;max-width:570px;color:#373f57;font-size:18px;font-weight:800;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .vote_cont .txt {display:block;margin-top:5px;color:#5c667b;font-size:13px;line-height:15px}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .btn_vote,
.wrap_qst_relay .qst_how_two .area_vote .vote_item.selected .btn_vote:hover {margin-left:16px;width:212px;height:88px;border-radius:15px;color:#4876ef;font-size:18px;font-weight:700;letter-spacing:-0.05em;background-color:#fff}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .btn_vote:hover {color:#fff;background:#4876ef}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .btn_vote:before {display:inline-block;position:relative;top:4px;margin-right:10px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' class='icon_vote'%3E%3Cpath d='M11.5095 1.07402C11.9476 0.350426 12.8874 0.117413 13.6121 0.552734L14.623 1.15997C15.8914 1.92183 16.452 3.46989 15.9661 4.86849L14.5225 9.02018H21.5176C22.6452 9.02018 23.5699 9.88956 23.6596 10.9953L23.6667 11.1718V13.974C23.6667 14.2869 23.5985 14.5962 23.4669 14.88L20.58 21.1049C19.8252 22.7326 18.1955 23.7739 16.403 23.7739H2.4825C1.29557 23.7739 0.333374 22.8106 0.333374 21.6224V12.4012C0.333374 11.213 1.29557 10.2497 2.4825 10.2497H5.95425L11.5095 1.07402ZM5.24537 12.0935L2.4825 12.0939C2.31294 12.0939 2.17548 12.2315 2.17548 12.4012V21.6224C2.17548 21.7921 2.31294 21.9297 2.4825 21.9297L5.24537 21.9295V12.0935ZM12.926 2.29123L7.26337 11.6455V21.9295L16.403 21.9297C17.3889 21.9297 18.2927 21.4047 18.7853 20.565L18.9092 20.3283L21.7961 14.1034C21.8149 14.0629 21.8246 14.0187 21.8246 13.974V11.1718C21.8246 11.002 21.6871 10.8644 21.5176 10.8644H13.2281C12.5944 10.8644 12.15 10.2386 12.3582 9.63936L14.2262 4.26263C14.4255 3.68892 14.1956 3.05389 13.6753 2.74137L12.926 2.29123Z' fill='%235189FA' /%3E%3C/svg%3E");content:""}
.wrap_qst_relay .qst_how_two .area_vote .vote_item .btn_vote:hover:before {background-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5095 1.07402C11.9476 0.350426 12.8874 0.117413 13.6121 0.552734L14.623 1.15997C15.8914 1.92183 16.452 3.46989 15.9661 4.86849L14.5225 9.02018H21.5176C22.6452 9.02018 23.5699 9.88956 23.6596 10.9953L23.6667 11.1718V13.974C23.6667 14.2869 23.5985 14.5962 23.4669 14.88L20.58 21.1049C19.8252 22.7326 18.1955 23.7739 16.403 23.7739H2.4825C1.29557 23.7739 0.333374 22.8106 0.333374 21.6224V12.4012C0.333374 11.213 1.29557 10.2497 2.4825 10.2497H5.95425L11.5095 1.07402ZM5.24537 12.0935L2.4825 12.0939C2.31294 12.0939 2.17548 12.2315 2.17548 12.4012V21.6224C2.17548 21.7921 2.31294 21.9297 2.4825 21.9297L5.24537 21.9295V12.0935ZM12.926 2.29123L7.26337 11.6455V21.9295L16.403 21.9297C17.3889 21.9297 18.2927 21.4047 18.7853 20.565L18.9092 20.3283L21.7961 14.1034C21.8149 14.0629 21.8246 14.0187 21.8246 13.974V11.1718C21.8246 11.002 21.6871 10.8644 21.5176 10.8644H13.2281C12.5944 10.8644 12.15 10.2386 12.3582 9.63936L14.2262 4.26263C14.4255 3.68892 14.1956 3.05389 13.6753 2.74137L12.926 2.29123Z' fill='white'/%3E%3C/svg%3E%0A")}
.wrap_qst_relay .qst_how_two .area_vote .vote_item.selected .btn_vote:before {width:20px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M1 7.6739L7.66667 14.3406L18.7836 1' stroke='%234876EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}
.wrap_qst_relay .qst_how_two .area_vote .vote_selection {display:none;position:relative}
.wrap_qst_relay .qst_how_two .area_vote .vote_selection.active {display:block}
.wrap_qst_relay .qst_how_two .area_vote .vote_selection .link_more {position:absolute;top:-78px;right:0;padding:0 40px 0 20px;height:48px;color:#616f9b;font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:48px}
.wrap_qst_relay .qst_how_two .area_vote .vote_selection .link_more:after {position:absolute;top:50%;right:20px;margin-top:-2px;width:8px;height:8px;border-top:2px solid #616f9b;border-right:2px solid #616f9b;transform:translate(-50%,-50%) rotate(45deg);content:""}
.wrap_qst_relay .qst_how_two .area_vote .vote_selection .link_more:hover {border-radius:12px;background:#e6edff}

.wrap_qst_relay .qst_how_three {background:linear-gradient(90deg,transparent 35px,transparent 36px,#325ac1 36px,#325ac1 37px,transparent 38px),linear-gradient(-180deg,transparent 35px,transparent 36px,#325ac1 36px,#325ac1 37px,transparent 38px),#1f43c2;background-size:43px 43px,43px 43px}
.wrap_qst_relay .qst_how_three>.inner {display:flex;padding:37px 46px 26px 49px;align-items:center;justify-content:space-between}
.wrap_qst_relay .qst_how_three .qst_tit,
.wrap_qst_relay .qst_how_three .qst_txt {display:block;float:left;clear:both;width:auto;color:#fff;text-align:left}
.wrap_qst_relay .qst_how_three .qst_txt {margin-top:21px}
.wrap_qst_relay .qst_how_three .qst_txt em {color:#00d3ab;font-weight:700}

.wrap_qst_relay .qst_support {background-color:#292e41}
.wrap_qst_relay .qst_support>.inner {padding:59px 0 131px}
.wrap_qst_relay .qst_support .qst_txt {color:#b1b6cb}
.wrap_qst_relay .qst_support .btn {margin-top:48px;width:380px;height:72px;color:#fff;background-color:#00d3ab}
.wrap_qst_relay .qst_support .btn:hover {background-color:#00a984}

.wrap_qst_relay .qst_notice {color:#5c667b;font-size:16px;font-weight:700;letter-spacing:-1px;line-height:28px;background:#f9fafd}
.wrap_qst_relay .qst_notice>.inner {padding:60px 0 65px}
.wrap_qst_relay .qst_notice .tit_noti {margin-bottom:26px;color:#373f57;font-size:20px;font-weight:800;letter-spacing:-1px;line-height:28px}
.wrap_qst_relay .qst_notice .list_noti>li {position:relative;padding-left:16px}
.wrap_qst_relay .qst_notice .list_noti>li::before {position:absolute;top:0;left:0;content:"-"}
/* 모달 */
.dimmed {display:none;overflow:auto;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.modal {display:none;overflow:auto;position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;align-items:center;justify-content:center}
.modal.show {display:flex}
.modal .modal_inner {position:relative;padding:40px;border-radius:16px;box-sizing:border-box;background-color:#fff}
.modal .modal_inner .tit {display:block;font-size:20px;font-weight:800;letter-spacing:-0.05em;line-height:24px}
.modal .modal_inner .tit em {color:#346cff;font-weight:700}
.modal .modal_inner .txt {color:#6f7b9c;font-size:14px;letter-spacing:-0.05em;line-height:20px}
.modal .modal_inner .tit+.txt {margin-top:8px}
.modal .modal_inner .tit+.box_textarea {margin-top:16px}
.modal .modal_inner .box_textarea+.tit {margin-top:28px}
.modal .modal_inner .box_textarea+.txt {margin-top:12px}
.modal .modal_inner .txt+.box_textarea {margin-top:20px}
.modal .btn_modal_close {position:absolute;top:24px;right:24px;width:16px;height:16px;background:url(//www.saraminimage.co.kr/sri/event/wmg-31039/pc/modal_close.png) no-repeat 50%;background-size:16px 16px}
.modal .modal_inner .box_btn .btn {display:block;margin:0 auto;padding:0 12px;height:50px;border-radius:28px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:800;letter-spacing:-1px;line-height:20px;text-align:center;background:#4876ef}
.modal .modal_inner .box_btn .btn:hover {background-color:#3765df}
.modal .modal_inner .box_btn {margin-top:24px}
.modal .modal_inner .box_btn .btn.disabled,
.modal .modal_inner .box_btn .btn:disabled {color:#b4c0d3;background:#ebf0fd}
.modal .modal_inner .box_btn .btn.disabled:hover,
.modal .modal_inner .box_btn .btn:disabled:hover {color:#b4c0d3;background:#ebf0fd}
.modal .modal_inner .box_btn .btn_final_apply,
.modal .modal_inner .box_btn .btn_submit_pro {width:240px}
.modal .modal_inner .box_btn .btn_done {width:140px;font-size:16px}
.modal_resume_apply .modal_inner,
.modal_suggest_pro .modal_inner {padding-top:57px;width:600px}
.modal_resume_apply .box_textarea,
.modal_suggest_pro .box_textarea {height:120px}
.modal_resume_apply .modal_inner .box_btn,
.modal_suggest_pro .modal_inner .box_btn {margin:40px 0 8px}
.modal_done_applying .modal_inner,
.modal_done_suggesting .modal_inner {width:400px;text-align:center}
.modal_done_applying .modal_inner .box_btn,
.modal_done_suggesting .modal_inner .box_btn {margin:28px 0 0}
.modal_vote_pro .modal_inner {width:400px;text-align:center}
.modal_vote_pro .box_textarea {height:102px}
.modal_done_applying .modal_inner .box_btn .btn,
.modal_resume_apply .modal_inner .box_btn .btn {background-color:#00d3ab}
.modal_done_applying .modal_inner .box_btn .btn:hover,
.modal_resume_apply .modal_inner .box_btn .btn:hover {background-color:#00a984}
.pop_login_layer {height:auto}
.pop_login_layer .outer {padding:42px 50px 33px 50px;height:auto}