@charset "utf-8";

/*웹폰트 추가*/
@import url("/css/fonts/fonts.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:'PretendardR', 'Noto Sans KR', dotum, sans-serif;line-height: 1;letter-spacing: -0.5px;}
input, button, select{font-family:'Noto Sans KR', dotum, sans-serif;}
a{color: #333;}
h1, h2, h3, h4, h5, h6{font-family:'PretendardEB', 'Noto Sans KR', dotum, sans-serif;}
ul, ol {list-style: none;}
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;}

/*아이폰 input 디자인 초기화*/
/*input{-webkit-border-radius:0;-webkit-appearance:none;} !*모서리 스타일 제거*!*/
input:checked[type="checkbox"] {background-color:#fff;-webkit-appearance:checkbox;} /*인풋 안쪽 그림자 제거*/

/*input[type="text"], input[type="password"],*/
/*input[type="email"], input[type="search"],*/
/*input[type="image"], input[type="tel"],*/
/*textarea {-webkit-appearance:none;-webkit-border-radius:0;}*/

/*아이폰 버튼 디자인 초기화*/
input[type=submit] {-webkit-appearance:none; -webkit-border-radius: 0;}
input[type=button] {-webkit-appearance:none; -webkit-border-radius: 0;}

/*반응형*/
.visible-pc {display:block;}
.invisible-pc {display:none;}
.visible-tablet {display:none;}
.invisible-tablet {display:block;}
.visible-mobile {display:none;}
.invisible-mobile {display:block;}
.visible-table-pc {display:table-cell;}
.invisible-table-pc {display:none;}
@media (max-width:1400px) {
    .visible-pc {display:none;}
    .invisible-pc {display:block;}
    .visible-tablet {display:block;}
    .invisible-tablet {display:none;}
    .visible-mobile {display:none;}
    .invisible-mobile {display:block;}
    .visible-table-pc {display:none;}
    .invisible-table-pc {display:table-row;}
}
@media (max-width:768px) {
    .visible-pc {display:none;}
    .invisible-pc {display:block;}
    .visible-tablet {display:none;}
    .invisible-tablet {display:block;}
    .visible-mobile {display:block;}
    .invisible-mobile {display:none;}
    .visible-table-pc {display:none;}
    .invisible-table-pc {display:table-row;}
}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

.bg-blue {background:#1A18C7;}
.bg-white {background:#fff;}

/*사파리에서 글씨 폰트가 너무 작을경우 크게 재랜더링 되는것을 막음*/
@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust: none;
    }
}

#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;overflow: hidden;}

/*로그인*/
#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;}
.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;}
}
/*---------------------------------------------------------------------------*/


/*팝업레이어 반응형*/
@media (max-width:1400px) {
    .hd_pops {top:70px !important;left:10px !important;}
}
@media (max-width:768px) {
    .hd_pops {position:absolute;max-width:450px !important;width:calc(100% - 20px);border:1px solid #e9e9e9;background:#fff;top:70px !important;left:50% !important;transform: translateX(-50%);}
    .hd_pops_con {position:relative;width:100% !important;height:auto !important;}
    .hd_pops_con img {width:100% !important;height:auto !important;}
}