@charset "utf-8";
/* CSS Document */

ol, ul, li{list-style:none; padding:0; margin:0;}
form{display:block}
caption,legend{display:inline-block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px}
iframe, fieldset{border:0;vertical-align:top}
a{text-decoration:none;cursor:pointer}

#btnNav { box-sizing: border-box; }

/*  간격 */
.mt10{margin-top:20px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mb10{margin-bottom:10px !important}

/* 로그인 */
.section_login{padding:0 30px 30px 30px; min-height:60vh; max-width: 450px; margin:0 auto;}
.section_login .subscript{position:relative;padding-bottom:20px;text-align:center}
.section_login .subscript .desc{margin-top:0;font-size:17px;  color: #333;  line-height: 1.6;}

.section_login .subscript p.sub{font-size:13px; color: #888;}
.section_login .subscript p.sub span{ color: #0093D4 }
.section_login .subscript p.main {font-size: 35px;    font-weight: 600;    color: #333;    line-height: 1.2;   margin-bottom: 15px;}
.section_login .subscript p.icon_join{ text-align:center;}
.section_login .subscript p.icon_join img{ width:90%; max-width:300px;}
.section_login .formelem{margin-bottom:10px;}
.section_login .formelem fieldset{display:block;position:relative}
.Jinp_box{position: relative;}
.Jinp_box input {width:100%; height:40px;outline: none;font-size: 15px;border-top: none; border-right: none;  border-left: none;  border-image: initial; border-bottom: 1px solid rgb(229, 229, 229); padding: 0px;}

/* 체크박스 */
.checkbox_group1 .set label{display:inline-block;font-size:14px;color:#5b5b5b;text-align:left;box-sizing:border-box}

/* 버튼 */
.btn_area{display:block;padding:20px 0px 0}
.btn_area [class^="btn_"]{width:100%;     display: inline-block;    text-align: center;    box-sizing: border-box;}

.section_login .btn_area{padding:15px 0 0 0}
.section_login .btn_area .btn_blue{padding:11px 2px 12px;border-radius: 5px;font-size:15px;background:#5866a7;color: #FFF; border: none}
.section_login .btn_area .btn_red{padding:11px 2px 12px;border-radius: 5px;font-size:15px;background:#cc4a4a; color: #FFF; border: none}


/* ID,PW찾기 */
.g_find_idpw{width: 100%;  max-width:450px; margin:0 auto; text-align:center; padding: 15px 0;}
.g_find_idpw a{font-size:15px;color:#000;line-height:15px; text-decoration:none}
.g_find_idpw span{display:inline-block;margin:0 20px;width:1px;height:12px;line-height:10px;background:#ddd;text-indent:-9999px}
.subscript {padding:15px;}
.subscript strong{ font-size:17px;}

/* SNS 로그인(아이콘) css */
.login_tit.agree_tit {margin-bottom: 20px;  margin-top:30px;}
.login_tit {display: block;  color: #999;  text-align: center;  position: relative;  font-size: 15px;}
.login_tit::before, .login_tit::after {position: absolute;  content: "";  display: inline-block;  width: 36%;  height: 1px;  background-color: #ccc;  top: 50%;}
.login_tit::before {left: 0;}.login_tit::after {right: 0;}

.join_sns li {background-color: #ffffff; background-size: 44px 44px;    float:left; position: relative;}
.join_sns li a {display: block;        width: 44px;        height: 44px;        margin: 6px auto;        }

.join_sns li.icon a{background-image:url("/img/icon_circle_1q.png");background-repeat: no-repeat;}
.join_sns li.naver a{background-image: url("/img/icon_circle_naver.png"); background-repeat: no-repeat;}
.join_sns li.kakao a{background-image: url("/img/icon_circle_kakao.png"); background-repeat: no-repeat;}
.join_sns li span{color:#000; font-size: 12px; text-align: center; display:inline-block; width: 100%; line-height:20px; letter-spacing: -0.3px;}
.join_sns li.disabled::after{position: absolute; top:6px; left:50%; margin-left:-22px; content:''; display: block; width:44px;height:44px;background:#717171;
            opacity: 60%; border-radius: 22px;}
.join_sns li.disabled span{color:#C1C1C1;}
.join_sns:after{content:'';display: block;clear: both;}
.login-gate .join_sns li{width:20%;}

.sns_login_div {
        width: 500px; text-align: center; margin: 0 auto;
}

/*회원가입*/
.section_login table.tbl_snsjoin{width: 100%;     margin-bottom: 40px;    border-top: 2px solid #666;}
.section_login table.tbl_snsjoin td{padding: 10px; }
.section_login table.tbl_snsjoin li.pass{background-color:#0092d3; }

/*회원가입*/
/* .section_login ul.join_icon{width:90%; margin:0 auto;    margin-bottom: 40px; }
.section_login ul.join_icon li{  text-align: center; padding: 10px 2px; border-radius: 5px; margin-bottom: 15px}
.section_login ul.join_icon li.join_pass{background-color:#0092d3;  }
.section_login ul.join_icon li.join_pass a{display: inline-block;  width: 100%; color: #fff;    text-align: center; padding-left: 15px;    line-height: 40px;    border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_pass a{background-image: url("/img/icon_1qpass.png"); background-repeat: no-repeat; background-position: 85px -2px}

.section_login ul.join_icon li.join_naver{background-color:#06be34;  }
.section_login ul.join_icon li.join_naver a{display: inline-block;  width: 100%; color: #fff;    text-align: center; padding-left: 15px;    line-height: 40px;    border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_naver a{background-image: url("/img/icon_naver.png"); background-repeat: no-repeat; background-position: 90px -2px}

.section_login ul.join_icon li.join_kakao{background-color:#ffe100;  }
.section_login ul.join_icon li.join_kakao a{display: inline-block;  width: 100%; color: #020303;    text-align: center; padding-left: 15px;    line-height: 40px;    border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_kakao a{background-image: url("/img/icon_kakao.png"); background-repeat: no-repeat; background-position: 90px -2px} */


/*회원가입__수정240502*/
.section_login ul.join_icon{width:90%; margin:0 auto;    margin-bottom: 40px; }
.section_login ul.join_icon li{  text-align: center; padding: 10px 2px; border-radius: 5px; margin-bottom: 15px}
.section_login ul.join_icon li.join_pass{background-color:#0092d3;  }
.section_login ul.join_icon li.join_pass a{display:flex; justify-content: center; align-items: center; width: 100%; color: #fff;    text-align: center; border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_pass a::before{content: ''; display: block; width: 44px; height:44px;  margin-right:3px; background-image: url("/img/icon_1qpass.png"); background-repeat: no-repeat;}

.section_login ul.join_icon li.join_naver{background-color:#06be34;  }
.section_login ul.join_icon li.join_naver a{display:flex; justify-content: center; align-items: center; width: 100%; color: #fff;    text-align: center;  border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_naver a::before{content: ''; display: block; width: 44px; height:44px;  margin-right:2px;background-image: url("/img/icon_naver.png"); background-repeat: no-repeat;}

.section_login ul.join_icon li.join_kakao{background-color:#ffe100;  }
.section_login ul.join_icon li.join_kakao a{display:flex; justify-content: center; align-items: center;text-align: center;width: 100%; color: #020303;    border-radius: 2px; font-weight: bold; font-size: 16px;}
.section_login ul.join_icon li.join_kakao a::before{content: ''; display: block; width: 44px; height:44px;  margin-right:2px; background-image: url("/img/icon_kakao.png"); background-repeat: no-repeat; }
/*회원가입__수정240502*/



/* 팝업 */
.section_pop{padding:0PX 30px; }
.section_pop .subscript{position:relative;padding:5px;text-align:center}
.section_pop .subscript .desc{margin-top:0;font-size:1.5em; color: #333;  line-height: 1.6;}
.section_pop .subscript p.main {font-size: 25px;    font-weight: 600;    color: #333;    line-height: 1.2;   margin-bottom: 15px;}
.section_pop input[type=text] {height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666; box-sizing: border-box; margin-bottom: 10px;}
.section_pop .section_pop .div_content { float: left;    width: 75%;     position: relative;}
.section_pop .div_content input.w100 {width: 100%;}
.section_pop .div_content input.w70 {width: 70%; }
.section_pop .btn {display:inline-block; height: 40px; font-size: 14px; font-weight: bold; border:1px solid #5866a7;box-sizing: border-box;background:#FFF; border-radius: 5px; padding: 9px; width: 27%;  margin: 1px; text-align: center;  cursor:pointer;}
.section_pop .btn-blue {color:#5866a7;  }
.section_pop .btn-blue:hover {color:#5866a7; border-color:#3e52ac; background:#FFF; }
.save_btn {margin-top: 10PX;   padding: 11px 2px 12px;  border-radius: 5px; font-size: 15px;  background: #5866a7;   color: #FFF;    border: none;    text-align: center; cursor: pointer;}


/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (min-width:1024px) and (max-width:1279px) { 
.btn_area [class^="btn_"]{width:100%;     display: inline-block;    text-align: center;    box-sizing: border-box;}
} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) { 
        
        /* 로그인, 회원가입 버튼 넓이 48% 수정 */        
        .btn_area [class^="btn_"]{width:48%;     display: inline-block;    text-align: center;    box-sizing: border-box;}

        /* 로그인, 회원가입 버튼 간격 margin-right: 10px 추가 */
        .section_login .btn_area .btn_blue{padding:11px 2px 12px;border-radius: 5px;font-size:15px;background:#5866a7;color: #FFF; border: none; float: left; margin-right: 10px;}

        /* 여백 줄임 */
        .btn_area{display:block;padding:20px 0px 0; text-align: center;}
        #container > .inner {padding-top: 15px !important;} /* 회원로그인 텍스트 상단 padding-top 수정 */
        /* .section_login .subscript{position:relative;padding-bottom:0px;text-align:center} */

        /* SNS 로그인(아이콘) css */
        .login_tit.agree_tit {margin-bottom: 10px;  margin-top:10px;}

        /* 퀵메뉴 */
        #all_product {display: none;}

        /* 간격 */
        .mt30{margin-top:20px !important}

        .sns_login_div {
                width: 100%; text-align: center; margin: 0 auto;
        }
        
} 

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:767px) {

        /* 로그인, 회원가입 버튼 넓이 48% 수정 */        
        .btn_area [class^="btn_"]{width:48%;     display: inline-block;    text-align: center;    box-sizing: border-box;}

        /* 로그인, 회원가입 버튼 간격 margin-right: 10px 추가 */
        .section_login .btn_area .btn_blue{padding:11px 2px 12px;border-radius: 5px;font-size:15px;background:#5866a7;color: #FFF; border: none; float: left; margin-right: 10px;}
        
        /* 여백 줄임 */
        .btn_area{display:block;padding:20px 0px 0; text-align: center;}
        #container > .inner {padding-top: 15px !important;} /* 회원로그인 텍스트 상단 padding-top 수정 */
        /* .section_login .subscript{position:relative;padding-bottom:0px;text-align:center} */

        /* SNS 로그인(아이콘) css */
        .login_tit.agree_tit {margin-bottom: 10px;  margin-top:10px;}

        /* 퀵메뉴 */
        #all_product {display: none;}

        /* 간격 */
        .mt30{margin-top:20px !important}

        .sns_login_div {
                width: 100%; text-align: center; margin: 0 auto;
        }
        
} 

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {

        /* 로그인, 회원가입 버튼 넓이 48% 수정 */        
        .btn_area [class^="btn_"]{width:48%;     display: inline-block;    text-align: center;    box-sizing: border-box;}

        /* 로그인, 회원가입 버튼 간격 margin-right: 10px 추가 */
        .section_login .btn_area .btn_blue{padding:11px 2px 12px;border-radius: 5px;font-size:15px;background:#5866a7;color: #FFF; border: none; float: left; margin-right: 10px;}
        
        /* 여백 줄임 */
        .btn_area{display:block;padding:20px 0px 0; text-align: center;}
        #container > .inner {padding-top: 15px !important;} /* 회원로그인 텍스트 상단 padding-top 수정 */
        /* .section_login .subscript{position:relative;padding-bottom:0px;text-align:center} */

        /* SNS 로그인(아이콘) css */
        .login_tit.agree_tit {margin-bottom: 10px;  margin-top:10px;}

        /* 퀵메뉴 */
        #all_product {display: none;}

        /* 간격 */
        .mt30{margin-top:20px !important}

        .sns_login_div {
                width: 100%; text-align: center; margin: 0 auto;
        }
        
}

/* @media (max-width: 450px){
        .section_login ul.join_icon li.join_pass a{background-image: url("/img/icon_1qpass.png"); background-repeat: no-repeat; background-position: 40px -2px}
        .section_login ul.join_icon li.join_naver a{background-image: url("/img/icon_naver.png"); background-repeat: no-repeat; background-position: 45px -2px}
        .section_login ul.join_icon li.join_kakao a{background-image: url("/img/icon_kakao.png"); background-repeat: no-repeat; background-position: 45px -2px}
}
@media (max-width: 390px){
        .section_login ul.join_icon li.join_pass a{background-image: url("/img/icon_1qpass.png"); background-repeat: no-repeat; background-position: 25px -2px}
        .section_login ul.join_icon li.join_naver a{background-image: url("/img/icon_naver.png"); background-repeat: no-repeat; background-position: 33px -2px}
        .section_login ul.join_icon li.join_kakao a{background-image: url("/img/icon_kakao.png"); background-repeat: no-repeat; background-position: 33px -2px}
} */