@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sunflower:wght@700&display=swap');

*{margin: 0; padding: 0;}
html{overflow-y:scroll; overflow-x:auto; font-size:14px; color:#333333;}
body,p,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,span,a,div,fieldset,button,em,address,label,strong{margin:0;padding:0;letter-spacing:-0.05em; color:inherit;}
body,input,textarea,select,button,table{font-family:'Noto Sans KR', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif; font-size:inherit; line-height:1.6;font-weight:normal;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
body{color:#555;}
img,fieldset,button{border:0 none;}
ul,ol,li{list-style:none}
img{max-width:100%;}
input,select,button{font-size:14px}
input{background:#fff;/*-webkit-appearance:none;*/}
em,address{font-style:normal}
a{text-decoration:none;}
button{margin:0;padding:0;background:none}
h1,h2,h3,h4,h5,h6,b{color:#000}
table{border-collapse:collapse;border-spacing:0; width:100%;}
td,th{border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all}
caption{overflow:hidden;position:absolute; width:0;height:0;margin:-1px 0;font-size:1px;line-height:0}
legend{display:none}
label,button{cursor:pointer}
label {line-height:20px; font-size:15px; color:inherit;}
a,
span,
strong,
em{color:inherit;}
iframe {border:0;}

input[type='checkbox'],
input[type='radio'] {cursor:pointer;}

select {font-size:15px;}
select,
textarea,
input[type=text],
input[type=tel],
input[type=search],
input[type=number],
input[type=password],
input[type=email] {width:auto; height:40px; padding:0 16px 1px; line-height:37px; font-size:15px; font-weight:400; color:#000; box-sizing:border-box; outline:none; border:1px solid #ccc; border-radius:0; transition:border-color 150ms ease-in-out 0s;}
input[type=password] {font-family:'Arial', sans-serif; font-weight:900; letter-spacing:0.3em;}
input[type=password]::placeholder{letter-spacing:-0.05em; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;}
input[type=password]:-ms-input-placeholder{letter-spacing:-0.05em; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;}
input[type=password]::-webkit-input-placeholder{letter-spacing:-0.05em; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕', 'Dotum', '돋움', 'Apple SD Gothic Neo', sans-serif;}
input:focus {border-color:#000;}
textarea {width:100%; height:100px; padding:10px 20px; vertical-align:top; line-height:20px; font-size:15px; overflow:hidden;overflow-y:auto;resize:none;background:#fff;word-break:break-all;word-wrap:break-word;white-space:pre-line;}
textarea:focus {border-color:#000;}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly] {cursor:default; color:#333333; border-color:#ccc; background:#f8f8f8;}

input[type=number]{-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input:-ms-input-placeholder {font-size:15px;font-weight:normal;color:#333333 !important;}
textarea:-ms-input-placeholder {font-size:15px;font-weight:normal;color:#333333 !important;}
input::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{font-size:15px;font-weight:normal;color:#333333 !important;}

input:disabled:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {color:#ccc !important;}
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {color:#ccc !important;}

input::-ms-clear {display:none;}
input::-webkit-search-cancel-button {display:none;}



button {color:#555;box-sizing:border-box;border-radius:3px;}
button > span {position:relative;}

.blind {position:absolute; top:0; left:-9999px;}


body { background:url('../img/main1_bg2.png');}
.wrap {position: relative; width:100%;}
.container {width: 960px; margin: 0 auto;}
.login_content {position: relative; overflow: hidden; margin-top: 140px; width: 100%; height: 540px; background: #139e9e; border-radius: 20px; box-shadow: 0px 0px 20px 10px rgba(00, 00, 00, 0.15);}
.skewd_box {position: absolute; top: 0; left: 0; width: 540px; height: 100%; padding: 50px 60px 50px 80px; background-color: #fff; transform: skewX(0deg) translateX(-61px); overflow: hidden;}
.section {transform: skewX(0deg); padding: 0 0 0 30px;}
.description {padding-top: 40px; line-height: 40px; font-size: 24px; font-weight: 500; color: #333;}
.description .title {font-size: 40px; font-weight: 700;border-bottom: 6px solid #ffe000;margin-top: 7px;padding-bottom: 8px;}
.txt_blue {color: #009688;}
.working_list {position: relative; margin-top: 80px;}
.working_list ul {float: left; margin-right: 30px;}
.working_list ul li:before {position: absolute; left: 0; top: 0; display: inline-block; width: 32px; height: 32px; content:'';}
.working_list ul li {position: relative; margin-bottom: 18px; padding-left: 50px; line-height: 36px;}
.list_icon_01:before {background: url(../img/list_icon_01.png) no-repeat left top;}
.list_icon_02:before {background: url(../img/list_icon_02.png) no-repeat left top;}
.list_icon_03:before {background: url(../img/list_icon_04.png) no-repeat left top;}
.list_icon_04:before {background: url(../img/list_icon_03.png) no-repeat left top;}
.list_icon_05:before {background: url(../img/list_icon_05.png) no-repeat left top;}
.form_box {padding: 130px 50px 120px 660px;}
.form_box p {margin-bottom: 34px; font-size: 24px; color: #fff; font-weight: 500; letter-spacing: 0; text-align: center;}
.form_box li{position: relative; margin-bottom: 10px;}
.form_box li:before {position: absolute; left: 10px; top: 8px; display: inline-block; width: 22px; height: 24px; content:'';}
.form_box li.txt_center:before {background: url(../img/txt_center.png) no-repeat left top;}
.form_box li.txt_id:before {background: url(../img/txt_id.png) no-repeat left top;}
.form_box li.txt_pw:before {background: url(../img/txt_pw.png) no-repeat left top;}
.form_box input {padding-left: 40px; width: 100%; height: 40px; background: #bdeaff; border-radius: 6px; border: 0;}
.id_save {position: relative;}
.id_check_box input {opacity: 0; position: absolute; top: 1px; left: 1px; width: 24px; height: 24px; cursor: pointer;}
.id_check_box label {position: absolute; top: 0; left: -1px; height: 20px; padding-left: 30px; font-size: 14px; line-height: 18px; cursor: pointer; color: #fff;}
.id_check_box label::before {content: ''; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; background: url(../img/check_disable.png) no-repeat left top;}
.id_check_box input[type=checkbox]:checked + label::before{background: url(../img/check_on.png) no-repeat left top;}
.id_save:after{display: block; clear: both; content:'';}
.btn_login {margin-top: 46px; display:block; width: 100%; height: 40px; line-height: 40px; border-radius: 6px; background: #1d6add; font-size: 18px; color: #fff; text-align: center;}
.btn_login input {margin-top: 46px; display:block; width: 100%; height: 40px; line-height: 40px; border-radius: 6px; background: #045959; font-size: 18px; color: #fff; text-align: center;}
.login_util {margin-top: 18px; text-align: center;}
.login_util a {display: inline-block; position: relative; padding: 0 10px; color: #fff;}
.login_util a:first-child:after {position: absolute; right: -4px; top: 6px; width: 1px; height:13px; border-left: 1px solid #fff; content: '';}
.copyright {margin-top: 60px; text-align: center; font-size: 1rem; font-weight: 300; color: #828282;}


.avo-box {
    margin-top: 40px;
    width: 100%;
    border-top: 1px solid #fff;
}

.avo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}

.avo-btn {
    display: flex;
    align-items: center;
    text-align: left;
    color: #fff;
    gap: 1rem;
    line-height: 1.5rem;
}

.contact_content {
    position: relative;
    overflow: hidden;
    margin-top: 24px;
    width: 100%;
    height: 166px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 10px rgba(00, 00, 00, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}


.contact {
    height: auto;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 5rem;
}

.bar {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 300;
    color: #acacac;
}

.con-title {
    font-size: 1.25rem;
    color: #000;
	
}

    .con-title span {
        color: #1d6add;
        font-weight: 700;
    }

.con-num {
    display: flex;
    align-items: center;
    align-content: center;
}

    .con-num span {
        color: #000;
        font-weight: 600;
        font-size: 2.2rem;
    }

.num-mail {
    display: flex;
    align-items: center;
    gap: 50px;
    
}

.con-num .num {
    padding-top: 0.2rem;
    font-size: 30px;
    font-weight: 700;
     line-height: 1.4;
    color: #139e9e;
   
}
.con-num .num span {
}
.mail {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #000;
}

.time {
    color: #acacac;
    font-size: 1rem;
}