@charset "euc-kr";
@import url('global.css');
@import url('layout.css');
@import url('common.css');
body.bg { background:url(../images/bg_top.jpg) top center repeat-x;}

.visual{ width:100%; height: 180px;  }


/* ¿ÞÂÊ¿µ¿ª */
.snb{ float:left; width:210px; margin-right:50px; margin-top: 0px; min-height: 100%; }
.snb  #title {font-family: '¸¼Àº °íµñ'; font-weight:bold;  color:#fff; letter-spacing:-1px; text-align:center; line-height:108px; font-size:23px; width:210px; height:118px; background:url(../images/bg_subnav.png); display:block; }

.snb  #sm { overflow:hidden; }
.snb  #sm a{ line-height:34px;font-family: '¸¼Àº °íµñ'; color: #333333; font-size: 12px; font-weight:bold; display:block;padding-left:33px; }
.snb  #sm li{float:left; height:35px; width:210px; background:url(../images/bg_nav.png); }
.snb  #sm li.on a{ color:#000; background:url(../images/bg_nav_on.png);}

.snb  .banner li{ margin-top:20px;}



/* »ó´ÜŸÀÌƲ¿µ¿ª */
.titleArea { position:relative; width:740px; height:44px; border-bottom:2px #595959 solid; }
.titleArea > #subtitle {position: absolute; font-family: '¸¼Àº °íµñ'; font-weight:bold; font-size:27px; line-height:29px; color:#343434;  }
.titleArea > #map { position: absolute; right:0px; top:18px; color: #979797; font-size: 11px; background:url(../images/dot_home.png) no-repeat 0 0px; padding-left:18px; }


/* ÄÁÅÙÃ÷¿µ¿ª */
#content{ float:left; width:740px; }

#content .wrapper{ margin: 35px 0 0 0; }
#content .wrapper2{ margin: 35px 0 0 0; padding-bottom:30px; border-bottom:1px #CCC dashed; }
#content h1 { color: #454545; font-size: 16px; line-height:29px;font-family: '¸¼Àº °íµñ';  padding-bottom:0px; }
#content h2 {
	color: #454545;
	font-size: 14px;
	line-height:25px;
	background:url(../images/dot_title.png) no-repeat 0px 9px;
	font-family: '¸¼Àº °íµñ';
	padding-left:14px;
	padding-bottom:0px;
}
#content h3 { color: #0067c6; font-size: 15px; line-height:29px; font-family: '¸¼Àº °íµñ'; padding-left:20px; padding-bottom:0px; margin-top: 15px; }
#content .tbBottom { margin-top:5px; font-family: '¸¼Àº °íµñ'; color: #333333; font-size: 12px; }
#content .text1 { margin-top:5px; font-family: '¸¼Àº °íµñ'; color: #333333; font-size: 13px; line-height: 22px; }
#content .text2 { margin-left:20px; list-style:circle; font-family: '¸¼Àº °íµñ'; color: #535353; font-size: 14px; margin-top:5px; line-height:23px; }
#content .img{ margin-top:7px; }

