@charset "euc-kr";

/**************************************************
ÇÁ·Î±×·¥ ID : ick.css
ÇÁ·Î±×·¥ ¸í : ick Cascading Style Sheets
ÀÛ  ¼º   ÀÚ : ±è´öÀÓ(thegi01@nate.com)
ÃÖÃÊ ÀÛ¼ºÀÏ : 2012/05/15
ÃÖÁ¾ ÀÛ¼ºÀÏ :
Âü°í   »çÇ× :
**************************************************/

@import url("/include/css/base_en.css");
@import url("/include/css/layout.css");
@import url("/include/css/style.css");

/* °øÅë
------------------------------------------------------------------------------- */


/* 1. Àλ縻
------------------------------------------------------------------------------- */
.greet .ick_left{ width:412px; float:left;}
.greet .ick_left h5 { padding-bottom:15px;width:100%; float:left;}
.greet .ick_left p{ line-height:22px;}
.greet .ick_left p.en{ line-height:22px;font-size:13px}
.greet .ick_right{ width:312px; float:left;}
.greet .ick_table { width:100%; border-bottom:solid 1px #cacaca;}
.greet .ick_table th { color:#666666; padding:8px 8px 0 25px; text-align:left; border-bottom:solid 1px #cacaca;}
.greet .ick_table td { color:#666666; padding:8px 8px 8px 10px; text-align:left; border-bottom:solid 1px #cacaca;}
.greet .ick_table td.tc{ text-align:center;}
.greet .ick_table td.fb{ font-weight:bold;}


/* 2. ¼³¸³¸ñÀû
------------------------------------------------------------------------------- */
.greet .groound {height:auto; float:left;}
.greet .groound h5 { padding-bottom:15px;}
.greet .groound .txt {padding-bottom:30px; line-height:22px;}
.greet .groound .img {padding-bottom:30px; float:left; width:100%; vertical-align:top; font-size:0;}
.greet .groound .img li { padding-right:5px;float:left;}
.greet .groound .img li.left_n{ padding-right:0; }
.greet .groound .list01 { width:100%;padding-bottom:30px;}
.greet .groound .list01 li { line-height:22px; padding-left:11px; background:url(/images/etc/dot01.gif) 0 8px no-repeat;}
.greet .groound .btn{ text-align:right;}
.greet .groound_list { width:188px; float:left; padding:20px 16px 16px 16px; border:solid 1px #f5f5f5; margin-left:30px; margin-bottom:20px;}
.greet .groound_list.left_n { margin-left:0;}
.greet .groound_list.h570{height:550px;}
.greet .groound_list.h360{height:340px;}
.greet .groound_list p { padding-top:20px; padding-bottom:10px;}
.greet .groound_list dt, .greet .groound_list dd{ float:left; color:#666; line-height:20px;}
.greet .groound_list dt {background:url(/images/etc/his_dot.gif) 0 8px no-repeat;line-height:22px; padding-left:5px; width:183px; margin-top:8px; font-weight:bold;}
.greet .groound_list dd { padding-left:5px;width:180px;}


/* 3. Çùȸ¿¬Çõ
------------------------------------------------------------------------------- */
.history #contents {margin-top:65px;}
.history img.fl {float:left;margin:10px 18px 0 19px;}
.history section {float:left;}
.history section ul {margin:5px 0 0 32px; *line-height:18px;}
.history section ul li {width:454px; margin-top:25px; overflow:hidden;}
.history section ul li:first-child {margin-top:0;}
.history section ul p {float:left; width:83px;}
.history section dl {float:left; ;}
.history section dt {float:left;}
.history section dd {margin-left:36px;*margin-top:1px;}

/* 4. ¿ª´ëȸÀå
------------------------------------------------------------------------------- */
.chaman { width:100%; float:left;}
.chaman .chaman_list { width:220px; float:left;  border:solid 1px #f5f5f5; margin-right:30px; margin-bottom:20px; height:350px;background:#f5f5f5;}
.chaman .chaman_list.left_n { margin-right:0;}
.chaman .chaman_list h5 { text-align:center; background:#fff;padding-top:20px;}
.chaman .chaman_list .img_ch { width:220px; text-align:center; background:#fff; font-size:0; height:126px;}
.chaman .chaman_list .img_view { width:220px; text-align:center; background:#fff; padding-bottom:10px; font-size:0;}
.chaman .chaman_list ul { padding-top:10px;  padding:10px 20px;}
.chaman .chaman_list li { width:188px; float:left; line-height:22px;}
.chaman .chaman_list li.name { font-weight:bold;}


/* 5. Á¶Á÷.ÀÓ¿ø
------------------------------------------------------------------------------- */
.organ #contents {margin-top:60px;}
.organ #contents > * {font-size:0;}
.organ #contents ul.dp1 {width:683px; margin:0 auto; }
.organ #contents ul.dp1 li {padding-top:40px; background:url(/images/bg/bg_organ06.gif) 50% 0 no-repeat; text-align:center;}
.organ #contents ul.dp1 li:first-child {padding-top:0;}
.organ #contents ul.dp21 li {padding:0 0 0 120px !important; background:url(/images/etc/dot02.gif) 0 50% repeat-x !important; display:inline-block; *display:inline;}
.organ #contents ul.dp21 li:first-child {padding-left:0 !important; background:none !important; }
.organ #contents ul.dp22 li {float:left; width:269px; padding:0 0 0 68px !important; background:url(/images/bg/bg_organ05.gif) 0 0 no-repeat !important; text-align:left !important;}
.organ #contents ul.dp22 li:first-child {width:346px !important; padding:0 !important;background:url(/images/bg/bg_organ02.gif) 100% 0 no-repeat !important; text-align:center !important;}

.organ #contents ul.dp31 {margin-top:-9px; background:url(/images/bg/bg_organ03.gif) 0 0 no-repeat !important;}
.organ #contents ul.dp31 li {float:left; padding:180px 0 0 0!important; background:none !important;}
.organ #contents ul.dp31 li:first-child {width:60px !important; padding:182px 0 0 0!important;  *padding-top:175px !important;  background:none !important; text-align:left !important;}
.organ #contents ul.dp31 li.consoli {width:186px !important; padding:63px 0 0 0 !important; background:none !important; text-align:center !important; *margin-top: -5px !important;}
.organ #contents ul.dp31 li.eval {width:36px !important; padding:182px 0 0 0 !important; *padding-top:175px !important;  background:none !important; text-align:right !important;}
.organ #contents ul.dp31 li.policy {width:63px !important; padding:182px 0 0 0 !important;  *padding-top:175px !important;  background:none !important; text-align:right !important;}


.organ #contents ul.dp32 {width:314px; margin-top:-9px;  margin-left:-45px; padding:63px 0 0 0 !important;  background:url(/images/bg/bg_organ04.gif) 0 0 no-repeat !important;}
.organ #contents ul.dp32 li {width:35px ; padding-top:118px !important; background:none !important; text-align:left !important; }
.organ #contents ul.dp32 li:first-child {width:142px !important; padding:0 !important; background:none !important;}
.organ #contents ul.dp32 li.consPlant {width:33px; margin-top:1px; *margin-top:-5px; margin-lefT:-2px; padding-left:0 !important;}
.organ #contents ul.dp32 li.ove {width:104px !important; padding:0 !important;}
.organ #contents ul.dp32 li.newMarket {width:36px !important; padding:120px 0 0 0 !important; text-align:left !important; *margin-top: -8px !important;}
.organ #contents ul.dp32 li.compu {width:25px !important; margin-top:1px;  *margin-top:-5px; padding-left:1px !important;}


.organ #contents ul.dp41 {padding:118px 0 0 0 !important;}
.organ #contents ul.dp41  li {width:36px !important; padding:0 0 0 24px !important; text-align:left !important;}
.organ #contents ul.dp41  li:first-child {width:36px !important; padding: 0 !important;}
.organ #contents ul.dp41  li.dist02 {width:36px !important; padding:0 0 0 27px !important; text-align:left !important;}


.organ #contents dl.dp411 dl {margin-left:-2px;}
.organ #contents dl.dp411 dt {margin-left:0px;}
.organ #contents dl.dp411 dd {float:left; height:73px; width:10px; padding:14px 0 0 2px; overflow:hidden;}
.organ #contents dl.dp411 dd:first-child {padding-left:0;}

.organ #contents dl.dp412 dl {margin-left:5px;}
.organ #contents dl.dp412 dt {}
.organ #contents dl.dp412 dd {float:left; height:73px; width:10px; padding:14px 0 0 5px; overflow:hidden;}

.organ #contents ul.dp42 {margin-left:23px; padding:78px 0 0 0 !important;}
.organ #contents ul.dp42  li {width:35px !important; padding:0 0 0 25px !important; text-align:left !important;}
.organ #contents ul.dp42  li:first-child {width:35px !important; margin-left:-1px; padding:0 !important;}
.organ #contents ul.dp42  li.newMarket {width:36px !important; padding:0 0 0 0 !important; text-align:left !important;}

.organ #contents dl.dp421 dl {margin-left:5px;}
.organ #contents dl.dp421 dt {}
.organ #contents dl.dp421 dd {float:left; height:73px; width:10px; padding:14px 0 0 5px; overflow:hidden;}

.organ #contents div.box_gray03 {margin-top:30px;}
.organ #contents .leader ul {clear:both; height:auto; margin:0 auto; text-align:left;}
.organ #contents .leader ul li {float:left; margin-left:20px; padding-left:37px; background:url(/images/etc/vline_gra02.gif) 0 0 no-repeat;}
.organ #contents .leader ul li:first-child { margin-left:25px; padding-left:0; background:none;}
.organ #contents .leader ul li img.fl {margin-right:13px;}
.organ #contents .leader ul li div {position:relative; float:left; width:90px; height:105px; overflow:hidden;}
.organ #contents .leader ul li div h4 {margin-top:5px; margin-bottom:0;}
.organ #contents .leader ul li div h4 span img {padding:0 0 2px 2px;}
.organ #contents .leader ul li div p.txt {margin-top:5px;}

.organ #contents .member ul {clear:both; height:auto; margin:20px auto 0 auto; padding-top:30px; background:url(/images/etc/dotline01.gif) 0 0 repeat-x; text-align:left; overflow:hidden;}
.organ #contents .member ul:first-child {margin-top:0; padding-top:0; background:none;}
.organ #contents .member ul li {float:left; padding-left:57px;}
.organ #contents .member ul li:first-child {margin-left:15px; padding-left:10px;}
.organ #contents .member ul li img.fl {margin-right:13px;}
.organ #contents .member ul li div {position:relative; float:left; width:90px; height:105px; overflow:hidden;}
.organ #contents .member ul li div h4 {margin-top:5px;margin-bottom:0;}
.organ #contents .member ul li div p.name {margin-top:8px; line-height:0;}
.organ #contents .member ul li div p.txt {padding-top:8px;}

.organ #contents .btn {position:absolute; bottom:0; left:0;}

.organ_new{ float:left;} 
.organ_list{ width:100%;}
.organ_list .pho_list{ width:240px; float:left; padding-top:30px; position:relative;}
.organ_list .pho_list dt, .organ_list .pho_list dd{ float:left;}
.organ_list .pho_list dt{ width:88px; padding-right:15px;}
.organ_list .pho_list dd { width:130px; padding-bottom:5px;}
.organ_list .pho_list dd.btn{ position:absolute; bottom:17px; left:100px;}
.organ_list .pho_list dd.btn img { cursor:pointer;}
.organ_list .line{ background:url(/images/etc/dotline01.gif) 0 0 repeat-x; height:1px; width:100%; margin-top:30px; margin-bottom:30px; clear:both;}




/* 6. ºÎ¼­¾È³»
------------------------------------------------------------------------------- */
.depart table.data ol {font-weight:bold;}
.depart table.data td:nth-child(1) {text-align:center;}
.depart table.data td:nth-child(3) {text-align:center;}
.depart table.data tr:first-child td:nth-child(1) {text-align:left;}
.depart table.data tr:first-child td:nth-child(2) {text-align:center;}
.depart table.data tr:first-child td:nth-child(3) {text-align:left;}
.depart table.data tr:first-child td:nth-child(4) {text-align:center;}
.depart table.data tr.tc td {text-align:center !important;}

.depart h5.group {font-size: 14px; font-weight:bold; color: #4169e1; padding-bottom:15px;width:100%; float:left;}
.depart h5.divis {font-size: 14px; color: #00bfFf;  padding-bottom:15px; padding-top:30px;width:100%; float:left;}
.depart h5.cent {font-size: 14px; color: #ff7f50;  padding-bottom:15px; padding-top:30px;width:100%; float:left;}

/* 7. ÇØ°ÇÇù CI
------------------------------------------------------------------------------- */
.ci { width:100%; float:left;}
.ci  #contents {margin:0 15px 0 17px; padding-top:10px;}
.ci h4 a {margin-top:-15px;}
.ci h5 { width:100%; float:left;}
.ci .icakCi {padding:30px 0 60px 0; float:left;}
.ci .icakCi div {margin-bottom:45px; text-align:center;}
.ci .icakCi div img {margin-left:68px;}
.ci .icakCi div img:first-child {margin-left:0;}
.ci .icakCi h5 {font-size:12px; color:#666; line-height:22px; letter-spacing:0;}
.ci .icakCi ul.list03 {margin:10px 0 0 1px;}
.ci .color {padding:30px 0 60px 40px; text-align:center;}

.ci .sigEmb {position:relative; padding:0 0 30px 0; overflow:hidden; width:100%}
.ci .sigEmb h5 {margin:15px 0 8px 0; padding-left:8px; background:url(/images/etc/dot03.gif) 0 3px no-repeat; font-size:0; line-height:0;}
.ci .sigEmb h6 { clear:both; padding-top:25px; font-size:12px; color:#666; padding-bottom:10px;}
.ci menu {float:left; width:294px; height:153px;  margin:0 15px 0 10px;  padding-top:0px; background:#fff; overflow-y:auto; scrollbar-face-color:#fff; scrollbar-shadow-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#e3e3e3; scrollbar-darkshadow-color:#a0a0a0; scrollbar-track-color:#fff; scrollbar-arrow-color:#000; border:solid 1px #d9d9d9;}
.ci menu li {padding:8px 0 1px 10px;  color:#ffffff; font-weight:bold; text-align:left;}
.ci menu li:hover, .ci menu li.on {background:#ecf1f6;color:#ecf1f6;}
.ci menu a:hover {color:#666;}

.ci menu li div.viewBox {position:absolute; top:51px; left: 360px; width:360px; height:72px; border:solid 1px #d9d9d9; background;#fff; padding:40px 0; text-align:center; overflow:hidden; display:none;}
.ci menu li.on div.viewBox {display:block !important;}
.ci menu li:first-child div.viewBox {display:block;}

.ci .sigH .viewBox {height:52px; padding:50px 0 !important;}
.ci .embB menu {height:212px;}
.ci .embB .viewBox {height:190px; padding:10px 0 !important;}
.ci .embS menu {height:158px;}
.ci .embS .viewBox {height:95px; padding:30px 0 !important;}
.ci .viewBox img {vertical-align:top; margin-left:35px;}
.ci .viewBox img:first-child {margin-left:0;}


/* 8. È«º¸¿µ»ó°ü
------------------------------------------------------------------------------- */
.video { float:left; width:100%;}
.video section {margin:30px 0 0 0; overflow:hidden; vertical-align:top; border-bottom:dotted 2px #d6d6d6; padding-bottom:30px;}
.video section:first-child {margin-top:0;}
.video section div.fl {width:450px;overflow:hidden; float:left;}
.video section div.fl:first-child {width:250px; margin-left:0}
.video section div.fl img.btn {margin-top:4px;}
.video section div.fl img.fl {margin-right:3px;}
.video section h5 {margin-top:8px !important; padding-bottom:15px;width:100%; float:left;}
.video section p.sjt { color:#666; font-weight:bold; line-height:22px;}
.video section dl {color:#666; line-height:22px;}
.video section dt {float:left;}
.video section dd {padding-left:5px; overflow:hidden;}
.video section .btn{ clear:both; width:450px; padding-top:20px;}
.video section .btn img{ padding-right:3px;}
.video .video_list { width:250px; float:left; padding-right:20px;}

/* 9. ¿À½Ã´Â ±æ
------------------------------------------------------------------------------- */
.map_new .mapArea {margin-bottom:30px; margin-top:10px; border:solid 1px #d6d6d6; line-height:0; clear:both;}
.map_new .trans {padding-top:10px;}
.map_new h5 { padding-bottom:15px;}
.map_new h6 { padding-bottom:15px;}
.map_new .txt{ padding-bottom:30px; line-height:22px;}
.map_new .trans h6 { font-size:12px; padding-bottom:5px;}
.map_new .trans .subway {float:left; width:100%;}
.map_new .trans .subway img:first-child, .map_new .trans .bus img:first-child {float:left; padding-right:20px;}
.map_new .trans .subway h5,.map_new .trans .bus h5 {padding-top:4px; overflow:hidden;width:100%; float:left;}
.map_new .trans .subway p img {padding-top:10px;}
.map_new .trans .bus { width:100%; float:left; padding-top:30px;}
.map_new .trans .bus dl {margin-top:10px; float:left; width:600px;}
.map_new .trans .bus dt {float:left; width:60px; font-weight:bold;}
.map_new .trans .bus dd {padding-bottom:5px; overflow:hidden; width:540px; float:left;}

/* 10. ÇعÐÇб³
------------------------------------------------------------------------------- */
.haemill_box { width:100%; float:left; padding-bottom:15px;}
.haemill_box li { padding-right:10px; float:left}
.haemill_box li.prn{ padding-right:0;}
.list{ width:100%; float:left; padding-top:10px; padding-bottom:20px;}
.list li { padding:0 0 0 13px; margin:3px 0 0 0;}
.h4_right{ position:relative; float:left; width:100%;}
.h4_right .right_btn { position:absolute; right:0; top:-8px;}


.style1 {color: #4873A8;}


.gallery #contents div.search  {margin-bottom:30px;}
.gallery .photo {clear:both; width:auto; height:auto; margin-left:-50px; overflow:hidden;  word-wrap:break-word; padding-top:20px; float:left;}
.gallery .photo li {float:left; width:185px; padding-left:50px; padding-bottom:45px;}
.gallery .photo li img {width:180px; height:233px; border:solid 1px #dbdbdb;}
.gallery .photo  p.title {height:90px; width:100%; overflow:hidden; margin-top:10px; padding-bottom:12px; border-bottom:solid 1px #eaeaea;text-align:center;line-height: 18px;}
.gallery .photo  p.title a {width:100%; font-weight:bold; color:#6294de;}
.gallery .photo  p.date {text-align:left; padding-top:7px; font-size:11px; color:#8f8f8f;}
.gallery .photo  p.divi {text-align:left; font-size:11px; color:#8f8f8f;}

.sitemap {overflow: hidden;}
.sitemap .colgroup {margin: 0px 0px 4px; width: 800px; overflow: hidden;}
.sitemap .categoryWrap {margin: 15px 35px 0px 0px; width: 164px; float: left; display: inline;}
.sitemap h3 {height:23px; background:url('') no-repeat;width: 100%; text-indent: 8px; border-bottom-color:rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid;}
.sitemap h3 a {line-height: 22px; font-size: 14px;}
.sitemap .depth1 {margin: 7px 0px 0px;}
.sitemap .depth1 li {line-height: 22px;}
.sitemap .depth1 li a {	background:url(../../images/etc/dot01.png) 0 8px no-repeat; padding-left: 13px; display: inline-block;}
.sitemap .depth2 {margin: -1px 0px 0px;}
.sitemap .depth2 li {padding-left: 8px;}
.sitemap .depth2 li a {	padding: 0px; color: rgb(155, 155, 155);}
.sitemap .exception {margin-top: 9px;}
.sitemap .notice {margin: -8px 0px 0px 398px;}