@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;}


#hd {border-top:0; height: 70px;}
#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%;}


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

.container{max-width: 1240px;width: 100%;margin: 0 auto;padding: 0 20px; font-size: 0;}
.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_lm{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: 1240px) {
    .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_lm{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;}
}
/*---------------------------------------------------------------------------*/

/*-------------------
    *로그인페이지
    *login_lay
-------------------*/


.logo_center {text-align: center;margin-top: 102px;}
.login_lay{max-width: 680px;width: 100%;margin: 3% auto;border: 1px solid #b7b7b7;padding: 0 20px;height: 659px;}
.login_lay .login_box{text-align: center; padding: 20px 0}
.login_lay .login_box .row_10{margin-bottom: 19px;}
.login_lay .login_box .row_20{line-height: 1;margin-bottom: 41px;}
.login_lay .login_box .row_20 .p_10{font-size: 25px;font-weight: bold;color: #464646;margin-bottom: 17px;}
.login_lay .login_box .row_20 .p_20{font-size: 16px;color: #707070;}
.login_lay .login_box .login_input_text{
    max-width: 480px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 15px;
    color: #555555;
    padding: 0 30px;
    margin-bottom: 10px;
    font-weight:300;
    background: #f3f2f2;
}
.login_lay .login_box .row_30{margin-bottom: 16px;}
.login_lay .login_box .btn_submit {width: 100%;max-width: 480px;line-height: 60px;background-color: #363636;font-weight: bold;color: #fff;font-size: 17px;border-radius: 30px;font-family: 'Noto Sans KR', dotum, sans-serif;}
.login_lay .login_box .row_40{margin-bottom: 18px;}
.loginPage .back_home {text-align: center; margin-bottom: 20px;}
.loginPage .back_home a{font-size: 15px;font-weight: bold;color: #ae2c2d;display: inline-block;position: relative;}
.loginPage .back_home a:after{content: "";width: 100%;height: 2px;border-top: 1px solid #eb4c44;border-bottom: 1px solid #ae2c2d;position: absolute;left: 0;bottom: -5px;}

@media (max-width: 768px) {
    .login_lay{margin: 30px auto;height: 580px;}
    .login_lay .login_box .login_input_text{height: 45px;line-height: 45px;padding: 0 10px;font-size: 14px;}
    .login_lay .login_box .btn_submit{line-height: 45px;font-size: 14px;}
    .login_lay .login_box .row_20 .p_10{font-size: 17px;margin-bottom: 15px;}
    .login_lay .login_box .row_20 .p_20{font-size: 14px;}
    .login_lay .login_box .row_20{margin-bottom: 30px;}
    .login_lay .login_box .row_40{margin-bottom: 20px;}
    .login_lay .login_box .row_50 a{font-size: 14px;}
}

input[type=submit] {-webkit-appearance:none;}




@media(max-width:768px) {
    article.content .content-head .head-info{margin-top: 15px; color: #acacac; font-size: 13px;}
    #bo_v_title{font-size: 22px; }
    h1.bo_title{margin-top: 15px;font-size: 22px; }
    article.content .content-head .head-title h2{font-size: 22px;}
}