* { margin:0; padding:0;} 


#contentAll { clear:both; width:1020px; margin:0 auto; padding:20px 0 20px 20px; }

#sideContents {float:left; width:220px; height:100%; margin:20px 0 0 0; } 
#snb { width:100%; height:100%; }

#contentsArea {float:left; width:780px; height:100%; min-height:500px; margin:20px 0 20px 10px;} 

#pagetitle { width:100%; height:150px; }
#pagetitle .bg { width:100%; height:106px;  background: url('/images/nav2017/bg_promotion.jpg') no-repeat; }
#pagetitle h2 { padding:30px 0 0 20px;  font-size: 25px; font-weight: 550; color: #3a3b3c; }

#pagetitle .history { padding:0 0 0 1.2em; color:#383737; background: url(/images/common/bul_home_gr.gif) no-repeat 0 5px; }


#tabs { overflow: hidden; width:100%; padding-bottom:15px;  }
#tabs li { float:left; }

#contents { padding-top: 10px; }

.hLv3 { font-size: 1.4em; line-height: 2em; margin-top:20px; padding:0 0 0 26px; background: url(/images/common/blt_o_depth1.png) no-repeat 0 10px; }
.hLv3_1 { font-size: 1.4em; line-height: 2em; padding:0 0 0 26px; background: url(/images/common/blt_o_depth1.png) no-repeat 0 10px; }
.hLv4 { color: #0c459c; margin-top: 15px; padding: 0 0 0 26px; font-weight: normal; background: url(/images/common/ico_squareArrow.gif) no-repeat 10px 5px;  }

.text_depth1 { padding-left: 25px; overflow: hidden; }

.unorder > li { line-height: 25px; padding-left: 9px; background: url(/images/common/bul_notice.gif) no-repeat 0 8px; }


.greet_text p { padding-top: 15px; }
.greet_text .sign { text-align:right; }

.chairman_profile_img { float:left; width:25%; padding:15px 15px 0 10px; }
.chairman_profile_img .img { padding:0 0 0 15px; }
.chairman_profile { float:left; width:67%; }

.chairman_profile .info { padding:10px 0 20px 0;  }
.chairman_profile .info dt { color:#2a0593; background: url('/images/common/bul_home.gif') no-repeat 0 7px; padding-left:18px; }
.chairman_profile li .title { width: 50px; margin: 0 15px 0 0; color:#a1097f; }

.member_profile_title { width:100%; height:40px; text-align:center; padding-top:5px; font-size:1.3em; color:#ffffff; background: #fe8c34; }

.chairman_profile .info .box { height:250px; overflow-x:hidden; overflow-y:scroll; }



.mapbox{width:100%;height:100%;}
.mapbox {font-size:16px;margin-left:4px;background:#ededed;}
.mapbox .boxWrap {position:relative;top:-4px;left:-4px;min-height:130px;line-height:1.5;padding:35px;background:#fff;border:1px solid #ededed;}
.boxList {overflow:hidden;}
.boxList:first-child { padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #d7d9da;}
.boxList span {width:25%;height:50px;float:left;display:block;text-align:center;padding-top:120px; font-weight:600}
.boxList span.ico_v1 {background:url('/about/img/ico_contact.png') no-repeat 30px 0;}
.boxList span.ico_v2 {background:url('/about/img/ico_contact.png') no-repeat 30px -380px;}
.boxList ul {width:75%;float:right;padding:0 0; margin:0;}
.boxWrap .bus ul{padding-top:10px;}


#gallery_list ul { clear:both; width:100%; padding-left:10px; }
#gallery_list li { float:left; width: 175px; height:170px; margin:0 18px 25px 0; border: 1px solid #ededed  }
#gallery_list li img { width:100%; height:120px;  }
#gallery_list li p { width: 100%; background:#f9f9f9; }
#gallery_list li p.title { padding-top:.5em; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#gallery_list li p.time { text-align:center; line-height:1.4; color:#a1097f; }
#gallery_list .comment p { width:100%; padding:10px 0 0 0; text-align:center; }

.history { width:100%; border-spacing: 0px; }
.history td { padding:5px 10px; border-bottom:1px solid #cecece; }
.history .year { color:#1b5bd0; font-weight:bold; font-size:20px; }

.org_box { width:100%; height:690px; border:1px solid #ccc;  }
.org_box p img { padding: 15px 15px; }

.oprationBox{width:100%; height:140px; background: url(/images/common/bg_opration.png)no-repeat; position:relative;}
.oprationBox .oprationInfo{line-height:1.7; padding:20px 20px 0 20px;}

.oprationBox_s{width:100%; height:84px; margin-bottom:10px; background: url(/images/common/bg_opration_s.png)no-repeat; position:relative;}
.oprationBox_s .oprationInfo{line-height:1.7; padding:20px 10px 0 20px;}

.oprationBox_big{width:100%; height:190px; background: url(/images/common/bg_opration_big.png)no-repeat; position:relative;}
.oprationBox_big .oprationInfo{line-height:1.7; padding:20px 20px 0 20px;}
.oprationBox_big .oprationInfo2{line-height:1.7; padding:15px 20px 0 20px;}

.oprationBox_big2{width:100%; height:220px; background: url(/images/common/bg_opration_big2.png)no-repeat; position:relative;}
.oprationBox_big2 .oprationInfo{line-height:1.7; padding:20px 20px 0 20px;}
.oprationBox_big2 .oprationInfo2{line-height:1.7; padding:15px 20px 0 20px;}

.oprationBox_big3{width:100%; height:323px; background: url(/images/common/bg_opration_big3.png)no-repeat; position:relative;}
.oprationBox_big3 .oprationInfo{line-height:1.7; padding:20px 20px 0 20px;}
.oprationBox_big3 .oprationInfo2{line-height:1.7; padding:15px 20px 0 20px;}


.committee_pic {position:relative; width:700px; height:650px; }
.committee_pic li {position:absolute; margin:0; padding:0; }
.committee_pic .man1{left:237px; top:0; width:171px; height:29px; margin-top:18px; padding:2px 0 0 64px; background:url(/member/img/man_chairman.gif) no-repeat;}
.committee_pic .man2{left:237px; top:47px; width:171px; height:29px; margin-top:18px; padding:2px 0 0 64px; background:url(/member/img/man_vice.gif) no-repeat;}
.committee_pic .man3{left:0; top:94px; margin-top:18px;}
.committee_pic .man4{left:237px; top:94px; margin-top:18px;}
.committee_pic .man5{left:453px; top:94px; margin-top:18px;}
.committee_pic li ul li { position:relative; width:171px; height:29px; margin-top:18px; padding:2px 0 0 64px; }
.committee_pic li ul li.man_chairman1{ background:url(/member/img/man_chairman1.gif) no-repeat;}
.committee_pic li ul li.man_vice1{ background:url(/member/img/manbg12.gif) no-repeat;}
.committee_pic li ul li.man_chairman2{ background:url(/member/img/man_chairman2.gif) no-repeat;}
.committee_pic li ul li.man_vice2{ background:url(/member/img/manbg22.gif) no-repeat;}
.committee_pic li ul li.man_chairman3{ background:url(/member/img/man_chairman3.gif) no-repeat;}
.committee_pic li ul li.man_vice3{ background:url(/member/img/manbg32.gif) no-repeat;}
.committee_pic li ul li.member { background:url(/member/img/man_bg.gif) no-repeat;}
.committee_pic li ul li.bg_none {background:none; padding:0;}

#member_list { width:100% }
#member_list dl { float:left; width:45%; margin:0 1em 1em 0;}
#member_list dt { float:left; width:140px;  }
#member_list dd { float:left; width:200px; padding-left:5px; }
#member_list .name { color:#0c459c; font-size:1.1em;}
#member_list .email { background: url('/images/common/ico_email.gif') no-repeat 3px 6px; padding-left:20px; }
#member_list .info {height:115px; }
#member_list .btn { text-align:center;}

#member_list .party { clear:both; }
#member_list .party p { padding:10px 0; }




.memLocal {background:#f9f9f9; position:relative; overflow:hidden; margin-top:30px; height:780px;}
.memLocal .btnBox{margin:35px 15px;}
.memLocal .info{margin:35px; text-align:left; display:inline-block;  padding:10px 15px 15px 40px; background:#eae8e8 url('/images/common/mem_point.png') no-repeat 15px 12px; background-size:1.5em auto}
.memLocal .map{width:60%;  text-align:center; padding:25px 0}
.memLocal .map > img{width:90%; vertical-align:middle; }
.memLocal .map dl dt a{position:absolute; padding:5px 15px; cursor:pointer; color:#000}
.memLocal .map dl dt.pos0 a{top:60%; left:27%;}
.memLocal .map dl dt.pos1 a{top:68%; left:22%;}
.memLocal .map dl dt.pos2 a{top:71%; left:10%;}
.memLocal .map dl dt.pos3 a{top:60%; left:15%;}
.memLocal .map dl dt.pos4 a{top:44%; left:18%;}
.memLocal .map dl dt.pos5 a{top:47%; left:30%;}
.memLocal .map dl dt.pos6 a{top:53%; left:18%;}
.memLocal .map dl dt.pos7 a{top:73%; left:41.5%; }
.memLocal .map dl.on dt a{ color:#fff; border-radius:25px;font-weight:bold;}
.memLocal .map dl.on dt a:hover, .memLocal .map dl.on dt a:focus{text-decoration:underline;}
.memLocal .map dl dt a:hover, .memLocal .map dl dt a:focus{background:#7f92de; color:#fff;  border-radius:25px; text-decoration:underline;}
.memLocal .map dl dd{display:none;}
.memLocal .map dl.on dd{display:block; position:absolute; bottom:0; right:0; width:40%; background:#edeff9; height:100%; text-align:left;}
.memLocal .map dl dd > article > ul{padding:15px 20px}
.memLocal .map dl dd > article > ul > li{float:none; width:100%; background:#fff; margin:0 0 10px 0}
.memLocal .map dl dd ul li a ul{padding:10px 15px; }
.memLocal .map dl.on dd ul li a.btn{left:44%; bottom:15%}
.memLocal .memList ul{padding:15px 20px; overflow:hidden; }
.memLocal .memList ul li{float:none; width:100%; margin:0 0 10px 0}
.memLocal .memList :after{display:block; content:''; clear:both;} 
.memLocal .memList ul li .img{width:90px;}
.memLocal .memList ul li span.rcon{width:50%;}
.memLocal .memList ul li p.sns{left:43%;}

.memList{overflow:hidden; }
.memList ul li{width:32%; margin:15px 0 0 2%; height:160px;  float:left;  border:1px solid #ededed; overflow:hidden; position:relative;}
.memList ul li:nth-child(3n-2){margin-left:0}
.memList ul li > a{display:block; height:100%; position:relative;}
.memList ul li > a:hover, .memList ul li > a:focus{}
.memList ul li span{display:block; }
.memList ul li .img{width:45%; float:left; }
.memList ul li .img img{width:100%; }
.memList ul li span.rcon{width:55%; float:left; }
.memList ul li span.name{padding:10px; font-weight:bold;}
.memList ul li span.etc{padding-left:10px; line-height:20px;}
.memList ul li a:hover span.name, .memList ul li a:focus span.name{}
.memList ul li p.sns{position:absolute; bottom:15px; left:47%;}
.memList ul li p.sns > a{display:inline-block;}
.memList ul li a.home{font-size:0; text-indent:-9999em; width:25px; height:25px; border-radius:25px; display:inline-block; float:left; margin-left:5px; margin-right:5px; background:#18316a url('/humanframe/theme/www/assets/images/01_assembly/sub/ico_photo_website.png') 50% 50% no-repeat; }


#popup_title { width:100%; height:40px; text-align:center; padding:5px 0 5px 0; font-size:1.3em; color:#ffffff; background: #fe8c34; }
#vodplayer { width:100%; margin-top:10px; }
#vodplayer .player { float:left; width:400px; padding: .5em .5em; }
#vodplayer #script { float:left; width: 310px; height:400px; overflow-y: auto; border: 1px solid #ccc; padding: 10px 10px; background: #fff; }
#vodplayer #script:after{clear:both;content:"";display:block;}

#vodplayer2 { width:45%; float:left; }
#vodplayer2 .player { border: 1px solid #ccc; padding: 1em 1em; margin-right:1em;}
#vodplayer2 .angunlist { clear: both; position: relative; height: 300px; overflow-y: auto; }
#confer { float: left; width: 51%; height:620px; overflow-y: auto; border: 1px solid #ccc; padding: 1em 1em; background: #fff; }


.text_img ul { clear:both; }
.text_img ul li { padding:1em 1em;  }
.text_img ul li.text { float:left; width:70%;  }
.text_img ul li.img { float:left; width:20%;  }

.info { padding: 0 0 1em 0; }
ul.dash { padding-left:1em; }
ul.dash li { list-style:none; background: url(/images/common/bul_dash.gif) no-repeat 0.3em 0.7em; padding-left:1em; }
ul.nodash { padding-left:1em; }
ul.nodash li { list-style:none; background: url(); }
ol.num  { list-style-type: decimal; padding-left:2.5em; }
ol.space  { list-style-type: none; padding-left:1em; }
ul.circle { padding-left:2em; list-style-type:circle; }


.title_hangang { font-family: 'SeoulHangangM'; }