@charset "utf-8";

/**
noscript 대체콘텐츠
**/
/* 글자크기조절 */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/**
공통 적용요소
**/

/*
공통 레이아웃
*/

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}


#container_sub{float:left; width:100%; background:url(/images/member/common/bg.gif) repeat-x;}


/*
메인 레이아웃
*/

/* 슬로건 */
#slogan{width:370px; height:316px; font-size:170%;}
#slogan *{display:block;}
#slogan span{padding:1.65em 0 0 0; font-size:120%; letter-spacing:-2px; line-height:120%;}
#slogan strong{margin:0 0 0.35em 0; font-size:325%; color:#1056ab; line-height:135%; letter-spacing:-5px;}
#slogan strong > span { display: inline-block; padding: 0 0 0 15px; font-size: 70%; }
#slogan p{width:90%; line-height:150%;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1000px; margin:0 auto; padding:0 0 65px 0;}

#subvisual{position:relative; float:left; width:100%; margin:0 0 12px 0;}
#subvisual .img{float:right;}
#subvisual #slogan{position:absolute; top:0; height:auto; width:100%; font-size:120%; letter-spacing:-1px;}
#subvisual #slogan span{padding:20px 0 0 0;}
#subvisual #slogan strong{font-size:250%; }

/* 문서정보 */
#pageInfo{overflow:hidden; width:100%; padding:10px 0;}
#pageInfo .pageTitle{float:left; width:50%;}
#pageInfo .pageTitle h3{font-size:250%; letter-spacing:-2px; line-height:200%;}
#pageInfo .loc{float:right; padding:10px 0 0 0;}
#pageInfo .loc img{vertical-align:middle;}
#pageInfo .loc p{float:left; word-spacing:5px;}
#pageInfo .loc p .bold{font-size:105%; line-height:30px;}
#pageInfo .sns{float:right; padding:0 0 0 10px;}
#pageInfo .sns li{float:left; padding:0 0 0 6px;}

/* 탭메뉴 */
#tabmenu{float:left; width:100%; height:64px; margin:0 0 50px 0; border:1px solid #dfdfdf; box-sizing:border-box;}
#tabmenu li{float:left;}
#tabmenu li a{display:block; line-height:64px; color:#4c4c4c; text-align:center; font-size:18px; border-right:1px solid #dddddd; text-decoration:none;}
#tabmenu li.last-child a{border-right:none;}
#tabmenu .current_on a{color:#fff; background:#6584c4; font-weight:bold;}
#tabmenu .current a{color:#545454;}
#tabmenu .tab2 li{width:49.999%;}
#tabmenu .tab3 li{width:33.333%;}
#tabmenu .tab4 li{width:25%;}
#tabmenu li a:hover,
#tabmenu li a:active,
#tabmenu li a:focus,
#tabmenu li.current_on a{background:#5796c2; color:#fff;}

/* 서브기본 */
#sub_default{position:relative; float:left; width:100%; line-height:150%;}



/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}
	#subContent,
	#footer{width:100%;}
	#sns{width:50%; margin-top:300px;}
	
	#subvisual #slogan p{width:30%;}
	
	#container_sub{background:none; border-top:1px solid #ddd;}

	#slogan{width:98%; height:22em; padding:0 0 0 2%; font-size:100%;}
	#slogan span{font-size:135%;}
	#slogan strong{font-size:250%; letter-spacing:-4px;}
	#slogan p{width:46%;}

	#subContent{width:98%; padding:0.3em 0;}
	#pageInfo,
	#pageInfo .pageTitle{width:100%; padding:0;}

	#subRight #content{width:99.6%; padding:0 0 2em 0;}

	#pageInfo {height:auto;}
	#pageInfo .pageTitle h3{padding:0 0 0 0.5em; min-height:43px; font-size:165%; line-height:220%; background-position:0 50%;}

	#sub_default{width:98%; padding:1%;}
}

/**
768미만
**/
@media screen and (max-width:767px) {


	
}