@charset "utf-8";

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

/*효과 추가*/
@import url("animate.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;}
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;
}
textarea, select,
input, button{font-family:'Noto Sans KR', dotum, sans-serif;}
/*인풋박스 스타일 수정*/
.required, textarea.required{background-image: none !important;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border-radius: 0;}
#wrapper{margin: 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;}
#container_title{display: none;}
/*로그인*/
#mb_login #login_info{margin: 0;}
.mbskin{max-width: 630px;width: 100%;}

#top_btn:hover{background-color: #86aa23;border: 1px solid #86aa23;}
@media (max-width: 768px) {
    #top_btn{width: 30px;height: 30px;line-height: 18px;font-size: 12px;}
}

/*새창 버튼*/
.new_win .btn_submit{background-color: #333;}


/*버튼 스타일*/
a.btn01{background: #252525 !important;border: 1px solid #252525;color: #ffffff;}
a.btn02{background: #86aa23 !important;border: 1px solid #86aa23;}
a.btn01:hover{background: #252525;}
a.btn02:hover{background: #86aa23;}

/*-------------------
    *커스텀 페이징
-------------------*/
.pg {font-size: 0;}
.pg > span,
.pg > a,
.pg_page, .qa_page,
.pg .pg_current{margin: 0 1.5px;font-size: 13px;border-radius: 0;}
.pg_current{
    background-color: #444444;border-radius:0;color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.pg_page,
.qa_page{border: 1px solid #d4d4d4;color: #444444;border-radius: 0;background-color: #ffffff;}

.qa_page:hover{background-color: #f3f3f1;}

@media (max-width: 768px) {
    .pg > span, .pg > a, .pg .pg_current{font-size: 11px;}
    .qa_page,
    .pg_page,
    .pg_current{width: 25px;height: 25px;line-height: 25px;min-width: 25px;padding: 0;}
    .pg_page{line-height: 23px;}
    .pg_wrap{margin: 40px 0 0;}
}

/*-------------------
    *커스텀 스타일
-------------------*/
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;}

/*체크박스*/
input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
input[type="checkbox"] + label {
    text-align: left;
    display: inline-block;
    position: relative;
    padding-left: 20px; /* 글자와 체크박스 사이의 간격을 변경 */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    content: '';
    position: absolute;
    left: 0;
    top: 50%; /* 이 값을 변경해서 글자와의 정렬 */
    width: 14px; /* 체크박스의 너비를 지정 */
    height: 14px; /* 체크박스의 높이를 지정 */
    line-height: 14px; /* 세로정렬을 위해 높이값과 일치 */
    margin-top: -7px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #959595;
}
input[type="checkbox"] + label.chk_center{padding-left: 0;vertical-align: super;}
input[type="checkbox"] + label.chk_center:before{left: 50%;margin-left: -7px;}
input[type="checkbox"] + label:active:before, input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
    content: ''; /* 체크표시 유니코드 사용 */
    font-size: 13px;
    line-height: 0.9em;
    color: #99a1a7;
    text-shadow: 1px 1px #fff;
    background: #e9ecee url("../../img/chk_bg.png") no-repeat center;
    border-color: #adb8c0;
}


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

.container{max-width: 1240px;width: 100%;margin: 0 auto;padding: 0 20px;}
.container.long{max-width: 1640px;padding: 0;}



@media (max-width: 1200px) {

}

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

.ul_hz{overflow: hidden;}
.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;}
}
/*---------------------------------------------------------------------------*/