.display_flex{display: flex;}
.align_center{align-items: center;}
.justify_between{justify-content: space-between;}
.mh-100vh{min-height: 100vh;}

.page_title_con{}
.page_title_con .page_title{font-size:28px; font-size:2.8rem; line-height:36px; line-height:3.6rem; font-weight: 700; letter-spacing: -0.04em;}
.page_title_con .page_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300;}

.step_style_0_wrap{}
.step_style_0_wrap .step_style_0_con{display: flex; border-radius: 5px; overflow: hidden;}
.step_style_0_wrap .step_style_0_con .step_style_0{ flex: 1 0 auto; -ms-flex : 1 0 auto; border-right: 1px solid #edf2f9; padding: 7px 8px 6px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 600; color: #4eb3f3; background-color: #fff; text-align: center; border-top: 1px solid #edf2f9; border-bottom: 1px solid #edf2f9; word-break: keep-all;}
.step_style_0_wrap .step_style_0_con .step_style_0:first-child{border-left: 1px solid #edf2f9;}
.step_style_0_wrap .step_style_0_con .step_style_0:last-child{border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-right: 1px solid #edf2f9;}
.step_style_0_wrap .step_style_0_con .step_style_0.active{border-color: #55c7f9; color: #fff; background-color: #55c7f9;}

.has_id_select_con{}
.has_id_select_con .has_id_select{}
.has_id_select_con .has_id_select .has_id_select_inner{padding: 21px 20px 27px; border: 1px solid #edf2f9; border-radius: 6px; color: #c6d1e5; transition: 0.2s; text-align: center;}
.has_id_select_con .has_id_select .has_id_select_inner .eng{position: relative; padding-bottom: 10px; margin-bottom: 11px; font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; font-weight: 700;}
.has_id_select_con .has_id_select .has_id_select_inner .eng:after{content: ''; width: 38px; border-bottom: 1px solid #c6d1e5; position: absolute; left: calc(50% - 19px); bottom: 0; transition: 0.2s;}
.has_id_select_con .has_id_select .has_id_select_inner .kor{font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 700; word-break: keep-all;}

.page_img_title_con{text-align: center;}
.page_img_title_con.tl { text-align: left; }
.page_img_title_con .img{display: inline-block; box-sizing: border-box;}
.page_img_title_con .img.bg_circle{border-radius: 50%; background-color: #8aedff;}
.page_img_title_con .img.bg_circle.orange{background-color: #ffd3b2;}
.page_img_title_con .img.w110{width: 110px; height: 110px;}
.page_img_title_con .img.w130{width: 130px; height: 130px;}
.page_img_title_con .img img.w44{width: 44px;}
.page_img_title_con .img img.w54{width: 54px;}
.page_img_title_con .img img.w64{width: 64px;}
.page_img_title_con .img img.w75{width: 75px;}
.page_img_title_con .img img.w92{width: 92px;}
.page_img_title_con .img img.default { display: none; }
.page_img_title_con .img .ing_motion{}
.page_img_title_con .img .ing_motion > span{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; opacity: 0;}
.page_img_title_con .img .ing_motion > span:first-child{animation: showOpacity1 1.8s linear; -webkit-animation: showOpacity1 1.8s linear; -moz-animation: showOpacity1 1.8s linear; -o-animation: showOpacity1 1.8s linear;
    animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;}
.page_img_title_con .img .ing_motion > span:nth-child(2){animation: showOpacity2 1.8s linear; -webkit-animation: showOpacity2 1.8s linear; -moz-animation: showOpacity2 1.8s linear; -o-animation: showOpacity2 1.8s linear;
    animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;}
.page_img_title_con .img .ing_motion > span:nth-child(3){animation: showOpacity3 1.8s linear; -webkit-animation: showOpacity3 1.8s linear; -moz-animation: showOpacity3 1.8s linear; -o-animation: showOpacity3 1.8s linear;
    animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;}
.page_img_title_con .title{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; font-weight: 700;}
.page_img_title_con .title.eng{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem;}
.page_img_title_con .title.type_2 { font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; }
.page_img_title_con .title .point_orange{color: #ef4b0b;}
.page_img_title_con .desc{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 300; word-break: keep-all;}
.page_img_title_con hr { display: inline-block; width: 60px; height: 1px; }

.form_style_0 .form_style_0_list{margin-top: 44px; margin-bottom: 0;}
.form_style_0 .form_style_0_list:first-child{margin-top: 30px;}
.form_style_0.type_2 .form_style_0_list{margin-top: 30px;}
.form_style_0.type_2 .form_style_0_list:first-child{margin-top: 30px;}

.studio_login_wrap .login_con { max-width: 600px; overflow: hidden; float: none; margin-right: auto; margin-left: auto; }
.studio_login_wrap .login_con img.default { display: none; }
.studio_login_wrap .login_con .studio_login_img { text-align: center; }
.studio_login_wrap .login_con .studio_login_img img.retina { width: 207px; }
.login_wrap{text-align: center;}
.login_wrap .form_style_0 .form_style_0_list{}
.login_title{font-size:26px; font-size:2.6rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 38px;}
.login_title.type_2{margin-bottom: 23px;}
.login_desc{font-size:14px; font-size:1.4rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 300; margin-bottom: 19px; margin-top: 10px;}
.login_desc .bold{font-weight: 700;}
.login_type_seperate{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; color:#93a6c7; margin-top: 20px; margin-bottom: 0;}
.login_con{}
.login_con .login_form_title{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; font-weight: 700;}
.login_con .login_form_title.studio { font-size:24px; font-size:2.4rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.02em; }
.login_con .login_form_desc{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 300;}
/*.login_con .input_style_0_con .input_style_0 + div { margin-top: -4px; }*/
.login_con .input_style_0_con .input_style_0 { font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; letter-spacing: 0em; font-weight: 700;}
.input_style_0_con .label_for_input{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#93a6c7;
    position: absolute; z-index: -1; transition: 0.3s ease all; left: 2px; top: 17px;}
.input_style_0_con .label_for_input.eng { margin-top: -20px; }    
.input_style_0_con .label_for_input.active.eng { margin-top: -20px; } 
.input_style_0_con .label_for_input.active{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 400; color:#3d3d3d; top: -18px;}
.input_style_0_con .label_for_input.active-input-form-contact{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d; top: -15px;}
.input_style_0_con .label_for_input span{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d;}
.input_style_0_con .delete_text_btn{display: none; background-image: url("/weven_service/asset/img/close_icon.svg"); background-size: 11px; background-repeat: no-repeat; background-position: center; cursor: pointer; padding: 10px; position: absolute; right: 6px; top: 23px; }
.input_style_0_con .delete_text_btn.active{display: block;}
.input_style_0_con .bar-input-effect{display: block; position: relative;}
.input_style_0_con .bar-input-effect:before{content: ''; background-color: #e6e4f1; left: 0; bottom: 0; height: 1px; width: 100%; position: absolute; transition: 0.3s ease all;}
.input_style_0_con .bar-input-effect.active:before{background-color: #3d3d3d; height: 2px;}
.input_style_0_con .bar-input-effect.active.wrong:before{background-color: #f14c96; height: 2px;}
.input_style_0_con .input_style_0{flex:1 0 0; -ms-flex: 1 0 0; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 700; color:#3b4044; text-align: left;
    background-color: transparent; border:none; padding: 15px 10px 10px 2px; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; box-sizing: border-box; /*border-bottom: 1px solid #e6e4f1;*/}
.input_style_0_con .input_style_0 + div{flex:0 0 auto ; -ms-flex: 0 0 auto;}
.input_style_0_con .input_style_0.font_helve{font-weight: 500;}
.input_style_0_con input[type="password"].input_style_0{letter-spacing: 0.4em;}
.input_style_0_con .input_style_0:focus{outline: none;}
.input_style_0_con .input_style_0::-webkit-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.input_style_0_con .input_style_0:-ms-input-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.input_style_0_con .input_style_0:-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.input_style_0_con .input_style_0::-moz-placeholder{font-weight: 300; color:#93a6c7; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.input_style_0_con .btn_style_1_con{position: absolute; right: 0;}
.input_style_0_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #93a6c7;}
.input_style_0_desc .emphasis{color: #ef4b0b;}
.btn_style_0_con .btn_style_0.login_btn{width: 100%; height: auto; display: inline-block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem;
    padding: 15px 30px 14px 30px; border-radius: 4px; background-color: #3d3d3d; color: #fff;}
.btn_style_0_con .btn_style_0.login_btn:hover{background-color: #4d4d4d;}
.btn_style_0_con .btn_style_0.login_btn.type_2{width: auto; padding: 11px 22px 11px 22px;}

.wrong_alert_msg {opacity: 0; font-size:11px; font-size:1.1rem; line-height:22px; line-height:2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left; margin-top: 6px; margin-right: 5px;}
.wrong_alert_msg.active {opacity: 1;}
.caps_lock {color: #4c8ef1; opacity: 0; font-size:11px; font-size:1.1rem; line-height:22px; line-height:2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left; margin-top: 6px;}
.caps_lock.active {opacity: 1;}
.caution {color: #f14c96;}
.confirm {color: #4c8ef1;}
.complete {color: #4c8ef1;}
.bar-input-effect.active.caution:before {background-color: #f14c96 !important;}
.bar-input-effect.active.confirm:before {background-color: #4c8ef1 !important;}
.bar-input-effect.active.complete:before {background-color: #4c8ef1 !important;}
.wrong_alert_msg.complete:before {content: ""; display: inline-block; width: 14px; height: 13px; -webkit-mask-image: url('../img/svg/checkbox_icon_white.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-color: #4c8ef1; margin-right: 5px; position: relative; top: 3px;}
/*.check_pw {color: #f14c96;}*/
/*.check_pw { opacity: 0; !*display: none;*! display: block; padding-left: 20px; font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; word-break: keep-all; color: #f14c96; position: relative; letter-spacing: -0.02em;}*/
/*.check_pw::before { content: ''; border-radius: 50%; overflow: hidden; background-color: #f14c96; width: 16px; height: 16px; position: absolute; top: 3px; left: 0;*/
    /*background-image: url('../img/exclamation_mark_icon_fff_2x7.png'); background-repeat: no-repeat; background-size: 2px 7px; background-position: top 4px left 7px; }*/
[data-wv-pc="mobile"] .check_pw::before{top: 4px;}
[data-wv-os="Mac"] .check_pw::before{top: 3px;}
.answer_complete { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color: #6738ff; word-break: keep-all; letter-spacing: -0.02em; }
.answer_ing { font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 300; color: #000; word-break: keep-all; letter-spacing: -0.02em; }



.has_right_btn_wrap .right_btn_wrap{ position: absolute; right: 0; top: 0; /*height: 100%;*/ height: 50px; }
.has_right_btn_wrap .right_btn_wrap .btn_style_1_con a:focus{ outline: none; }
.has_right_btn_wrap .right_btn_wrap .btn_style_1_con a:focus span{ outline: -webkit-focus-ring-color auto 1px; }
.has_right_btn_wrap .input_style_0_con .btn_style_1_con{ position: relative; height: 100%; }
.has_right_btn_wrap .input_style_0_con .btn_style_1_con a{ height: 100%; border: none; padding-right: 1px; color: #000; font-weight: 500; font-size: 14px; font-size: 1.4rem; top: 2px;}
.has_right_btn_wrap .input_style_0_con .btn_style_1_con a:hover{ background-color: transparent; font-weight: 700; }
#certNumTimer{ font-size:14px; font-size:1.4rem; line-height:26px; line-height:2.6rem; font-weight: 700; letter-spacing: -0.0em; color: #4c8ef1; }

.policy_btn_con{text-align: left; margin-top: 21px; margin-bottom: 41px;}
.policy_btn_con .policy_btn{margin-bottom: 6px; position: relative; display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; color: #93a6c7;}
.policy_btn_con .policy_btn:last-child{margin-right: 0;}
.policy_btn_con .policy_btn.check_all{margin-bottom: 6px; position: relative; display: inline-block; font-size:13px; font-size:1.3rem; line-height:21px; line-height:2.1rem; font-weight: 600; color: #3d3d3d;}
.policy_btn_con .policy_btn .check_btn_style_0_con .check_btn_style_0{/*width: 30px;*/ width: 340px; height: 30px;}
.policy_btn_con .policy_btn .check_btn_style_0_con label{/*margin-right: 12px;*/ width: 24px; height: 24px;}

.sns_login_con{}
.sns_login_list_con .sns_login_list .sns_login_list_box{padding: 15px 30px 14px 30px; margin-bottom: 8px; border-radius: 4px;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box{background-color: #03c44b;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box:hover{background-color: #04cd56;}
.sns_login_list_con .sns_login_list.naver .sns_login_list_box .sns_text{color: #fff;}
.sns_login_list_con .sns_login_list.google .sns_login_list_box{background-color: #fff; border: 1px solid #e6e4f1;}
.sns_login_list_con .sns_login_list.google .sns_login_list_box:hover{ border: 1px solid #bac0cf;}
.sns_login_list_con .sns_login_list.kakao .sns_login_list_box{background-color: #f4e200;}
.sns_login_list_con .sns_login_list.kakao .sns_login_list_box:hover{background-color: #f6e600;}
.sns_login_list_con .sns_login_list > a {display: block; }
.sns_login_list_con .sns_login_list:nth-last-child(1),.sns_login_list_con .sns_login_list:nth-last-child(2){margin-bottom: 0;}
.sns_login_list_con .sns_login_list .sns_icon{ position: absolute; width: 20px; height: 20px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.sns_login_list_con .sns_login_list.naver .sns_icon{ background-image: url("/weven_service/module/member/content/frontLogin/img/login_icon_naver.svg"); }
.sns_login_list_con .sns_login_list.kakao .sns_icon{ margin-left: 0px; width: 20px; height: 22px; background-image: url("/weven_service/module/member/content/frontLogin/img/login_icon_kakao.svg"); }
.sns_login_list_con .sns_login_list.google .sns_icon{ margin-left: -1px; background-image: url("/weven_service/module/member/content/frontLogin/img/login_icon_google.svg"); }

.login_btn .login_icon{ position: absolute; width: 21px; height: 21px; margin-top: -1px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("/weven_service/module/member/content/frontLogin/img/login_icon_ZgAI.svg"); }



.sns_login_list_con .sns_login_list .sns_icon img { width: 15px; }
.sns_login_list_con .sns_login_list .sns_icon img.default{display: none;}
.sns_login_list_con .sns_login_list.google .sns_icon img { width: 15px; }
.sns_login_list_con .sns_login_list .sns_icon > svg { width: 15px; }
[data-wv-agent="ie"] .sns_login_list_con .sns_login_list .sns_icon > svg { height: 15px; }
.sns_login_list_con .sns_login_list.naver .sns_icon > svg { width: 20px; }
.sns_login_list_con .sns_login_list.kakao .sns_icon > svg { width: 15px; }

.sns_login_list_con .sns_login_list .sns_text{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000; text-align: center; }
.sns_login_list_con .sns_login_list .sns_text br{display: inline;}

.board_style_0_wrap .board_contents_con .board_contents.left { background-color: #fff; padding-left: 45px; padding-right: 40px; }
.board_style_0_wrap .board_contents_con .board_contents.right { background-color: #f7fafd; padding-left: 40px; padding-right: 45px; }
.board_style_0_wrap .board_contents_con .board_contents_inner { position: relative; padding-top: 30px; padding-bottom: 30px; background-color: transparent;}
.board_style_0_wrap .board_contents_con .board_contents_inner.nodata { display: table; height: 100%; min-height: 230px; border: none; padding: 0; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; }
.board_style_0_wrap .board_contents_con .board_contents_inner .nodata_con { display: table-cell; vertical-align: middle; text-align: center; }
.board_style_0_wrap .board_contents_con .board_contents_inner .nodata_con .text { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #3f87f5; }
.board_style_0_wrap .board_title_con{display: flex; align-items: center; justify-content: space-between;}
.board_style_0_wrap .board_title_con .title{/*margin-bottom: 7px; */font-size:20px; font-size:2.0rem; line-height:27px; line-height:2.7rem; font-weight: 700; letter-spacing: -0.02em;}
.board_style_0_wrap .board_title_con .desc{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; color: #3b4044;}
.board_style_0_wrap .contents_box .contents_section{border-bottom: 1px solid #edf2f9; border-top: 1px solid #edf2f9; padding-bottom: 33px; padding-top: 31px; margin-top: 15px;}
.board_style_0_wrap .contents_box .contents_section.no_bottom_border{border-bottom: 0px none; padding-bottom: 0; margin-bottom: 0; }
.board_style_0_wrap .contents_box .contents_section.mt17{margin-top: 17px;}
.board_style_0_wrap .contents_box .contents { display: table; table-layout: fixed; width: 100%; margin-bottom: 31px; }
.board_style_0_wrap .contents_box .contents:last-child { margin-bottom: 0; }
.board_style_0_wrap .contents .title_con { display: block; margin-bottom: 20px; width: 112px; }
.board_style_0_wrap .contents .title_con.width36 { width: 36px; }
.board_style_0_wrap .contents .title_con.width68 { width: 68px; }
.board_style_0_wrap .contents .title_con.width92 { width: 92px; }
.board_style_0_wrap .contents .title_con.width122 { width: 122px; }
.board_style_0_wrap .contents .title_con.align_top { padding-top: 0; }
.board_style_0_wrap .contents .title_con.vm{vertical-align: middle;}
.board_style_0_wrap .contents .title_con.pt4 { padding-top: 4px; }
.board_style_0_wrap .contents .title {font-size:16px; font-size:1.6rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 400; color: #5c56f1; }
.board_style_0_wrap .contents .input_wrap .caution { font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; color: #ec76c4; word-break: keep-all;}
.board_style_0_wrap .contents .input_wrap .toggle_style_0_con input[type=checkbox] ~ .is_manual_uri_text .auto { display: none; }
.board_style_0_wrap .contents .input_wrap .toggle_style_0_con input[type=checkbox]:checked ~ .is_manual_uri_text .auto { display: inline-block; }
.board_style_0_wrap .contents .input_wrap .toggle_style_0_con input[type=checkbox] ~ .is_manual_uri_text .manual { display: inline-block; }
.board_style_0_wrap .contents .input_wrap .toggle_style_0_con input[type=checkbox]:checked ~ .is_manual_uri_text .manual { display: none; }
.board_style_0_wrap .contents .input_desc { margin-top: 23px; font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 300; color: #93a6c7; word-break: keep-all; }
.board_style_0_wrap .contents .input_wrap .select_template_wrap { display: flex; flex-wrap: wrap; }
.board_style_0_wrap .contents .input_wrap .select_template_wrap .thumbnail_img { width: 124px; margin-right: 25px; border: 1px solid #edf2f9; box-sizing: border-box; border-radius: 5px;}
.board_style_0_wrap .contents .input_wrap .select_template_wrap .template_info { display: flex; flex-direction: column; justify-content: space-between; }
.board_style_0_wrap .contents .input_wrap .select_template_wrap .template_info .name { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 700; letter-spacing: -0.02em; color: #2a2a2a; }
.board_style_0_wrap .contents .input_wrap .theme_status_con > span { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 27px; }
.board_style_0_wrap .contents .input_wrap .theme_status_con > span.waiting { color: #ef72b7; }
.board_style_0_wrap .contents .input_wrap .theme_status_con > span.complete { color: #4eb3f3; }
.board_style_0_wrap .contents .input_wrap .theme_status_con > span.cancel { color: #bfcde5; }
.board_style_0_wrap .contents .input_wrap .set_text{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500;}

.essential{padding-right: 12px; position: relative;}
.essential:after{content: '*'; position: absolute; right: 0; top: 1px;}
.essential.left{padding-right: 0; padding-left: 12px;}
.essential.left:after{right: auto; left: 0;}

.board_style_0_wrap .contents .input_wrap.type_account .select_style_0_wrap{display: inline-block; width: 155px; vertical-align: middle;}
.board_style_0_wrap .contents .input_wrap.type_account .input_style_0_con{display: inline-block; width: 300px; vertical-align: middle;}
.board_style_0_wrap .contents .input_wrap.type_idnum .input_style_0_con{display: inline-block; width: 130px;}
.board_style_0_wrap .contents .input_wrap.type_category .select_list{margin-bottom: -10px;}
.board_style_0_wrap .contents .input_wrap.type_category .select_list .select_style_0_wrap{display: inline-block; width: 200px; margin-bottom: 9px;}
.board_style_0_wrap .contents .input_wrap.type_category .radio_list{margin-bottom: -15px;}
.board_style_0_wrap .contents .input_wrap.type_category .radio_list .radio_btn_style_0_con{display: inline-block; margin-bottom: 15px;}
.board_style_0_wrap .contents .input_wrap.type_category .check_list{margin-bottom: -15px;}
.board_style_0_wrap .contents .input_wrap.type_category .check_list .check_btn_style_0_con{display: inline-block; margin-bottom: 15px;}
.board_style_0_wrap .contents .input_wrap.type_phone .select_style_0_wrap{display: inline-block; width: 80px; vertical-align: middle;}
.board_style_0_wrap .contents .input_wrap.type_phone .input_style_0_con{display: inline-block; width: 130px; vertical-align: middle;}
.board_style_0_wrap .contents .input_wrap.type_radio{padding-top: 9px;}
.board_style_0_wrap .contents .input_wrap .dash{display: inline-block; vertical-align: middle; color: #72849a; margin-left: 3px; margin-right: 4px;}

.board_style_0_wrap .contents .input_style_0_con{padding: 0; border: 0px none;}
.board_style_0_wrap .contents .input_style_0_con.show{display: inline-block;}
.board_style_0_wrap .contents .input_style_0_con .input_style_0 {width: 100%; color: #3b4044; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400; letter-spacing: -0.02em; -webkit-appearance: none; outline: none;
    padding: 10px 15px 9px; box-sizing: border-box; border: 1px solid #edf2f9; border-radius: 3px; overflow:hidden;}
.board_style_0_wrap .contents .input_style_0_con .input_style_0.tr { text-align: right; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0::-webkit-input-placeholder { color: #bfcde5; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0:-ms-input-placeholder { color: #bfcde5; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0:-moz-placeholder { color: #bfcde5; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0::-moz-placeholder { color: #bfcde5; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0::-ms-clear, .input_style_0::-ms-reveal { display: none; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0.search { padding-left: 41px; background-image: url("../img/12x12_56566c_search_icon.png"); background-size: 12px 12px; background-repeat: no-repeat; background-position: left 17px top 13px; }
[data-wv-os="Mac"] .board_style_0_wrap .contents .input_style_0_con .input_style_0.search { background-image: url("../img/retina/12x12_56566c_search_icon_mac.png"); }
[data-wv-pc="mobile"] .board_style_0_wrap .contents .input_style_0_con .input_style_0.search { background-image: url("../img/retina/12x12_56566c_search_icon_mac.png"); }
.board_style_0_wrap .contents .input_style_0_con .input_style_0.type_2 { background-color: #fbfdfe; }
.board_style_0_wrap .contents .input_style_0_con .input_style_0_con .label { display: inline-block; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 400; color: #677a91; white-space: nowrap;}
.board_style_0_wrap .contents .input_style_0_con .input_style_0:read-only{color: #bfcde5; background-color: #f9fbfd; }

.board_style_0_wrap .contents .textarea_style_0{font-size:17px; font-size:1.7rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; font-weight: 300; color:#3b4044;
    border: 1px solid #edf2f9; border-radius: 5px; outline: none; width: 100%; height: 100%; padding: 14px 10% 10px 19px; margin:0; min-height:95px;
    -webkit-appearance: none; -moz-appearance:none; appearance:none; box-sizing: border-box;}
.board_style_0_wrap .contents .textarea_style_0::-webkit-input-placeholder{color: #bfcde5;}
.board_style_0_wrap .contents .textarea_style_0::-moz-placeholder{color: #c6d1e5;}
.board_style_0_wrap .contents .textarea_style_0:-moz-placeholder{color: #c6d1e5;}
.board_style_0_wrap .contents .textarea_style_0:-ms-input-placeholder{color: #c6d1e5;}
.board_style_0_wrap .contents .textarea_style_0::-webkit-scrollbar-thumb:hover{background: rgb(42, 42, 42); }
.board_style_0_wrap .contents .textarea_style_0::-webkit-scrollbar-thumb{background: rgb(103, 122, 145); }
.board_style_0_wrap .contents .textarea_style_0::-webkit-scrollbar-track{background: rgb(191, 205, 229); }
.board_style_0_wrap .contents .textarea_style_0::-webkit-scrollbar{width: 2px; }
.board_style_0_wrap .contents .textarea_style_0_con > span { position: relative; display: inline-block; width: 100%; text-align: left; padding-top: 12px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; }

#portfolioBoxCon { margin-bottom: -8px; }
.prev_img_con { position: relative; display: inline-block; margin-right: 8px; margin-bottom: 8px; border: 1px solid #edf2f9; border-radius: 5px; overflow: hidden; }
.prev_img_con.checked { border-color: #96bcf7; }
.prev_img_con label { cursor: pointer; }
.prev_img_con .preview_img_box { width: 193px; height: 239px; padding: 6px; background-color: #f9fbfd; background-image: url("../img/36x36_a7e1fb_plus_icon.png"); background-size: 36px 36px; background-repeat: no-repeat; background-position: center; position: relative; text-align: center; box-sizing: border-box;}
.prev_img_con.file:first-child .preview_img_box::after { content: '대표이미지'; position: absolute; top: 6px; left: 6px; padding: 4px 8px 3px 7px; background-color: #3f87f5; font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem; letter-spacing: -0.02em; font-weight: 400; color: #fff; }
.prev_img_con .preview_img_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; opacity: 0; }
.prev_img_con .preview_img_box .preview_img_box_inner { overflow: hidden; height: 100%; background-color: transparent; }
.prev_img_con .preview_img_box .preview_img_box_inner.file { background-color: #fff; }
.prev_img_con .preview_click_dim { width: 100%; height: 100%; background-color: rgba(151, 192, 255,0.5); position: absolute; top: 0; left: 0; z-index: 5; box-sizing: border-box; display: none; cursor: pointer; }
.prev_img_con .file_delete_btn { display: none; width: 28px; height: 28px; position: absolute; bottom: 12px; right: 12px; background-color: #fff; box-sizing : border-box; border: 1px solid #edf2f9; border-radius: 50%; background-image: url("../img/10x10_7d7d97_close_icon.png"); background-repeat: no-repeat; background-size: 10px 10px; background-position: center center; }
[data-wv-os="Mac"] .prev_img_con .file_delete_btn { background-image: url("../img/retina/11x12_7d7d97_close_icon_mac.png"); }
[data-wv-pc="mobile"] .prev_img_con .file_delete_btn { background-image: url("../img/retina/11x12_7d7d97_close_icon_mac.png"); }

#step0 .page_img_title_con hr { width: 72px; }
#step0 .page_img_title_con .title { font-size:42px; font-size:4.2rem; line-height:51px; line-height:5.1rem; letter-spacing: -0.04em; }
#step0 .page_img_title_con .desc { font-size:17px; font-size:1.7rem; line-height:26px; line-height:2.6rem; }
#step0 .btn_style_4.type_icon { border-radius: 30px; }

.complete_page_con{text-align: center;}
.complete_page_con .complete_img{width: 248px; height: 41px; background-image: url("/weven_service/asset/img/zstudio_logo.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 30px;}
.complete_page_con .complete_title{font-size:29px; font-size:2.9rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 28px;}
.complete_page_con .complete_desc{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 400;}
.complete_page_con .complete_desc.type_2{font-weight: 300;}
.complete_page_con .complete_desc.type_2 .bold{font-weight: 700;}

.workspace_mt{margin-top: -110px;}
.complete_page_con .workspace_img{width: 70px; height: 70px; background-image: url("/weven_service/asset/img/workspace_logo.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 30px;}
.complete_page_con .workspace_title{font-size:27px; font-size:2.7rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 17px;}
.complete_page_con .workspace_desc{font-size:15px; font-size:1.5rem; line-height:27px; line-height:2.7rem; font-weight: 300;}
.complete_page_con .workspace_desc .bold{font-weight: 700;}

.pw_complete_img{width: 140px; height: 140px; background-image: url("/weven_template/theme/_admin_style4_new/resource/img/pw_complete_img.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; display: flex; margin-bottom: 20px;}


input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0;}

@media all and (min-width: 768px){

}

@media all and (min-width: 992px){
    .align_center-md{align-items: center;}

    .page_title_con .page_title { font-size:38px; font-size:3.8rem; line-height:49px; line-height:4.9rem; }
    .page_img_title_con .img img.default { display: inline-block; }
    .page_img_title_con .img img.retina { display: none; }

    .login_con .login_form_title.studio { font-size:29px; font-size:2.9rem; line-height:38px; line-height:3.8rem; }

    .studio_login_wrap { width: 440px; padding-right: 105px; }
    .studio_login_wrap .login_con { max-width: none; float: left; margin-right: 0; margin-left: 0; }
    .studio_login_wrap .login_con .studio_login_img img.default { display: inline-block; }
    .studio_login_wrap .login_con .studio_login_img img.retina { display: none; }

    .step_style_0_wrap .step_style_0_con .step_style_0{padding: 10px 20px 9px; /*border-right: 0px none;*/}
    .step_style_0_wrap .step_style_0_con .step_style_0:last-child:before{content: none;}
    .step_style_0_wrap .step_style_0_con .step_style_0:last-child.active:before{content: '';}
    .step_style_0_wrap .step_style_0_con .step_style_0:last-child:after{content: none;}
    .step_style_0_wrap .step_style_0_con .step_style_0:first-child.active{border-bottom-left-radius: 5px; border-top-left-radius: 5px;}

    .step_style_0_wrap .step_style_0_con .step_style_0.active:after{content: ''; position: absolute; right: -21px; bottom: 0; border-top: 20px solid #fff; border-bottom: 20px solid #fff; border-left: 20px solid #55c7f9; z-index: 1;}
    .step_style_0_wrap .step_style_0_con .step_style_0.active:before{content: ''; position: absolute; left: 0; bottom: 0; border-left: 20px solid #55c7f9; border-top: 20px solid #55c7f9; border-bottom: 20px solid #55c7f9; z-index: 2;}

    .has_id_select_con .has_id_select .has_id_select_inner{padding: 41px 40px 47px;}
    .has_id_select_con .has_id_select .has_id_select_inner:hover{border-color: #4eb3f3; color: #4eb3f3;}
    .has_id_select_con .has_id_select .has_id_select_inner:hover .eng:after{border-color: #4eb3f3;}

    .board_style_0_wrap .board_title_con .title { font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; }

    .board_style_0_wrap .contents_box .contents { margin-bottom: 35px; }
    .board_style_0_wrap .contents .title_con { display: table-cell; vertical-align: top; padding-top: 11px; }
    .board_style_0_wrap .contents .title { font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; }
    .board_style_0_wrap .contents .input_wrap { display: table-cell; vertical-align: top; }
    .board_style_0_wrap .contents .input_wrap .set_text{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400;}
    .board_style_0_wrap .contents .input_wrap.type_idnum .input_style_0_con{width: 140px;}
    .board_style_0_wrap .contents .input_wrap.type_phone .input_style_0_con{width: 90px;}
    .board_style_0_wrap .contents .input_desc { margin-top: 20px; line-height:25px; line-height:2.5rem;  }
    .prev_img_con .preview_img_box { width: 253px; height: 299px; }

    .board_style_0_wrap .contents .textarea_style_0 { font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; padding: 15px 10% 15px 22px; }

    #step0 .page_img_title_con .title { font-size:46px; font-size:4.6rem; line-height:54px; line-height:5.4rem; }

    #step0 .btn_style_4 > span { font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; }
    #step0 .btn_style_4.type_icon { padding: 17px 27px 15px 27px; }
    #step0 .btn_style_4.type_icon > span { padding-left: 42px; }
    #step0 .btn_style_4.type_icon > span::before { top: -1px; width: 33px; height: 33px; }

    .workspace_mt{margin-top: -150px;}
}

@media all and (min-width: 1200px){

    .workspace_mt{margin-top: -215px;}

}

/* 마이페이지 애니메이션 */
@keyframes showOpacity1{
    0%{opacity: 0;}
    15%{opacity: 0;}
    33%{opacity: 1;}
    50%{opacity: 1;}
    66%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes showOpacity2{
    0%{opacity: 0;}
    15%{opacity: 0;}
    33%{opacity: 0;}
    50%{opacity: 1;}
    66%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes showOpacity3{
    0%{opacity: 0;}
    15%{opacity: 0;}
    33%{opacity: 0;}
    50%{opacity: 0;}
    66%{opacity: 1;}
    100%{opacity: 1;}
}