/* 레이아웃 CSS */
hr { display: block; border-color: rgba(0,0,0,0.1); }

#header { height: 340px; margin-top:60px; margin-bottom:90px; background:url("./img/header_hd.png"); background-repeat: no-repeat; background-position: center center; background-size:auto 100%; transition: height 0.5s; }
#header .bg { position:absolute; top:-60px; left:0; width:100%; height:60px; background:#fff; }
#header .gnb_wrap { position:relative; margin-top:-70px; height:368px; transition: height 0.5s; }

#header.scrolled { height:0; margin-bottom:0; }
#header.scrolled .gnb_wrap { height:32px; }

#header.scrolled .gnb_wrap ul.search_top_wrap
{
    position:absolute;
    top: inherit;
    left:40%;
    margin-left:0;
}


#header .gnb_wrap .inner { height:100%; }

#header .gnb_wrap ul.search_top_wrap
{
    position:absolute;
    top: 300px;
    left:50%;
    margin-left:-150px;
}

#header .row_gnbs .cbp-hrmenu > ul:after
{
    display:block;
    content:'';
    clear:both;
}

#header .row_gnbs .cbp-hrmenu > ul > li
{
    float:left;
    width:213.3333333333333px;
    margin-left:-1px;
    padding:30px 30px;
    border-left:1px solid #666;
    border-right:1px solid #666;
    background:#333333;
}

#header .row_gnbs .cbp-hrmenu > ul > li a
{
    position:relative;
    display:block;
    width:100%;
}

#header .row_gnbs .cbp-hrmenu > ul > li:hover
{
    background:#222222;
}

#header .row_gnbs .cbp-hrmenu > ul > li a, .row_gnbs .cbp-hrmenu > ul > li:hover a:hover
{
    line-height: 1.5;
    color:#fff !important;
    text-align:center;
}

#header .rows_gnb_wrap span.me_name
{
    position:relative;
    display:block;
    font-weight:200;

    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

#header .rows_gnb_wrap span.me_name.kor
{
    font-size:16px;
}

#header .rows_gnb_wrap span.me_name.eng
{
    font-size:13px;
    color:rgba(255,255,255,0.75);
}

span.mobile_me_name
{
    display:inline-block;
}
span.mobile_me_name.eng
{
    text-indent:10px;
    font-size:12px;
    color:rgba(0,0,0,0.4);
}

.contents_wrap { padding-top:340px; }



.rows_gnb_wrap {border-top:1px solid rgba(255,255,255,0.2); margin-top: 20px; display:block; background:#333; }
.row_gnbs {position: relative;}
.row_gnbs .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {padding-left: 0px; padding-right: 0px;}
.row_gnbs .cbp-hrmenu > ul > li {padding-left: 0px; padding-right: 30px;}
.row_gnbs .cbp-hrmenu > ul {float:none !important; line-height: 100%;}
.gnb_wrap .row_gnbs nav {float:none;}
.row_gnbs .cbp-hrmenu .cbp-hrsub {top:40px;}

.search_top_wrap {float:left; position: relative; width: 280px;}
.search_top_wrap input {border:0px; background-color: #fff; border-radius: 60px; height:40px; width: 100%; color:#000;}
.search_top_wrap input::placeholder{font-family:'font-R',sans-serif; color:#999;}
.search_top_wrap button {position: absolute; top:11px; right:15px;}
.search_top_wrap input:focus {border:0px !important;}
.search_top_wrap_inner {position: relative;}

/* 게시판 fixed 버튼 위치조정 */
.rb_bbs_wrap .btns_gr_wrap {top:545px !important;}
.rb_bbs_wrap.scrolled .btns_gr_wrap { top:200px !important; }

.co_header0 .rows_gnb_wrap {position:absolute; bottom:0; border-top:1px solid rgba(0,0,0,0.05);}
.co_header0 .search_top_wrap input {background-color: rgba(0,0,0,0.05);}
.ser_display_none .search_top_wrap_inner {display: none;}

@media all and (max-width:1024px) {

    #header { height:auto; margin-top: inherit; margin-bottom:inherit; background:none; }
    #header .bg { display:none; }
    #header .gnb_wrap { margin-top:0px; height:auto; }
    #header .gnb_wrap ul.search_top_wrap { position:inherit; top:inherit; left:inherit; margin-left:0; }

    #header.scrolled { height:auto; margin-bottom:inherit; }
    #header.scrolled .gnb_wrap { height:auto; }

    #header.scrolled .gnb_wrap ul.search_top_wrap
    {
        position:inherit;
        top: inherit;
        left: inherit;
    }

    .contents_wrap { padding-top:135px; }
    .contents_wrap section.index { padding-top:20px; }
    .contents_wrap section.sub { padding-top:40px; }

    .rows_gnb_wrap {display: none;}
    .search_top_wrap {width: 30%;}
    .gnb_wrap .snb_wrap .qm_wrap a {width: auto; padding-left: 0px; margin-left: 20px;}
    .gnb_wrap .tog_wrap {margin-right: 20px;}

    /* 1.0.1 { */
    .mobile_cb {clear: both;}
    .search_top_wrap {display: block; float:none !important; width: 100%; margin-top: 10px;}
    .gnb_wrap .snb_wrap .my_btn_wrap {display: block;margin-left: 20px;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round.arr_bg {display: none;}
    .gnb_wrap .snb_wrap .my_btn_wrap .btn_round {padding-left: 15px; padding-right: 15px; height:35px;}
    .gnb_wrap .snb_wrap .qm_wrap a span {left: 10px;}
    /* } */
    
    /* 1.1.1 { */
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
    /* } */
    
}