@charset "utf-8";
#headArea {width:100%;}
#header {position:relative; width:1200px; height:100px; margin:0 auto; padding:23px 0 0 0; box-sizing:border-box;}
#header::after {content:''; display:block; clear:both;}
.logo {position:relative; z-index:94; float:left; font-family:"score";}
.logo * {display:inline-block;}
.logo a {text-decoration:none;}
.logo img {vertical-align:top; margin-right:5px;}
.logo span strong {line-height:110%; padding:3px 0 0 0; font-size:30px; font-weight:500; letter-spacing:-2px;}
.logo span > span {display:block; line-height:110%; font-size:15px; color:#6c6c6c; letter-spacing:-1px;}


#menuArea{z-index:93; overflow:hidden; position:absolute; top:50px; left:0; width:100%;}
#menuArea .bar{display:none;}
#menuArea .inner{position:static;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 150px);}

#topmenu{float:left; width:100%; padding:0 0 0 23%; box-sizing:border-box;}
#topmenu > li{position:relative; float:left; width:16.66%; line-height:0;}
#topmenu li.menu9,
#topmenu li.last{display:none;}
#topmenu > li > a{display:block; line-height:100px; font-size:20px; font-weight:400; color:#222; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{font-weight:500; color:#5a6cbc;}

#topmenu li .menu{position:relative; display:none; z-index:96; width:100%; height:350px; padding:15px 0 0 0; margin:1px 0 0 0; box-sizing:border-box; border-right:1px solid #efefef; background:#fff;}
#topmenu li:first-child .menu{border-left:1px solid #efefef;}
#topmenu li:focus .menu,
#topmenu li:hover .menu{background:#f5f5fc;}

#topmenu li ul li{float:none; width:100%;}
#topmenu li ul li a{display:block; margin:0 0 10px 0; padding:0 3px 0 7px; color:#151515; text-align:left; line-height:120%;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#5a6cbc;}

#topmenu ul ul{display:none !important;}


#footer{position:relative; float:left; width:100%; line-height:120%; font-weight:300; font-size:120%; font-family:"score"; background:#27282b;}
#footer .inner{z-index:2;}
#footer:after{content:''; display:block; clear:both; width:100%;}
#footer .link{clear:both; width:100%; padding:40px 0 0 0;}
#footer .link a{color:#fff;}
#footer .link li{position:relative; display:inline-block;}
#footer .link li:before{content:''; display:inline-block; width:1px; height:15px; margin:-2px 32px 0 32px; background:rgba(255,255,255,0.3); vertical-align:middle;}
#footer .link li:first-child:before{display:none;}
#footer .link .privacy a{color:#f5cb6b;}
#footer .link .privacy a:hover{color:#fcebb2;}
#footer .info{float:left; position:relative; width:100%; padding:0 0 50px 0; text-align:center;}
#footer .logo{position:static; float:none; margin:41px 0 17px; color:#fff; text-align:center;}
#footer img {vertical-align: baseline;}
#footer .logo span {text-align:left; width: 190px; display: inline-block;}
#footer .logo span > span{color:#999; font-weight:200; font-size:12px; letter-spacing:-0.7px;}
#footer .logo strong{padding:2px 0 0; font-size:26px;font-weight: 500;}
#footer address{padding:0 0 5px; color:rgba(255,255,255,0.6); font-weight:100; font-size: 16px; font-family: "Noto KR";}
#footer address a{color:rgba(255,255,255,0.6);}
#footer .copyright{color:rgba(255,255,255,0.4); font-size:14px; font-weight:100; text-transform:uppercase; font-family: "Noto KR";}





/* ÇÁ·ÎÇÊ */
#profile{overflow:hidden; width:1200px; height:440px; margin:0 auto; border-radius:10px; font-weight:300; font-family:"score"; font-size:16px; background:url(/source/councilman/images/main/bg_member.jpg) no-repeat;}
#profile a{color:#fff;}
#profile .txt{float:left; width:800px; padding:58px 60px 0 60px; color:#fff; box-sizing:border-box;}
#profile .slogan {position:relative; border-bottom:1px solid rgba(255,255,255,0.3);}
#profile .slogan p{line-height:110%; font-size:20px; font-weight:400;}
#profile .slogan .name{padding:12px 0 15px; line-height:120%; font-size:40px; letter-spacing:-3px;}
#profile .slogan .name strong{font-size:48px; font-weight:500; color:#fef8d5;}
#profile .view{display:block; position: absolute; right:0; bottom:26px; width:100px; height:35px; line-height:35px; border-radius:18px; color:#fff; background:rgba(0,0,0,0.15); text-align:center;}
#profile .view:after{content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; margin:-2px 0 0 9px; background:url(/images/kr/main/ico_ctrl.png) no-repeat -157px -291px;}
#profile .view:hover{background:rgba(0,0,0,0.2);}
#profile .view:hover:after{margin-top:-4px; transform:rotate(90deg); transition:0.25s ease-in-out;}
#profile .info{overflow:hidden; width:100%; padding:18px 0 0 0; line-height:120%;}
#profile .pic{float:left; width:400px;}
#profile .pic img{width:400px; height:440px;}
#profile .dot{float:left; width:395px; margin:0 15px 0 0;}
#profile .dot li{position:relative; min-height:36px; padding:0 0 16px 99px; box-sizing:border-box;}
#profile .dot li *{display:block;}
#profile .dot span{position: absolute; top:0; left:0;}
#profile .dot strong{font-weight:500;}
#profile .lts2{letter-spacing:4px;}
#profile .lts3{letter-spacing:18px;}
#profile .dash{float:left; overflow-y:auto; max-height:235px; width:270px; padding:0 5px 0 0; font-weight:500; box-sizing:border-box;}
#profile .dash li{position:relative; padding:0 0 16px 11px; box-sizing:border-box;} 
#profile .dash li:before{content:''; display:block; position: absolute; top:8px; left:0; width:6px; height:2px; background:#fff;}

/**
¼­ºê·¹À̾ƿô
**/
#subContent{clear:both; position:relative; overflow:hidden; width:1200px; padding:45px 12px 30px 42px; margin:0 auto; box-sizing:border-box;}
#subRight{float:right; width:900px;}

/* ÁÂÃøÄü¸Þ´º */
#quick{float:left; width:208px; letter-spacing:-0.5px;}
#quick .greeting{width:192px; height:104px; padding:0 0 0 13px; background:url(/source/councilman/images/main/greeting_bg.jpg) no-repeat;}
#quick .greeting h3{font-weight:bold; font-size:125%; color:#383838; line-height:24px;}
#quick .greeting .info{color:#696969; line-height:16px; padding:0 0 7px 0;}
#quick .mail{width:125px; height:60px; padding:0 0 0 83px; background:url(/source/councilman/images/main/mail_bg.jpg) no-repeat 12px 10px;}
#quick .mail .info{padding:6px 0 0 0;}
#quick .mail .info a{font-size:110%; font-weight:bold; text-transform:uppercase; color:#108cc1; line-height:20px;}
#quick .mail .info a span.txt01{color:#5a5a5a;}
#quick .mail .info a span.txt02{font-size:16px;}

/* ¹®¼­Á¤º¸ */
#pageInfo{float:left; width:100%; padding:0 0 5px 0;  border-bottom:2px solid #5f80d9;}
#pageInfo h2{float:left;}
#pageInfo .info{float:left; padding:13px 0 0 9px; color:#83929b; font-size:90%;}
#pageInfo .loc{float:right; padding:12px 0 0 0; font-size:90%;}
#pageInfo .loc span{color:#5f80d9;}

/* ÅǸ޴º */
#tabmenu{float:left; width:100%; margin:10px 0 10px 0; background:url(/source/councilman/images/common/tabmenu/bg2.gif) repeat-x right 10px;}
#tabmenu li{float:left;}

/* ±âº»ÆäÀÌÁö */
#sub_default{float:left; width:100%; margin:30px 0 0 0; line-height:1.5em;}