@charset "utf-8";

/*웹폰트 추가*/
@import url("/css/fonts/fonts.css");

/*스타일 추가*/
@import url("style.css");

/*보드 스타일 초기화*/
*:focus {outline:none;}
html{margin: 0 auto;max-width: 1920px;}
body{max-width: 1920px;min-width: 320px;width: 100%;background-color: #ffffff;font-family:'Noto Sans KR', dotum, sans-serif;line-height: 1;letter-spacing: -0.5px;}
a{color: #707070;}
h1, h2, h3, h4, h5, h6{font-family:'Noto Sans KR', dotum, sans-serif;}
hr{display: block;border: 0;margin: 0;}
input[type=text], input[type=password], textarea{
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
}
/*인풋박스 스타일 수정*/
.required, textarea.required{background-image: none !important;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border-radius: 0;}

/* ------------------아이폰 기본 스타일 초기화--------------------*/
/*폰트크기 초기화*/
body{-webkit-text-size-adjust: 100%}

/*submit버튼 초기화*/
input[type="submit"]{-webkit-appearance:none;}
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
/*-----------------------------------------------------------------*/

#hd {border-top:0;}
#hd, #wrapper, #ft{width: 100%;min-width: auto;}
#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width: 100%;}
#container{width: 100%;margin: 0;}

/*로그인*/
#login_fs{margin-bottom: 60px;}
#mb_login #login_info{margin: 0;}
.mbskin{max-width: 400px;width: 100%;}
.mem_box{margin: 80px 0;}


/*---------------------------------------------------------------------------*/

.container{max-width: 1240px;width: 100%;margin: 0 auto;padding: 0 20px;}
.container.long{max-width: 100%;padding: 0;}
.container.long.line{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
@media (max-width: 1200px) {

}

@media (max-width: 768px) {
    .container{padding: 0 10px;}
}

.ul_hz{overflow: hidden;float: right;}
.ul_hz li{
    float: left;
}

.ul_blet li{position: relative;}
.ul_blet li:after{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: #c2c2c2;}
.ul_blet li:first-child:after{display: none;}

.btn_ts{transition: all .25s;}

/*---------------------------------------------------------------------------*/
.br_l{display: block;}
.br_lm{display: block;}
.br_m{display: inline-block;}
.br_ms{display: inline-block;;}
.br_s{display: inline-block;;}

.show_l{display: block !important;}
.show_m{display: none !important;}
.show_s{display: none !important;}

.show_inline_l{display: inline-block !important;}
.show_inline_lm{display: inline-block !important;}
.show_inline_m{display: none !important;}
.show_inline_ms{display: none !important;}
.show_inline_s{display: none !important;}

@media (max-width: 1200px) {
    .br_l{display: inline-block !important;}
    .br_lm{display: block !important;}
    .br_m{display: block !important;}
    .br_ms{display: block !important;}
    .br_s{display: inline-block !important;}

    .show_l{display: none !important;}
    .show_m{display: block !important;}
    .show_s{display: none !important;}

    .show_inline_l{display: none !important;}
    .show_inline_lm{display: inline-block !important;}
    .show_inline_m{display: inline-block !important;}
    .show_inline_ms{display: inline-block !important;}
    .show_inline_s{display: none !important;}
}

@media (max-width: 768px) {
    .br_l{display: inline-block !important;}
    .br_lm{display: inline-block !important;}
    .br_m{display: inline-block !important;}
    .br_ms{display: block !important;}
    .br_s{display: block !important;}

    .show_l{display: none !important;}
    .show_m{display: none !important;}
    .show_s{display: block !important;}

    .show_inline_l{display: none !important;}
    .show_inline_lm{display: none !important;}
    .show_inline_m{display: none !important;}
    .show_inline_ms{display: inline-block !important;}
    .show_inline_s{display: inline-block !important;}
}
/*---------------------------------------------------------------------------*/

.gb_title_h1{
    font-size: 28px;
    color: #252525;
    line-height: 1;
    margin-bottom: 30px;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    text-align: center;
}


/*-------------------
    *커스텀 스타일
-------------------*/
input, button, select{font-family:'Noto Sans KR', dotum, sans-serif;font-weight: 200;}
input[type=text], input[type=password], textarea{border: 1px solid #cccccc;color: #707070;}
select{
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background: #ffffff url("../../img/btn_select.png") no-repeat 95% center;  /* 화살표 모양의 이미지 */
    border: 1px solid #b7b7b7;
    color: #252525;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}
select:focus::-ms-value {background-color: #ffffff;color: #252525;}

/*---------------------------------------------------------------------------*/

/*약관*/
.agree_content_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 99999;display: none;}
.agree_content{
    position: fixed;width: 90%;max-width: 1200px;top:50%; left:50%;background-color: #f5f5f5;padding: 50px;
    box-shadow: 5px 5px 10px;display: none;z-index: 999999;height: 80vh;margin-top: calc(80vh / 2 * -1);margin-left: -600px;
}
.agree_content .block{height: 100%;}
.agree_content .icon_img{margin-right: 10px;vertical-align: sub;}
.agree_content .close_btn{float: right;}

.agree_content .row_10{font-size: 25px;color: #252525;margin-bottom: 35px;}
.agree_content .row_20{border: 1px solid #b7b7b7;background-color: #ffffff;padding: 30px;font-size: 15px;line-height: 24px;overflow-y: scroll;color: #252525;height: calc(100% - 64px)}

@media (max-width: 1200px) {
    .agree_content{margin-left: calc(90% / 2 * -1);}
}

@media (max-width: 768px) {
    .agree_content{padding: 20px;}
    .agree_content .row_10{font-size: 18px;margin-bottom: 15px;}
    .agree_content .icon_img,
    .agree_content .close_btn img{height: 20px;}
    .agree_content .row_20{height: calc(100% - 36px);padding: 10px;font-size: 13px;line-height: 20px;}
}