@charset "utf-8";
@import url('base.css');



/*layOut*/

.headerWrap {margin:0 auto; background:url('../images/bg_header.jpg') center 93px repeat-x;}
.headerWrap>.header {width:1000px; height:120px; margin:0 auto;}
.headerWrap>.header>.logo {width:300px; float:left; height:87px; padding-top:5px;}
.headerWrap>.header>.menuWrap {width:700px; float:left;}
.headerWrap>.header>.menuWrap>.utilWrap {float:right; padding-top:10px;}
.headerWrap>.header>.menuWrap>.utilWrap>ul>li {float:left;}

.headerWrap>.header>.menuWrap>.gnbWrap {width:700px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb {clear:both; margin-top:40px; -webkit-margin-before:40px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .navi {float:right;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .navi>ul>li {float:left; padding-right:35px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .navi>ul>li.last {padding-right:0px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .snb {position:absolute; z-index:99; left:50%; margin-top:21px; -webkit-margin-before:24px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .snb>ul>li {float:left; margin-right:15px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .snb>ul>li:last-child {margin-right:0;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .snb>ul>li>a {display:block; font-size:12px; line-height:230%; letter-spacing:-0.05em; color:#fff;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .snb>ul>li>a:hover {font-weight:bold;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi01 {margin-left:-195px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi02 {margin-left:-180px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi03 {margin-left:-160px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi04 {margin-left:-80px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi05 {margin-left:105px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi06 {margin-left:80px;}
.headerWrap>.header>.menuWrap>.gnbWrap>.gnb .subnavi07 {margin-left:60px;}


.contentsWrap {margin:0 auto;}
.contentsWrap>.contents {width:1015px; margin:0 auto; padding-top:20px;}
.contentsWrap>.contents>.visualWrap { height:250px;}
.contentsWrap>.contents>.visualWrap>.popWrap {width:255px; height:208px; float:right; padding:20px; border:1px solid #ddd;overflow:hidden; }
.contentsWrap>.contents>.visualWrap>.popWrap>h1 {height:25px;}

.contentsWrap>.contents>.bbsWrap {margin-top:20px; height:150px;}
.contentsWrap>.contents>.bbsWrap>.tabWrap {float:left; width:700px;}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.tabList {height:27px; border-bottom:2px solid #4c0369;}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.tabList>ul>li {float:left; border-right:1px solid #ddd;}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.tabList>ul>li:last-child {border-right:none;}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.tabList>ul>li>a {display:inline-block; padding:0 15px; height:20px; line-height:20px; font-size:14px; color:#555; letter-spacing:-0.06em;   font-family:'malgunB';}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.tabList>ul>li>a#la_img_1 {color:#4c0369;}
.contentsWrap>.contents>.bbsWrap>.tabWrap>.board_con {margin-top:10px;}
.contentsWrap>.contents>.bbsWrap>.noticeBox {width:300px; float:left; height:145px; border-right:1px solid #ddd;}
.contentsWrap>.contents>.bbsWrap>.noticeBox>div>table td>a {font-size:12px; letter-spacing:-0.05em;}
.contentsWrap>.contents>.bbsWrap>.mvBox {width:380px; float:left; height:145px; border-right:1px solid #ddd; padding-left:20px;}
.contentsWrap>.contents>.bbsWrap>.mvBox>div>table td {vertical-align:top !important; }
.contentsWrap>.contents>.bbsWrap>.mvBox>div>table td>a {font-size:12px; letter-spacing:-0.05em;}
.contentsWrap>.contents>.bbsWrap>.cafeBox {width:300px; float:left; margin-left:14px;}
.contentsWrap>.contents>.bbsWrap>.qnaBox {width:280px; float:left; padding-left:20px;}
.contentsWrap>.contents>.bbsWrap>.qnaBox>p>a {display:block;text-indent:-9999px;width:296px; height:89px; background:url('../images/bg_qna.jpg') left top ;}

.conWrap>.icoWrap2 {width:1015px; height:70px;}
.conWrap>.icoWrap2>ul>li {float:left; height:30px;line-height:30px;}
.conWrap>.icoWrap2>ul>li>a {display:inline-block; padding-left:18px; padding-right:24px;}
.conWrap>.icoWrap2>ul>li:last-child>a {padding-right:0px;}
.conWrap>.icoWrap2>ul>li>a:hover>p {font-family:'malgunB'; color:#4c0369;}
.conWrap>.icoWrap2>ul>li>a>p {font-size:12px; letter-spacing:-0.06em;}
.conWrap>.icoWrap2>ul>li.ico1 {background:url('../images/ico1.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico2 {background:url('../images/ico2.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico3 {background:url('../images/ico3.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico4 {background:url('../images/ico4.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico5 {background:url('../images/ico5.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico6 {background:url('../images/ico6.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico7 {background:url('../images/ico1.png') left 10px no-repeat;}
.conWrap>.icoWrap2>ul>li.ico8 {background:url('../images/ico2.png') left 10px no-repeat;}
.conWrap>.rollingWrap  {clear:both; height:50px; border:1px solid #ddd;}

	.slider_ul {margin-top:10px;}
	.slider_ul li {overflow:hidden; float:left; padding:0 20px; white-space:nowrap; text-align:center;}


/*.contentsWrap>.contents>.icoWrap {width:1015px; margin-top:30px; clear:both;}
.contentsWrap>.contents>.icoWrap>ul {margin-top:15px;}
.contentsWrap>.contents>.icoWrap>ul>li {float:left; width:126px; height:100px; }
.contentsWrap>.contents>.icoWrap>ul>li>a {display:block; width:126px; height:20px; padding-top:65px; text-align:center; letter-spacing:-0.05em;}
.contentsWrap>.contents>.icoWrap>ul>li>a>p {text-align:center;}
.contentsWrap>.contents>.icoWrap>ul>li.ico1>a {background:url(../images/ico_1.gif) center top no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico2>a {background:url(../images/ico_2.gif) center top no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico3>a {background:url(../images/ico_3.gif) center 8px no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico4>a {background:url(../images/ico_4.gif) center top no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico5>a {background:url(../images/ico_5.gif) center top no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico6>a {background:url(../images/ico_6.gif) center 5px no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico7>a {background:url(../images/ico_7.gif) center 7px no-repeat;}
.contentsWrap>.contents>.icoWrap>ul>li.ico8>a {background:url(../images/ico_8.gif) center top no-repeat;}*/


/*���ν����̴�*/

				  .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {  filter: alpha(opacity=70);	opacity: .7; overflow:hidden; cursor: pointer; border: #000 1px solid; }
				  .jssorb01 div { background-color: gray; }
				  .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
				  .jssorb01 .av { background-color: #fff; }
				  .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
				  .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position: absolute; cursor: pointer; display: block; background: url(../img/a17.png) no-repeat;  overflow:hidden; }
				  .jssora05l { background-position: -10px -40px; }
				  .jssora05r { background-position: -70px -40px; }
				  .jssora05l:hover { background-position: -130px -40px; }
				  .jssora05r:hover { background-position: -190px -40px; }
				  .jssora05ldn { background-position: -250px -40px; }
				  .jssora05rdn { background-position: -310px -40px; }



.footerWrap {width:100%; margin-top:50px;}
.footerWrap>.footer {width:1015px; height:120px; margin:0 auto; padding-top:20px; border-top:1px solid #ddd;}
.footerWrap>.footer>.logo {width:150px; float:left; padding-left:15px;}
.footerWrap>.footer>.address {width:800px; float:left; line-height:20px;}
.footerWrap>.footer>.ban_cafe {width:250px; float:right; text-align:right;}


.orgTable th {vertical-align:top; padding-bottom:20px;}
.orgTable td {vertical-align:top; letter-spacing:-0.05em; padding-left:10px;}
.orgTable td>ul>li {font-size:12px; line-height:18px;}



.svWrap1 {width:100%; height:215px; background:url('../images/bg_sv1.jpg') center top no-repeat;}
.svWrap2 {width:100%; height:215px; background:url('../images/bg_sv2.jpg') center top no-repeat;}
.svWrap3 {width:100%; height:215px; background:url('../images/bg_sv3.jpg') center top no-repeat;}
.svWrap4 {width:100%; height:215px; background:url('../images/bg_sv4.jpg') center top no-repeat;}
.svWrap5 {width:100%; height:215px; background:url('../images/bg_sv5.jpg') center top no-repeat;}
.svWrap6 {width:100%; height:215px; background:url('../images/bg_sv6.jpg') center top no-repeat;}
.svWrap7 {width:100%; height:215px; background:url('../images/bg_sv7.jpg') center top no-repeat;}

.subWrap>.sub {width:1015px; margin:0 auto; padding-top:50px; background:url('../images/bg_con.png') right  20px no-repeat; min-height:500px;}
.subWrap>.sub>.lnbWrap {width:200px; float:left;} 
.subWrap>.sub>.lnbWrap>h1 {width:200px; height:120px; background:url('../images/bg_inb_h1.jpg') top center no-repeat; color:#fff; text-align:center; font-size:23px; letter-spacing:-0.05em; padding-top:50px;}
.subWrap>.sub>.lnbWrap>ul>li {border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.subWrap>.sub>.lnbWrap>ul>li>a {display:block; height:15px; padding:15px 0px 15px 17px; font-size:13px; letter-spacing:-0.06em;}
.subWrap>.sub>.lnbWrap>ul>li.on {background:url('../images/bull_lnb_on.png') 170px 23px no-repeat;}
.subWrap>.sub>.lnbWrap>ul>li.on>a {color:#4c0369; font-weight:bold;}
.subWrap>.sub>.conWrap {width:765px;float:left; margin-left:45px; } 
.subWrap>.sub>.conWrap>.subtitle { height:115px;border-bottom:3px solid #e7e7e7;  }
.subWrap>.sub>.conWrap>.subtitle>h1 {width:510px; float:left; font-size:33px; color:#615956;letter-spacing:-0.08em; line-height:70px;}
.subWrap>.sub>.conWrap>.subtitle>p {width:255px; float:right; text-align:right; padding-top:45px; font-size:13px; letter-spacing:-0.06em;}
.subWrap>.sub>.conWrap>.contents{clear:both; padding-top:30px; font-size:13px; line-height:24px;}
.subWrap>.sub>.conWrap>.contents>h2 {background:url('../images/bull_h2.gif') left 2px no-repeat; font-size:17px; padding-left:19px; line-height:15px; height:30px; color:#333;  font-weight:bold;}
.subWrap>.sub>.conWrap>.contents>h3 {background:url('../images/bull_h3.gif') left 5px no-repeat; font-size:15px; padding-left:17px; line-height:15px; height:20px; color:#4c0369; font-weight:bold;}
.subWrap>.sub>.conWrap>.contents>p { font-size:13px; line-height:24px;}



.greetings {margin-top:15px;background:url('../../kdc/images/bg_greetings.png') left 20px no-repeat;}
.greetings>p {width:450px; text-align:justify; font-size:13px; line-height:24px; margin-left:315px;}
.greetings2 {margin-top:15px;background:url('../../kdc/images/bg_greetings2.png') left 20px no-repeat;}
.greetings2>p {width:450px; text-align:justify; font-size:13px; line-height:24px; margin-left:315px;}

dl.founder { margin-top:15px;}
dl.founder>dt  {float:left; width:206px;}
dl.founder>dd {float:left; width:555px;}
dl.founder>dd>h3 {font-size:16px; font-weight:bold; color:#b20a35;}
dl.founder>dd>p {font-size:13px; line-height:21px; text-align:justify; margin-top:10px;} 


.historyBox {text-align:center; padding:15px; border:1px solid #ddd; border-bottom:3px solid #ccc; background:#fff; font-size:20px; letter-spacing:-0.05em;}
.historyBox>span {color:#4c0369; font-weight:bold;}
.basicBox {padding:15px; border:1px solid #ddd; border-bottom:3px solid #ccc; background:#fff; font-size:14px; letter-spacing:-0.05em;}
.basicBox>span {color:#4c0369; font-weight:bold;}


/* th �������, td �������� */ 
.basic1 {border-top:2px solid #4c0369;}
.basic1 th { border-bottom:1px solid #ddd; background:#fbf3ff; border-right:1px solid #ddd;}
.basic1 td {padding:8px 5px; border-bottom:1px solid #ddd;}


/* th �������, td ��������, */ 
.basic2 {border-top:2px solid #4c0369;}
.basic2 th { border-bottom:1px solid #ddd; background:#fbf3ff; border-right:1px solid #ddd;}
.basic2 th:last-child {border-right:none;}
.basic2 td {padding:8px 5px; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.basic2 td:last-child {border-right:none;}



           .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                background: url('../images/b05.png') no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb05 div {
                background-position: -7px -7px;
            }

                .jssorb05 div:hover, .jssorb05 .av:hover {
                    background-position: -37px -7px;
                }

            .jssorb05 .av {
                background-position: -67px -7px;
            }

            .jssorb05 .dn, .jssorb05 .dn:hover {
                background-position: -97px -7px;
            }