@charset "utf-8";

.container_title {position:relative;font-weight:bold;text-align:center;z-index:9;line-height:600px;color:#fff; font-size:40px; background: url(/theme/template01/images/img_page_top.jpg) no-repeat center}

@media all and (max-width:1199px){
    .container_title {line-height:300px; font-size: 30px;}
}

@media all and (max-width:767px){
    .container_title {line-height:230px; font-size: 22px;}
}


/*page_bar*/
#page_nav_bar{width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #ddd;}
#page_nav_bar .container{padding-top: 0; padding-bottom: 0; display: flex; justify-content: space-between; padding: 0;}
#page_nav_bar .left{display: flex; justify-content: start; }
#page_nav_bar .btn_home{width: 60px; height: 60px; background-color: #e81444; text-align: center;}
#page_nav_bar .btn_home a{width: 100%; height: 100%;}
#page_nav_bar .btn_home img{display: inline-block; margin-top: 14px; width: 17px;}
#page_nav_bar .btn_home .text_home{color: #fff; font-weight: 100; margin-top: 0px; font-size: 13px;}
#page_nav_bar .page_gnb_wrap{position: relative; width: 230px; box-sizing: border-box;  line-height: 60px;}
#page_nav_bar .page_gnb_on{position: relative; padding-left: 30px; border-right: 1px solid #ddd; color: #111; font-size: 16px; font-weight: 400;}
#page_nav_bar .page_gnb_box{position: relative; z-index: 99; margin-left: -1px; padding: 15px 0; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; display: none; overflow: hidden;}
#page_nav_bar .page_gnb h2, #page_nav_bar .page_lnb_title{display: block; margin-left: 30px; line-height: 45px; font-size: 15px; font-weight: 400; color: #333;}
#page_nav_bar .page_gnb h3{margin-left: 30px; line-height: 50px; font-size: 15px; font-weight: 300;}
.page_nav_open{position: absolute; top: 0; right: 30px; height: 100%;}
.img_rotate{transform: rotate(180deg); transition: all ease 1s;}

#page_nav_bar .right{display: flex; justify-content: end; align-items: center; height: 60px;}
#page_nav_bar .right_nav{position: relative; padding-left: 30px; font-size: 13px; color: #333;}
#page_nav_bar .right_nav:first-child{margin-top: -0.5px;}
#page_nav_bar .right_nav::before{position: absolute; top: 6px; left: 13px; background: url(/theme/template01/images/ico_pageNav.png) no-repeat center; width: 5px; height: 9px; content: ""; display: block;}
#page_nav_bar .right_nav:first-child::before{display: none;}

/*pc*/
@media all and (min-width:1200px){

    #page_nav_bar .page_gnb h2:hover{color: #e81444;}
    #page_nav_bar .page_gnb h3:hover{color: #e81444;}

}

/*tab*/
@media all and (max-width:1200px){ 

    /*page_bar*/
    #page_nav_bar{height: 50px; padding: 0 20px;}
    #page_nav_bar .container{width: 100%;}
    #page_nav_bar .btn_home{width: 50px;; height: 50px;}
    #page_nav_bar .btn_home img{margin-top:9px; width: 16px;}
    #page_nav_bar .btn_home .text_home{margin-top: -1px; font-size: 12px;}
    #page_nav_bar .page_gnb_wrap{width: 170px;line-height: 50px;}
    #page_nav_bar .page_gnb_on{padding-left: 20px;font-size: 15px;}
    #page_nav_bar .page_gnb h2, #page_nav_bar .page_lnb_title{margin-left: 20px; line-height: 45px;}
    #page_nav_bar .page_gnb h3{margin-left: 20px; line-height: 45px;}
    .page_nav_open{ right: 20px;}
    #page_nav_bar .right{height: 50px;}
    
}


/*mobile*/
@media all and (max-width:767px){

    /*page_bar*/
    #page_nav_bar{height: 50px;padding: 0;}
    #page_nav_bar .container{margin: 0;padding: 0;}
    #page_nav_bar .left{width: 100%;}
    #page_nav_bar .btn_home{width: 55px !important; height: 50px;}
    #page_nav_bar .btn_home img{margin-top: 11px; width: 14px;}
    #page_nav_bar .btn_home .text_home{margin-top: -3px; font-size: 11px; font-weight: 300;}
    #page_nav_bar .page_gnb_wrap{width: 100% !important; line-height: 50px;}
    #page_nav_bar .page_gnb_on{padding-left: 5%;font-size: 14px; font-weight: 500;}
    #page_nav_bar .page_gnb_wrap:last-child .page_gnb_on{border-right: 0;}
    #page_nav_bar .page_gnb h3{margin-left: 30px;font-size: 14px;}
    #page_nav_bar .right{display: none;}
    .page_nav_open{right: 5%;}

    .btn_m{padding: 0 10px; height: 35px; line-height: 35px;}
}