@charset "utf-8";

/********************
 * common
 ********************/

/* 공통컬러 */
.m_title strong, #page h2
{color:#5874cc !important}

.subMenu > #now, .intro_area > div:before, #page .congressperson_list a
{background-color:#5874cc }


#page h3:before
{border-color:#5874cc}

html, body {font-family:'Noto Sans KR'; overflow-x:hidden; font-size:18px; font-weight:300;}


/*컨테이너 사이즈*/
.wrap_container, .content_wrap {width: 1300px; margin: 0 auto;}
#container {padding-top:149px; min-height: 1000px;}
.sub_content.content_wrap {padding-top:0px; padding-bottom:60px}

h1.logo {position: relative; float: left; padding:25px 10px 20px 10px; margin:0; letter-spacing: -0.03em;}
h1.logo a{
    display: flex;
    /* justify-items: center; */
    align-items: center;
}
h1.logo img {/* float: left; */margin-right: 10px;/* height: 55px; *//* width: 55px; */}
h1.logo span {display: block;font-size: 14px;font-weight: 500;color: #777;line-height: 13px;margin-top: 0;margin-bottom: 5px;}
h1.logo strong {display: block;overflow: hidden;text-align: left;font-size: 24px;font-weight: 700;width: 250px;line-height: 25px;}
h1.logo strong em{font-size: 80%; color: #666;}


/* 스크롤시 메뉴 높이 */
header.sticky .localNavi > ul > li > a{line-height:80px; height:80px;}
header.sticky h1.logo {padding:6px 10px; margin:0}
header.sticky .menu_wrap {top:80px}
header.sticky .localNavi > ul > li > ul {top:80px;}


/* 메뉴영역 */
.nav_wrap .localNavi {float:right;width: calc(100% - 336px);margin-right:0px;}

.localNavi > ul > li > a{font-weight:500; font-size: 20px;}
.localNavi > ul > li > .depth2 {background:#f1f2f5; padding:0px 0; box-shadow:4px 4px 7px rgba(0,0,0,0.2);  border:none}
.localNavi > ul > li > .depth2 li a {color:rgba(0,0,0,0.7); line-height: 35px; transition: all 0.3s ease-out; padding-left:30px}
.localNavi > ul > li > .depth2 li a:hover {color:rgba(0,0,0,1); background:rgba(0,0,0,0.07);}



#subVisual{background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover;  height:394px;position:relative; overflow:hidden; background-image:url(/images/committee/common/sub_visual.jpg); background-position:center center;  background-color:#444; height: 190px;}
#subVisual *{vertical-align:middle; text-align:center}
#subVisual .visual_txt{ position:relative; padding-top:40px }
#subVisual .visual_txt strong{position:relative;color:#fff;font-size:180%;text-shadow:0 3px 5px rgba(0,0,0,0.3); margin:0 auto; font-weight:500  }
#subVisual .visual_txt strong:after{content:''; display:block; width:1px; margin:0 auto; height:15px; background:rgba(255,255,255,0.4); margin-top:5px}
#subVisual .visual_txt p{color:rgba(255,255,255,1); font-size:100%;text-shadow:0 3px 5px rgba(255,255,255,0.3); margin:5px auto; font-weight: 400;}








@media only screen and (max-width:1330px){
    .wrap_container, .content_wrap {width:100%; min-width: 300px; margin:0 auto;}
    .main_content .wrap_container { padding-right:10px; padding-left: 10px;}
    
    html, body {font-size:17px}
}

@media only screen and (max-width: 991px) {

    html, body {font-size:17px}
    #container {    padding-top: 80px;    }
    h1.logo {padding: 5px 5px;margin:0}
    h1.logo a {height:66px}
	h1.logo span {font-size: 13px;margin-top: 3px;}
	h1.logo strong {font-size: 17px;letter-spacing:-0.05em;width: 200px;line-height: 20px;}
	h1.logo img {margin-right:0;width: 40px;}    #subVisual{ height:145px;}
    #subVisual .visual_txt{ padding-top:25px }

}

@media only screen and (max-width: 750px) {
    html, body {font-size:15px}

}

@media only screen and (max-width: 650px) {

}