@charset "utf-8";


@import url(gu_common.css);
@import url(gu_sub.css);
@import url(gu_search.css);
.irs-grid-pol.small {height:4px !important}
.tab_header { box-shadow: 0 0 15px rgba(107, 114, 152, 0.2);  border-radius:15px 15px 0 0; margin-bottom: 0; overflow-x: auto; position: relative; }
.tab_header::after {content: ''; }
.tab_container {background-color: #fff; padding:15px 10px;  box-shadow: 0 0 15px rgba(107, 114, 152, 0.2);  border-radius:15px}
.tab_header + .tab_container { border-radius:0 0 15px 15px}
.con-02.ovh {padding:0 20px}
@media (max-width:761px) {
.con-02.ovh {padding:0 0px;}
.con-02 .fll>a {font-size:13px}
}

/* 본문 퍼블리싱 기본셋팅 */
#page{display: block; font-size:17px; min-height: 500px;  letter-spacing: -0.04em;  position: relative; line-height: 25px; font-weight: 400; color: #21262f;}
#page * {word-break: keep-all;}
#page:before {content:''; display: block; padding-top:0%}
#page p{  letter-spacing:-0.02em; white-space:pre; }
#page i, #page em, #page span{font-style:normal; }
sup {font-size: 12px;}
.strong400 {font-weight: 400;}
.strong500 {font-weight: 500; }
strong, .strong700 {font-weight: 700; }
.strong900 {font-weight: 900;}
.round30 {border-radius:30px; overflow: hidden;}
.gray_box { display: block;padding:2% 3.5%; overflow:hidden; background-color: #f4f6f8; display: block; border-radius:15px; margin: 0px 0; }

.top_title_box { padding:35px 4%; overflow:hidden; background-color: #f4f6f8; display: block; border-radius:15px; border-top: 2px solid var(--black); margin-bottom: 5%;}

.line_box {display: block;border:1px solid #ddd; padding:2% 3%;  background-color: #fff; border-radius:15px; margin: 10px 0; }
.line_box.inline {display: inline-block; }
.line_box.p0 {padding:0; overflow: hidden;}
.line_box.p2 {display: block;border:1px solid #ddd; padding:1.5% 2%;  background-color: #fff; border-radius:15px; margin: 10px 0; }

.line_box2 {display: block; border:1px solid #ddd; padding:2.5% 3.5%;background-color: #f3f3f5;  border-radius:15px;  margin: 10px 0;}
.con_box { position: relative; display: block; padding: 25px 0; }
.con_box.p0 {padding:0}

.comment {font-size: 110%; color:#484c64}
.comment90 {font-size: 90%; color:#6b727e}
.comment80 {font-size: 80%; color:#484c64}

#itemList .fz15.cursor{color:#000; font-weight: 600;}

.con-02 .flr.df {align-items: center;}

.fl_box {display: flex; align-items: center;}
.fl_box .fl_img { padding-right: 50px; }
.fl_box .fl_txt p{ color: #4b5163; font-weight: 600;}
.fl_box .fl_txt strong{ font-size: 155%; font-weight: 800; display: block; padding-bottom: 20px; word-break: break-all !important;}
.fl_box .fl_txt strong span{color: var(--blue);}


@media only screen and (max-width:765px){
    .top_title_box { padding:25px 30px;  margin-bottom: 30px;}
    .fl_box .fl_img {display: none;}
    .fl_box .fl_img.block {display: block; padding-right: 20px;}
    .fl_box .fl_txt p{ line-height: 18px;}
    .fl_box .fl_txt strong{  padding-bottom:10px; line-height: 27px; font-size: 140%;}
}


@media only screen and (max-width:1400px){
    #page{font-size:16px;}

}

@media only screen and (max-width:1200px){
    #page{font-size:15px;}
    span.block {display: block;}

}
  
@media only screen and (max-width:991px){
    #page{font-size:14px;}

    .page_tit h3::before {top:9px}
}