/* 
bluedesign.kr
*/

/* webfont */
@font-face{font-family:NG;src:url(../webfont/NanumGothic.eot);src:local(※),url(../webfont/NanumGothic.woff) format('woff')}
body,table,input,textarea,button,select{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,strong,.head nav a,.head nav strong,.track li a,.article .sxe h1{font-weight:600}
a:link, a:hover {text-decoration: none;}

* {margin:0;padding:0;}

/* common */
html, body {height:100%;margin:0;padding:0;width:100%; line-height:1.4em;  font-size:1em; color:#333;}
dl,dt,dd,ul,li {list-style:none; padding:0; margin:0;}



/* main photo */
#mainPhoto {position:relative;}
#mainPhoto #photo img {width:100%}
#mainPhoto #topLink {position:absolute; top:15px; right:15px;}
#mainPhoto #topLink ul { overflow:hidden;}
#mainPhoto #topLink ul li {float:left; margin-left:10px;}
#sealogo {position:absolute; top:15px; left:15px;}

#mainPhoto #name {position:absolute; top:56%; right:15px; text-align:right; color:#fff; letter-spacing:-1px; line-height:15px}
#mainPhoto #name .myVoice {font-size:30px; line-height:30px; font-weight:bolder; margin-bottom:10px; color:#b0fa12; text-shadow:1px 0 1px #000}
#mainPhoto #name .myJob {color:yellow;}
#mainPhoto #name .myName {font-size:46px; line-height:46px; font-weight:bolder; margin-top:10px; text-shadow:1px 0 1px #000}
#mainPhoto #name .myBound {color:yellow; padding-top:2px;}

/* main button */
#mainButton { margin-bottom:25px;  margin-top:-70px;}
#mainButton  ul {overflow:hidden;  width:380px; margin:0 auto; margin-bottom:10px; position:relative;}
#mainButton li {float:left; margin:0 5px;}
#mainButton li span { position:absolute; width:94px; bottom:12px; text-align:center; color:#fff; font-weight:600; letter-spacing:-1px; }
#mainButton li span.icon_01 { left:0;}
#mainButton li span.icon_02 { left:94px;}
#mainButton li span.icon_03 { left:188px;}
#mainButton li span.icon_04 { left:282px;}



/* sub */

/* header */
#header {overflow:hidden; height:45px}
#header #home {float:left;  width:10%;margin-left:15px; margin-top:10px;}
#header #logo {float:left;  width:60%;  margin-top:10px; text-align:right;}
#header #link {float:right;  width:20%; margin-right:15px;  margin-top:10px; text-align:right; overflow:hidden; vertical-align:bottom}
#header #link a {padding-left:5px; vertical-align:bottom}


/* gnb */
#gnbSystem {position:relative; overflow:hidden;}
#gnbSystem #title {font-size:12px; line-height:12px; letter-spacing:-1px; text-align:right; position:absolute; top:30px; right:90px; color:#333;}
#gnbSystem #title p {font-size:16px; color:#000; line-height: 18px;}
#gnbSystem #title p span {font-size:24px; font-weight:bold}
#gnbSystem #icon {overflow:hidden; position:absolute; top:10px; left:10px;}
#gnbSystem #icon li {float:left; margin-right:5px;}
#gnbSystem #menu {width:100%; background:url(../images/bgGnb.gif) repeat-x left top; background-size:2px 45px; border-top:2px solid #38d00a; height:45px; border-bottom:1px solid #081428; margin-top:70px;}
#gnbSystem #menu li {float:left; height:45px; border-right:1px solid #041635; width:9.5%;  text-align:center; font-weight:bold}
#gnbSystem #menu li a {color:#abeeff; display:inline-block ; padding: 5px 2px; padding-top:8px; font-size:12px; line-height:15px; text-shadow: 0px -1px 0px #000}
#gnbSystem #menu li.noline {border:none}
#gnbSystem #man {position:absolute; top:5px; right:0;}
.onMenu a {color:yellow !important}
#navText {background:#2d2d2d; height:30px; line-height:30px; font-size:14px; color:#ccc; text-align:right; padding:0 15px; border-top:1px solid #021638;}

/* buttons */
.buttons
		 {
			padding:20px 0; display: inline-block; width:70%; border: 1px solid #146077 !important; background:#014961; 
			color:#fff; text-decoration: none; border-radius: 10px; font-size: 20px; text-align: center;
			margin-top:10px !important; margin-bottom:5px !important;
			
			background-image:
			-webkit-gradient( 
			linear,
			left top,
			left bottom,
			color-stop(0.01, rgb(98,183,204)),
			color-stop(0.77, rgb(1,74,97))
			);
			background-image:
			-moz-linear-gradient(
			center top,
			rgb(98,183,204),
			rgb(1,74,97)
			);
			
		}


/**/
#boardContents {background:#fff !important}

/* page */
#subContents { background:#eeefef url(../images/subBg.png) no-repeat; padding:20px 15px; background-size:480px 704px;}
#subContents p {margin-bottom:15px;}
#subContents .acc {color:#0347c3}
#subContents p.acc {font-size:26px; line-height:26px; letter-spacing:-1px;}


.profileTitle {color:#0347c3; font-size:20px; line-height:20px; margin-bottom:5px;}
.profileCont { margin-bottom:20px;}


/* footer */
#footer {background:#032a48; border-top:2px solid #33b600; padding:20px 0; color:#fff; position:relative;}
#footer ul {}
#footer ul li {text-align:center; line-height:17px;}
#footer ul .email {margin-bottom:15px;}
#footer a:link {color:yellow; font-size:1.0em;}


/* board */
#boardContainer { background:#fff; padding:0 25px; border:1px solid #fff;}


/* buttons */
.buttons {border-radius: 10px; border:1px solid gray; display: block; width:70%; margin:0 auto; text-align: center; padding:20px 0; font-size:18px; }