.list1 { padding-bottom:20px; border-bottom:#cfcfcf 1px dashed; overflow:hidden; margin-top:20px;}
.list1 > .pic{ float:left}
.list1 > .contents{ float:left; margin-left:34px; width:530px;}
.list1 > .contents > .title {font-family: '¸¼Àº °íµñ'; color: #d81818; font-size: 16px;font-weight:bold; }
.list1 > .contents > .text {font-family: '¸¼Àº °íµñ'; color: #535353; font-size: 14px; margin-top:5px; }
.list1 > .contents > .viewmore > a{ display:block;width:80px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'¸¼Àº °íµñ' ; font-weight:bold; font-size:11px;}
.list1 > .contents > .viewmore > a:hover{ background: #000; }

.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '¸¼Àº °íµñ'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }
.list3 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '¸¼Àº °íµñ'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }


.webzine1 { padding-bottom:20px; border-bottom:#cfcfcf 1px dashed; overflow:hidden; margin-top:20px;}
.webzine1 > .pic{ float:left}
.webzine1 > .contents{ float:left; margin-left:34px; width:470px; }
.webzine1 > .contents > .title {font-family: '¸¼Àº °íµñ'; color: #d81818; font-size: 16px;font-weight:bold; }
.webzine1 > .contents > .text {font-family: '¸¼Àº °íµñ'; color: #535353; font-size: 14px; margin-top:5px; }
.webzine1 > .contents > .viewmore > a{ display:block;width:80px; line-height:20px; padding-bottom:3px; color:#FFFFFF;   background: #a5a5a5; margin-top:15px; text-align:center;font-family:'¸¼Àº °íµñ' ; font-weight:bold; font-size:11px;}
.webzine1 > .contents > .viewmore > a:hover{ background: #000; }

.person { position:relative; margin-top:10px; margin-left:0px; display:block; overflow:hidden; border:1px #e7e7e7 solid;  padding:15px; font-family: '¸¼Àº °íµñ','µ¸À½';}
.person:first-child{ margin-top:0;}
.person > .pic{ position:absolute; right:20px; top:25px; }
.person > .title{ font-family: '¸¼Àº °íµñ'; color:#0067c6; font-size:20px; width:500px; font-weight:bold; }
.person > .title > span{ font-family: '¸¼Àº °íµñ','µ¸À½'; color:#303030; font-size:16px; font-weight:bold;  }
.person > .title2{ margin-left:0px; width:510px; color:#999; font-weight:bold; font-size:13px; line-height:20px; margin-top: 10px; }
.person > .title3{ background-color:#0e70cb; border-radius:3px; width:70px; text-align:center;  margin-top:10px;  color:#fff; font-weight:bold; font-size:14px; line-height:25px; }
.person > ul.career {width:550px; padding-top:5px; overflow:hidden; }
.person > ul.career li{list-style: circle ; margin-left:18px; font-size:12px; margin-top:5px;color:#535353; }
.person > ul.career li strong{color:#0076bf; }



.list1 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '¸¼Àº °íµñ'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }
.list2 > li { margin-left:10px; padding-left:10px; background:url(../images/dot_title2.png) no-repeat 0px 9px; font-family: '¸¼Àº °íµñ'; color: #484848; font-size: 13px; margin-top:10px; line-height:20px; }


ol.listNum {margin-left:0; padding-left:28px;}
ol.listNum > li {  list-style-type: decimal;  font-family: '¸¼Àº °íµñ'; color: #333; font-size: 12.5px; margin-top:6px; line-height:20px;  letter-spacing:-0.5PX; }




.partnerWrap {overflow:hidden;}
.partnerWrap .partner { float:left; width:230px; margin:0 14px 30px; border:1px #e4e4e4 solid; border-top:2px #77b400 solid; padding-bottom:10px;}
.partnerWrap .partner .pic{ width:196px; margin:10px auto 0; border:1px #e4e4e4 solid}
.partnerWrap .partner .name{ font-family: '¸¼Àº °íµñ','AppleGothic','AppleSDGothicNeoMedium'; color: #1472c8; font-size: 14px;font-weight:bold; text-align:center; margin-top:8px;}
.partnerWrap .partner .site { font-family: '¸¼Àº °íµñ','AppleGothic','AppleSDGothicNeoMedium'; color: #1472c8; font-size: 12px; text-align:center; margin-top:5px;}


/* Å×À̺í */
.tb1 { color: #111; font-size: 12px; width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse;  font-family: '¸¼Àº °íµñ';  }
.tb1 th,.tb1 td{border:1px #CCCCCC solid; padding:9px 0; }
.tb1 thead { color:#FFF; font-weight:bold;}
#content .tbBottom { margin-top:12px; font-family: '¸¼Àº °íµñ'; color:#C00; font-size: 13px; font-weight:bold; line-height:20px;}

/* Å×À̺í ȸ»ö */
.tb2 { margin-top:10px;width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse;  font-family: '¸¼Àº °íµñ'; color: #535353; font-size: 13px; line-height:21px; }
.tb2 caption {text-align:left;font-size:16px; color:#535353;}
.tb2 th,.tb2 td{border:1px #e7e7e7 solid; padding:10px; }
.tb2 th {background-color:#f7f7f7;color:#666;}
.tb2 thead {background-color:#6893e1; color:#FFF; font-size:13px; font-weight:800;}


/* ·Î±×ÀÎÆû */
.loginBox { width:210px; overflow: hidden;  margin-top:20px;}
.loginBox fieldset { width:206px; height:125px; margin:8px 0px 0px 0px; border:2px #dbdbdb solid; overflow: hidden;}
.loginBox fieldset > .form { width:187px; height:59px; margin:12px 0 0 9px;}
.loginBox fieldset > .form > .wrapid{ width:119px; height:59px; float:left; overflow: hidden;}
.loginBox fieldset > .form  > .wrapid input { width:117px; height:25px; border:1px #dbdbdb solid; background-color:#ededed;}
.loginBox fieldset > .form > .btn { width:59px; height:59px; float:left; margin-left:9px;}
.loginBox fieldset > #idsave {  margin:7px 0 0 9px; }
.loginBox fieldset > #idsave + label { font-size:11px; font-weight:bold; margin-left:5px; line-height:11px;}
.loginBox .etc { width:160px;  margin:4px 0px 0px 12px;}
.loginBox .etc > a { font-size:11px; color:#5f6164;}
.loginBox fieldset > .form > .info  { text-align:center; font-size:14px; color:#7e7169; margin-top:26px;}
.loginBox fieldset > .form > .info > strong { color:#763a0d;}
.loginBox fieldset > .form > .logout  { text-align:center; font-size:14px; color:#000; margin-top:19px; font-weight:bold;}


/* ÅǸ޴º */
#tabmenu{ position:relative;overflow:hidden; background:url(../images/tab_menu.gif) repeat-x bottom; font-family: '¸¼Àº °íµñ'; font-weight:bold; font-size:15px; color:#000}
#tabmenu ul li,#tabmenu ul li a{ background:#efefef; }
#tabmenu ul li{float:left;line-height:44px; width:25%;}
#tabmenu ul li a{display:inline-block;width:100%; text-align:center; background-position: 100% 0;cursor:pointer;text-decoration:none !important}
#tabmenu ul li a:hover{color:#000}
#tabmenu ul li.on,#tabmenu ul li.on a{background:#3a8fe5; border-bottom: 1px #3a8fe5 solid;}
#tabmenu ul li.on a{color:#fff}

#tabcontent1{}
#tabcontent2{}
/* //ÅǸ޴º */




/* ÅǸ޴º2 */
#tabmenu2{ position:relative;overflow:hidden;  font-family: '³ª´®°íµñ','Nanum Gothic'; font-weight:600; font-size:15px; color:#000}
#tabmenu2 ul li,#tabmenu2 ul li a{background:url(../images/bg_tab2_off.gif) no-repeat; }
#tabmenu2 ul li{float:left;line-height:44px; width:25%; border-bottom: 1px #987542 solid;}
#tabmenu2 ul li a{display:inline-block;width:100%; text-align:center; background-position: 100% 0;cursor:pointer;text-decoration:none !important}
#tabmenu2 ul li a:hover{color:#000}
#tabmenu2 ul li.on,#tabmenu2 ul li.on a{background-image:url(../images/bg_tab2_on.gif); border-bottom: none;}
#tabmenu2 ul li.on a{color:#3376b8}

#tabcontent21{}
#tabcontent22{}