@charset "UTF-8";
@font-face {font-family: NotoSans;font-style: normal;font-weight: 300;src: url("fonts/NotoSansKR-Light.woff2") format("woff2"),url(fonts/NotoSansKR-Light.woff) format("woff"),url(fonts/NotoSansKR-Light.ttf) format("truetype"),url(fonts/NotoSansKR-Light.eot);}
@font-face {font-family: NotoSans;font-style: normal;font-weight: 400;src: url("fonts/NotoSansKR-Regular.woff2") format("woff2"),url(fonts/NotoSansKR-Regular.woff) format("woff"),url(fonts/NotoSansKR-Regular.ttf) format("truetype"),url(fonts/NotoSansKR-Regular.eot);}
@font-face {font-family: NotoSans;font-style: normal;font-weight: 500;src: url("fonts/NotoSansKR-Medium.woff2") format("woff2"),url(fonts/NotoSansKR-Medium.woff) format("woff"),url(fonts/NotoSansKR-Medium.ttf) format("truetype"),url(fonts/NotoSansKR-Medium.eot);}
@font-face {font-family: NotoSans;font-style: normal;font-weight: 700;src: url("fonts/NotoSansKR-Bold.woff2") format("woff2"),url(fonts/NotoSansKR-Bold.woff) format("woff"),url(fonts/NotoSansKR-Bold.ttf) format("truetype"),url(fonts/NotoSansKR-Bold.eot);}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {margin: 0;padding: 0;border: 0;font-family: NotoSans,sans-serif;font-size: 15px;font-weight: 400;color: #969696;vertical-align: baseline;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;}
input,select,textarea {font-family: NotoSans,sans-serif;-webkit-box-sizing: border-box;box-sizing: border-box;}
input:focus {outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;}
body {line-height: 1;scroll-behavior: smooth;font-family: NotoSans,sans-serif;font-size: 15px;color: #969696;font-weight: 400;}
ol,ul {list-style: none;}
button {padding: 0;margin: 0;background: 0 0;border: 0;vertical-align: middle;cursor: pointer;}
button > span {position: relative;display: inline-block;vertical-align: top;}
blockquote,q {quotes: none;}
blockquote::after,blockquote::before,q::after,q::before {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
div,p {-webkit-box-sizing: border-box;box-sizing: border-box;}
a {-webkit-box-sizing: border-box;box-sizing: border-box;text-decoration: none;color: inherit;}
a:active,a:focus,a:hover,a:visited {text-decoration: none;}
img {width: 100%;}
.container-inner {position: relative;margin: 110px auto 180px;padding-top: 100px;}
.sect-wrapper {max-width: 1200px;margin: 0 auto;padding: 0 20px 80px;}
.sect-wrapper.type02 {max-width: 100%;padding: 0 0 80px;}
.sect-wrapper h3.title {font-size: 52px;color: #222;text-align: center;margin-bottom: 60px;letter-spacing: -2px;height: 54px;}
.sect-login h4 {line-height: 34px;font-size: 24px;color: #333;text-align: center;padding-bottom: 25px;}
.sect-login .login-block {border-top: 1px solid #d5d5d5;padding-top: 40px;position: relative;font-size: 0;}
.sect-login .login-block .input-area {display: inline-block;width: calc(50% - 15px);margin-right: 15px;vertical-align: top;}
.sect-login .login-block .input-area input {border: 1px solid #dedede;color: #999;line-height: 48px;height: 65px;width: 100%;text-indent: 20px;margin-bottom: 13px;}
.sect-login .login-block .input-area .btn-login {width: 100%;line-height: 65px;display: block;margin-top: 0px;text-align: center;color: #fff;font-size: 20px;font-weight: bold;background: #f36f21;cursor: pointer;}
/* 230626 ++ */
.sect-login .login-block .input-area .sns-login{display: flex;align-items: center;justify-content: center;margin: 20px -5px 0;height: 60px;}
.sect-login .login-block .input-area .sns-login>a{width: 50%;margin: 0 5px;border: 1px solid #d5d5d5;padding-left: 73px;}
.sect-login .login-block .input-area .sns-login>a.btn-naver-login{background: #35c94f;
    color: #fff;
    }
.sect-login .login-block .input-area .sns-login>a.btn-naver-login::before{    content: '';
    display: block;
    width: 73px;
    height: 100%;
    background: url(/assets/img/common/icon_naver.jpg) right 50% no-repeat;}
.sect-login .login-block .input-area .sns-login>a.btn_kakao_login{}
.sect-login .login-block .input-area .sns-login>a.btn_kakao_login::before{content: '';display: block;}

.sect-login .login-block .right_vod {display: inline-block;width: calc(50% - 15px);margin-left: 15px;text-align: right;}
.btn-naver-login {display: block;position: relative;text-align: center;line-height: 58px;color: #999;font-size: 20px;border: 1px solid #d5d5d5;margin-top: 20px;}
.btn-naver-login:active,.btn-naver-login:hover,.btn-naver-login:link,.btn-naver-login:visited {color: #999;font-size: 20px;}
.btn-naver-login:before {content: ' ';display: block;position: absolute;top: 0;left: 0;width: 59px;height: 58px;background: url("/assets/img/common/ico_naver.jpg") 0 0 no-repeat;}
.join {margin-top: 40px;border-top: 1px solid #d5d5d5;padding-top: 20px;text-align: center;}
.join a:first-child:after {content: '';width: 1px;height: 12px;display: inline-block;background: #d5d5d5;margin: 0 17px;}
.sect-join {color: #666;width: 1200px;margin: 0 auto;padding: 0 20px 80px;}
.sect-join h4 {height: 39px;font-size: 20px;color: #333;font-weight: 500;border-bottom: 1px solid #f36f21;}
.sect-join .idpw_find h4 {padding-left: 0;line-height: initial;}
.sect-join .step {margin-bottom: 40px;}
.sect-join .text-area {font-size: 24px;line-height: 24px;margin-bottom: 50px;text-align: center;color: #333;font-weight: 300;}
.sect-join .textarea-box {margin: 20px 0 40px;}
.sect-join .textarea-box .agreement {border: 1px solid #d5d5d5;padding: 20px;width: 100%;height: 300px;overflow: hidden;overflow-y: auto;}
.sect-join .yg {font-size: 15px;line-height: 26px;}
.sect-join .yg h2 {margin-top: 50px;font-weight: 500;color: #333;font-size: 18px;}
.sect-join .yg h3 {margin-top: 20px;font-weight: 500;color: #333;}
.sect-join .yg .indent {color: #666;}
.sect-join .yg .indent li {color: #666;}
.sect-join .yg .indent li span {color: #666;}
.sect-join .yg.privacy h2 {color: #ff6c00;}
.sect-join .fly_w > li a {color: #ff3838;}
.sect-join .fly_w > li > ol > li {padding-left: 18px;}
.sect-join .fly_w > li > ol > li strong {color: #333;font-weight: 500;}
.sect-join .fly_w > li > ul > li {position: relative;padding-left: 30px;}
.sect-join .fly_w > li > ul > li:before {content: '-';position: absolute;top: 0;left: 18px;}
.sect-join .yg_table {overflow: hidden;margin: 10px 0;}
.sect-join .yg_table table {width: 100%;border-top: 1px solid #f36f21;float: left;background: #fff;margin-left: -1px;}
.sect-join .yg_table table thead th {text-align: center;color: #333;border-bottom: 1px solid #d5d5d5;border-left: 1px solid #d5d5d5;padding: 5px 0;vertical-align: middle;}
.sect-join .yg_table table tbody td {border-bottom: 1px solid #d5d5d5;border-left: 1px solid #d5d5d5;padding: 5px;text-align: center;vertical-align: middle;color: #666;}
.sect-join .check-form {margin-top: 20px;background: #f5f5f5;text-align: center;height: 60px;padding-top: 20px;}
.sect-join .board_text_table {margin-bottom: 40px;}
.sect-join .board_text_table table {width: 100%;}
.sect-join .board_text_table table th {line-height: 50px;border-bottom: 1px solid #d5d5d5;position: relative;color: #666;}
.sect-join .board_text_table table th:before {content: '';position: absolute;right: 0;bottom: 0;height: 15px;width: 1px;background: #d5d5d5;}
.sect-join .board_text_table table td {line-height: 24px;border-bottom: 1px solid #d5d5d5;padding: 20px;vertical-align: middle;color: #666;}
.sect-join .board_text_table table .ta_center {text-align: center;}
.idpw_find {max-width: 1200px;margin: 0 auto;}
.idpw_find h4 {font-size: 20px;line-height: 59px;border-bottom: 1px solid #f36f21;color: #333;font-weight: 500;position: relative;background: #fff;padding: 0 20px;}
.idpw_find .radio_from {text-align: center;padding: 27px 0 0;height: 75px;border-bottom: 1px solid #d5d5d5;}
.idpw_find .notice_box {padding: 50px 0 30px;border-bottom: 1px solid #d5d5d5;}
.idpw_find .notice_box h5 {color: #f36f21;font-weight: 500;padding-bottom: 25px;}
.idpw_find .notice_box li {position: relative;padding: 0 0 20px 15px;color: #666;}
.idpw_find .notice_box li:before {content: '';position: absolute;width: 5px;height: 5px;display: block;top: 5px;left: 0;background: #666;}
.radio {position: relative;margin: 0 30px;}
.radio input[type=radio] {width: 1px;height: 1px;padding: 0;border: 0 none;margin: 0;position: absolute;left: 0;top: 0;overflow: hidden;clip: rect(0 0 0 0);}
.radio input[type=radio]:checked+label {background-position: 0 -31px;}
.radio label {height: 16px;padding-left: 20px;display: inline-block;background: url("/assets/img/common/bg_radio_01.png") no-repeat 0 1px;vertical-align: middle;cursor: pointer;color: #666;}
.btn_area {margin-top: 60px;text-align: center;}
.btn_area .btn_type01 {display: inline-block;background: #bcbcbc;color: #fff;line-height: 60px;font-size: 17px;width: 200px;text-align: center;border-radius: 30px;margin: 0 8px;cursor: pointer;}
.btn_area .btn_type02 {display: inline-block;background: #f36f21;color: #fff;line-height: 60px;font-size: 17px;width: 200px;text-align: center;border-radius: 30px;margin: 0 8px;cursor: pointer;}
.btn_area .btn_type03 {display: inline-block;background: #ff8f0a;color: #fff;line-height: 60px;font-size: 17px;width: 200px;text-align: center;border-radius: 30px;margin: 0 8px;cursor: pointer;}
.topTab {text-align: center;position: relative;}
.topTab:after {position: absolute;left: 0;top: 25px;width: 100%;height: 100%;background-color: #f5f5f5;content: '';}
.topTab ul {display: inline-block;padding-bottom: 50px;max-width: 1200px;margin: 0 auto;padding-top: 1px;}
.topTab ul:after {display: block;clear: both;content: '';}
.topTab ul li {float: left;width: 200px;height: 50px;margin-top: -1px;position: relative;z-index: 1;}
.topTab ul li a {height: 100%;line-height: 50px;display: block;color: #454545;border: 1px solid #d5d5d5;margin-left: -1px;background-color: #fff;text-align: center;}
.topTab ul li.on {z-index: 2;}
.topTab ul li.on a {color: #f36f21;border: 1px solid #f36f21;font-weight: 500;position: relative;z-index: 2;}
.join_comp {border: 1px solid #d5d5d5;padding: 80px;margin-bottom: 80px;}
.join_comp .end_message {text-align: center;font-size: 38px;line-height: 40px;padding-bottom: 40px;font-weight: 300;color: #f36f21;}
.join_comp .end_message img {max-width: 100%;vertical-align: middle;display: inline-block;width: 136px;}
.join_comp .comp_text01 {font-size: 24px;line-height: 34px;text-align: center;padding-bottom: 30px;color: #333;font-weight: 300;}
.join_comp .comp_text01 strong {color: #333;font-weight: 700;}
.join_comp .comp_text02 {line-height: 26px;text-align: center;color: #454545;position: relative;padding-top: 80px;}
.join_comp .comp_text02:before {content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 50px;background: #454545;}
.out_head {width: 1200px;margin: 0 auto;padding: 40px 20px 20px;position: relative;background: #f5f5f5;margin-bottom: 80px;}
.out_head:before {content: '';position: absolute;top: 0;left: -999%;right: -999%;bottom: 0;background: #f5f5f5;z-index: -1;}
.out_head h4 {font-size: 26px;line-height: 26px;padding-bottom: 20px;color: #333;font-weight: 300;}
.out_head .text_list li {padding: 0 0 20px 27px;background: url("/assets/img/common/bul_03.png") no-repeat 0 0;font-size: 13px;color: #666;}
.sect-join-out .idpw_find h4 {padding: 0;line-height: inherit;}
.board-input-table {margin-bottom: 60px;}
.board-input-table table {width: 100%;}
.board-input-table th {vertical-align: middle;padding: 0 0 0 30px;text-align: left;color: #333;height: 70px;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}
.board-input-table th span {font-size: 13px;color: #999;}
.board-input-table td {padding: 10px;border-bottom: 1px solid #d5d5d5;vertical-align: middle;}
.board-input-table input[type=password],.board-input-table input[type=text] {border: 1px solid #d5d5d5;width: 300px;height: 50px;line-height: 50px;text-indent: 20px;vertical-align: middle;margin: 0 6px 0 0;}
.board-input-table textarea {padding: 20px;width: 100%;height: 300px;border: 1px solid #d5d5d5;}
.board-input-table .btn_check {display: inline-block;width: 120px;line-height: 50px;text-align: center;color: #fff;background: #a5a5a5;cursor: pointer;vertical-align: middle;}
.board-input-table .text01 {display: inline-block;padding-left: 16px;color: #999;line-height: 24px;vertical-align: middle;}
.board-input-table .sel_type01 {display: inline-block;width: 100px;margin-right: 6px;}
.board-input-table .space10 {height: 10px;}
.board-input-table .radio {margin: 0 50px 0 10px;}
.board-input-table .checkbox {margin: 0 50px 0 10px;}
.board-input-table .code {display: inline-block;border: 1px solid #d5d5d5;width: 200px;height: 50px;margin-right: 6px;}
.board-input-table .code img {width: auto;}
.board-input-table .text02 {color: #999;padding-top: 10px;}
.board-input-table .note01 {font-size: 13px;color: #f80909;font-weight: 500;padding-top: 20px;}
.board-input-table .btn_sel01 {display: inline-block;line-height: 40px;width: 163px;background: url("/assets/img/common/btn_sel01_off01.png") no-repeat;color: #fff;text-align: right;padding-right: 20px;cursor: pointer;}
.board-input-table .btn_sel01.on {background: url("/assets/img/common/btn_sel01_on01.png") no-repeat;}
.board-input-table .btn_sel02 {display: inline-block;line-height: 40px;width: 250px;background: url("/assets/img/common/btn_sel01_off02.png") no-repeat;color: #fff;text-align: right;padding-right: 20px;cursor: pointer;}
.board-input-table .btn_sel02.on {background: url("/assets/img/common/btn_sel01_on02.png") no-repeat;}
.board-input-table select {min-width: 100px;height: 50px;font-family: inherit;border: 1px solid #d5d5d5;background: url("/assets/img/common/bg_select_01.png") no-repeat 90% 50%;padding: 0 30px 0 10px;margin-right: 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}
.board-input-table select::-ms-expand {display: none;}
.board-input-table .photo_box {padding: 20px;text-align: center;background: #f5f5f5;}
.board-input-table .photo {float: right;margin-top: 15px;}
.board-input-table .photo label {color: #ff4c0a;}
.board-input-table .notice_box {background: #f5f5f5;padding: 30px 30px 20px;}
.board-input-table .notice_box h5 {color: #f36f21;font-weight: 500;padding-bottom: 15px;}
.board-input-table .notice_box li {padding: 0 0 10px 15px;background: url("/assets/img/common/bul_01.png") no-repeat 0 12px;line-height: 24px;}
.board-input-table .btn_right {margin-top: 20px;text-align: right;}
.board-input-table .btn_right .text_box {display: inline-block;line-height: 22px;font-size: 13px;color: #999;text-align: right;margin-right: 20px;vertical-align: middle;}
.sect-wrapper .idpw_find {width: auto;margin: 0 auto;padding: 0 20px 80px;position: relative;background: #fff;overflow-x: hidden;}
.sect-wrapper .idpw_find h4 {font-size: 20px;line-height: 59px;border-bottom: 1px solid #f34f21;color: #333;font-weight: 500;}
.sect-wrapper .idpw_find .text_message {text-align: center;padding: 40px 0;font-size: 20px;}
.sect-wrapper .idpw_find:before {content: '';position: absolute;top: 0;left: 999%;right: -999%;height: 55px;background: #f5f5f5;z-index: -1;}
.sect-wrapper .idpw_find .idpw_result {background: #f5f5f5;line-height: 100px;text-align: center;font-size: 20px;}
.sect-wrapper .idpw_find .idpw_result strong {color: #333;font-size: 20px;}
.sect-wrapper .idpw_find .idpw_result span {color: #f36f21;font-weight: 700;font-size: 20px;}
.sect-wrapper .idpw_find .btn_aera {margin-top: 60px;text-align: center;}

@media only screen and (max-width:767px) {
    .sect-wrapper .idpw_find h4 {font-size: 14px;}
    .sect-wrapper .idpw_find .text_message {font-size: 12px;}
    .sect-wrapper .idpw_find .idpw_result {font-size: 14px;}
    .sect-wrapper .idpw_find .idpw_result strong {color: #333;font-size: 14px;}
    .sect-wrapper .idpw_find .idpw_result span {color: #f36f21;font-weight: 700;font-size: 14px;}
    .sect-wrapper .idpw_find .btn_aera {margin-top: 40px;text-align: center;}
    .sect-wrapper .idpw_find .btn_aera .btn_type01 {width: 100px;}
    .sect-wrapper .idpw_find .btn_aera .btn_type02 {width: 100px;}
}
@media only screen and (max-width:1023px) {
    .container-inner {margin: 60px auto 130px;padding: 70px 20px 0;}
    .sect-wrapper {padding: 0;}
    .sect-wrapper h3.title {margin-bottom: 30px;font-size: 45px;}
    .sect-login h4 {font-size: 20px;line-height: 28px;}
    .sect-login .login-block .right_vod iframe {width: 100%;}
    .sect-join {width: 100%;padding: 0;}
    .join_comp .end_message {font-size: 30px;}
    .out_head {width: auto;padding: 30px 0 10px;}
    .out_head h4 {font-size: 20px;line-height: 1.3;}
    .out_head .text_list li {line-height: 1.3;}
    .board-input-table table {table-layout: fixed;}
    .board-input-table th {padding: 0 5px 0 10px;font-size: 15px;line-height: 1.5;}
    .board-input-table td {font-size: 13px;line-height: 1.5;}
    .board-input-table input[type=password],    .board-input-table input[type=text],.board-input-table select {width: 100%;margin: 5px 0;vertical-align: top;}
    .board-input-table .btn_check,    .board-input-table .text01 {margin: 5px 0;}
    .board-input-table .text01 {display: block;padding-left: 0;}
    .board-input-table .sel_type01 {display: inline-block;}
    .board-input-table .sel_type01+input[type=text],.board-input-table .sel_type01+input[type=text]+input[type=text] {width: auto;}
    .board-input-table .sel_type01+input[type=text]+input[type=text] {margin-left: 10px;}
}
@media only screen and (max-width:767px) {
    .container-inner {margin: 60px auto 100px;padding: 40px 10px 0;}
    .sect-wrapper h3.title {margin-bottom: 20px;height: initial;font-size: 26px;}
    .sect-login h4 {font-size: 14px;line-height: 22px;}
    .sect-login .login-block .input-area {width: 100%;}
    .sect-login .login-block .right_vod {display: none;}
    .sect-login .login-block .input-area .btn-login {font-size: 17px;line-height: 40px;}
    .sect-login .btn-naver-login {margin-top: 10px;font-size: 17px;line-height: 40px;}
    .btn-naver-login:before {width: 40px;height: 40px;background-size: cover;}
    .sect-login .join a {font-size: 13px;}
    .out_head {margin-bottom: 30px;}
    .out_head h4 {font-size: 16px;}
    .sect-join {width: 100%;}
    .sect-join h4 {min-height: 30px;font-size: 17px;}
    .sect-join .idpw_find {padding: 0;}
    .sect-join .idpw_find .radio {margin: 0;}
    .sect-join .idpw_find .radio+.radio {margin-left: 10px;}
    .sect-join .step {margin-bottom: 20px;}
    .sect-join .text-area {margin-bottom: 30px;font-size: 17px;text-align: left;}
    .sect-join .fly_w li,    .sect-join .indent {font-size: 13px;line-height: 1.4;}
    .sect-join .yg h2 {margin-top: 30px;font-size: 16px;}
    .sect-join .yg h3 {font-size: 14px;}
    .sect-join .yg_table table tbody td,    .sect-join .yg_table table thead th {font-size: 12px;}
    .sect-join .board_text_table table td {padding: 10px;font-size: 12px;line-height: 1.3;}
    .sect-join .check-form {text-align: left;}
    .sect-join .check-form label {font-size: 13px;}
    .sect-join .idpw_find .notice_box li {font-size: 13px;line-height: 1.3;}
    .board-input-table {margin-bottom: 30px;}
    .board-input-table th {padding: 5px 5px 5px 0;font-size: 13px;line-height: 1.5;}
    .board-input-table td {font-size: 13px;line-height: 1.5;}
    .board-input-table input[type=password],    .board-input-table input[type=text],    .board-input-table select {width: 100%;height: 35px;margin: 3px 0;line-height: 35px;font-size: 13px;}
    .board-input-table .text01 {font-size: 13px;line-height: 1.3;}
    .board-input-table .btn_check {height: 35px;line-height: 35px;font-size: 13px;}
    .board-input-table .radio {margin: 0 10px;line-height: 16px;}
    .board-input-table .sel_type01 {display: block;width: 48%;}
    .board-input-table .sel_type01+input[type=text],    .board-input-table .sel_type01+input[type=text]+input[type=text] {width: 48%;}
    .board-input-table .sel_type01+input[type=text]+input[type=text] {margin-left: 1%;}
    .board-input-table .space10 {height: 0;}
    .btn_area {margin-top: 30px;}
    .btn_area .btn_type01,    .btn_area .btn_type02,    .btn_area .btn_type03 {width: 49%;margin: 0;line-height: 40px;font-size: 13px;}
    .join_comp {padding: 30px;}
    .join_comp .end_message {padding-bottom: 30px;font-size: 20px;line-height: 30px;}
    .join_comp .end_message img {width: 100px;}
    .join_comp .comp_text01 {padding-bottom: 20px;font-size: 15px;line-height: 1.5;}
    .join_comp .comp_text02 {padding-top: 40px;font-size: 12px;line-height: 20px;}
    .join_comp .comp_text02:before {height: 30px;}
    .sect-wrapper.type02 .idpw_find .notice_box li {font-size: 14px;line-height: 1.4;}
    .topTab ul li {width: 140px;height: 40px;line-height: 40px;}
    .topTab ul li a {line-height: inherit;}
    .idpw_find h4 {padding-bottom: 10px;padding-left: 0;font-size: 17px;line-height: 1.5;}
    .idpw_find .radio_from .radio {margin: 0;}
    .idpw_find .radio_from .radio+.radio {margin-left: 10px;}
}