@charset "euc-kr";

/*
°øÅë
*/
body{background:#363636;}

/* Çì´õ */
#header {position:relative; width:100%; height:48px; background:#fff; border-bottom:3px solid #49a4e8;}
#header h1{padding:8px 0 0 0; text-align:center; line-height:0px; margin:0;}
#header h1 img{height:32px;}
#header .home {position:absolute; top:11px; left:7px;}
#header .home img,
#header .allmenu img{height:27px;}
#header .allmenu {position:absolute; top:13px; right:7px;}

/* ǪÅÍ */
#footer{overflow:hidden; width:100%; text-align:center; padding:0.5em 0 0.7em 0; background:#363636;}
#footer .pc{display:inline-block; padding:0 1px 0 0;}
#footer .pc a{font-size:80%; display:inline-block; color:#fff; padding:3px 10px; background:#606060; border:1px solid #b1b1b1; border-radius:3px; letter-spacing:0px;}
#footer cite{display:inline-block; margin:0 0 4px 0; font-size:75%; font-weight:bold; font-style:normal; color:#a1a1a1; text-transform:uppercase;}

/*
¸ÞÀÎ
*/
#mainContent{overflow:hidden; width:100%; background:#dce5e3;}
#content{overflow:hidden; width:98%; margin:0 auto; padding:3% 0; background:url(/m/images/member/main/bg.png) no-repeat; background-size:80%;}
#main_left{float:left; width:66%; margin:0 1% 0 0;}
#main_right{float:left; width:33%;}

#greeting{margin:0 0 2% 0; line-height:120%; font-weight:bold; font-size:155%; color:#323232; letter-spacing:-1px;}
#greeting span{display:block; font-size:130%; line-height:140%; letter-spacing:-3px;}
#greeting span em{color:#188a9c; font-style:normal; font-size:115%;}

#profile{overflow:hidden; width:100%; background:url(/m/images/member/main/bg_career.png) no-repeat left bottom;}
#profile .picture{float:left; width:40%; max-width:143px;}
#profile .picture img{max-width:85%; border:1px solid #bebebe;}
#profile .detail{float:left; width:55%;}
#profile .detail strong{white-space:pre-wrap;}
#profile .detail span{letter-spacing:-1px;}
#profile .detail li{padding:2px 0 2px 0; border-bottom:1px solid #b2b2b2;}
#profile .detail li:nth-child(n+5){border-bottom:none;}
#profile .sns{overflow:hidden; width:100%; margin:0 0 2% 0;}
#profile .sns li{float:left; width:23%; max-width:46px; margin:0 3px 0 0; border-bottom:none;}
#profile .sns li:last-child{margin:0;}

#career{overflow:hidden; width:97%; padding:1.5%; margin:0 0 2.5% 0; background:#fff; border:1px solid #dcdcdc; border-radius:5px;}
#career h3{float:left; font-size:125%; letter-spacing:-1px;}
#career .more{float:right; margin:0 0 3px 0;}
#career .more img{height:18px;}
#career ul{clear:both; width:100%; height:4.25em; overflow-y:auto;}
#career ul li{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.link {overflow:hidden; width:100%;}
.link li{float:left; width:49%; min-height:7.7em; border-radius:5px; letter-spacing:-1px;}
.link li a{display:block; padding:5%; color:#fff; line-height:120%;}
.link li a strong{display:block; margin:0 0 3% 0; font-size:125%;}
.link li:first-child{margin:0 2% 0 0; background:#8bb128 url(/m/images/member/main/bg_link1.png) no-repeat right bottom; background-size:contain;}
.link li:last-child{background:#e17800 url(/m/images/member/main/bg_link2.png) no-repeat right bottom; background-size:contain;}

#main_right li{float:none; width:100%; margin:0 0 5.5% 0;}
#main_right li:first-child{margin:0 0 5.5% 0; background:#33aec1 url(/m/images/member/main/bg_link3.png) no-repeat right bottom; background-size:contain;}
#main_right li:last-child{margin:0; background:#33aec1 url(/m/images/member/main/bg_link4.png) no-repeat right bottom; background-size:contain;}
#main_right li:nth-child(2){background:#e17800 url(/m/images/member/main/bg_link5.png) no-repeat right bottom; background-size:contain;}
#main_right li:nth-child(3){background:#8bb128 url(/m/images/member/main/bg_link6.png) no-repeat right bottom; background-size:contain;}

/*
¼­ºê
*/
#subContent{position:relative; overflow:hidden; width:100%; background:#fff;}

/*ÆäÀÌÁöŸÀÌƲ */
#pageTitle{height:25px; padding:8px 0 9px 12px; background:#e3e3e3;}
#pageTitle h2{line-height:25px; font-size:155%; letter-spacing:-1px; color:#000;}

/* Àüü¸Þ´º */
#slidemenu{position:absolute; top:51px; left:0px; width:100%; padding:10px 0; display:none; background:#fff; border-bottom:2px solid #000; z-index:99;}
#slidemenu .category{position:relative; overflow:hidden; padding:10px;}
#slidemenu .category li{clear:both; width:100%; border-bottom:1px solid #ccc; margin:0 0 10px 0;}
#slidemenu .category li a{display:block; padding:2px 17px; font-weight:bold; background:url(/m/images/common/bullet/bul_arrowWhite.gif) no-repeat 0 0.3em;}

#slidemenu .category_sub{clear:both; float:left; width:95%; padding:5px 10px 10px 10px;}
#slidemenu .category_sub li{clear:both; width:100%; border:none; margin:0}
#slidemenu .category_sub li a{display:block; padding:2px 10px; font-weight:normal; background:url(/m/images/common/bullet/ico_dotGray.gif) no-repeat 0.2em 0.8em;}


@media screen and (max-width:550px) {
	#main_right li,
	#main_right li:first-child{margin:0 0 4.5% 0;}

	#profile .sns{margin:0 0 3.5% 0;}
	#profile{background-size:35%; font-size:95%;}

	#career{margin:0 0 2% 0;}
	#career h3{font-size:115%;}
	#career ul li{font-size:95%;}
	
	.link li a span{display:block; width:58%; padding:4px 0 0 0;}

	.link li a{padding:8%; font-size:85%;}
	.link li:first-child,
	.link li:last-child,
	#main_right li:first-child,
	#main_right li:last-child,
	#main_right li:nth-child(2),
	#main_right li:nth-child(3){background-size:50%;}
}

@media screen and (max-width:455px) {
	#career{width:92%; padding:4%;}
	#career ul{min-height:4.5em;}
	#greeting {font-size:130%;}
	#greeting span{font-size:135%;}
}

@media screen and (max-width:390px) {
	#profile .sns{margin:0 0 10% 0;}
}

@media screen and (max-width:350px) {
	#profile .sns{margin:0 0 12% 0;}
	#career ul{min-height:4.75em;}
}