@charset "euc-kr";


/* content */
.clubArea {font-size:14px; line-height:1.6em;}
.clubArea h4 {font-size:16px; color:#007dc3; padding-bottom:12px}
.clubArea .div1 {display:none; /*float:float; width:220px; height:1172px; margin-right:20px; background:url('/images/culture/club1.gif') 0 0 no-repeat;*/}
.clubArea .div2 {width:auto;}
.clubArea .div2 li.item {padding:0 0 40px 0;background:url('/images/culture/club_line.png') right 250px no-repeat}
.clubArea .div2 .thumb {float:left; width:353px; margin-right:27px;}
.clubArea .div2 .thumb img {max-width:100%;}
.clubArea .div2 .detail {float:left; width:400px;}
.clubArea .div2 .detail dd strong {display:block;padding-bottom:4px}

.wclubArea h4.sTit {margin-top:-5px}
.wclubArea .col img {width:100%; height:100%;margin-top:5px}
.wclubArea p.p {margin:15px 0 20px}

.educlubArea .div1 {margin-bottom:20px;}
.educlubArea .div1 .col {overflow:hidden; float:left; height:166px;}
.educlubArea .div1 .col img {width:100%; height:100%;}
.educlubArea .div1 .col1 {width:340px; margin-right:1px;}
.educlubArea .div1 .col2 {width:238px; margin-right:1px;}
.educlubArea .div1 .col3 {width:200px; background:url('/images/culture/educlub1_3.gif') 0 0 no-repeat;}
/*2014.09.19 lsh start!!*/
table,tr,td{padding:0 0 0 0; font-size:12px;color:#4C4C4C}
/*2014.09.19 lsh end!!*/

.cultureArea {font-size:14px; line-height:1.6em;}
.cultureArea h4 {font-size:16px; color:#007dc3; padding-bottom:15px}
.cultureArea .div1 {float:left; width:380px; height:641px; margin-right:20px; background:url('/images/culture/culture1.png') center 0 no-repeat;}
.cultureArea .div1 img {width:100%;}
.cultureArea .div2 {float:left; width:355px;}
.cultureArea p.btn {text-align:right;margin-bottom:20px;padding-right:20px}
.cultureArea .img1 {height:22px;margin:5px 0;background:url('/images/culture/culture2.png') no-repeat left top;text-indent:-999em}
.cultureArea .p1 {padding:20px 0}

.csvArea {font-size:14px; line-height:1.6em;}
.csvArea .csv_summary {font-size:16px; line-height:1.6em;font-weight:bold;color:#007dc3;padding-bottom:20px}
.csvArea .csv_4img {width:779px;height:315px;margin:30px 0;background:url('/images/culture/csv_4img.gif') center 0 no-repeat;text-indent:-999em}
.csvArea .csv_3img {width:781px;height:320px;margin:30px 0 0;background:url('/images/culture/csv_3img.gif') center 0 no-repeat;text-indent:-999em}
.csvArea h4.sTit {margin-top:40px}
.csvArea .csv_cj li {background: url("/images/common/icon/bullet1.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0);padding: 0 0 0 13px;}

.activityArea {position:relative;}
.activityArea h4 {font-size:16px; color:#007dc3;padding-bottom:12px}
.activityArea h4 span {display:block;font-size:14px; color:#007dc3; padding:1px 0 0;line-height:20px}
.activityArea img {max-width:100%;}
.activityArea .div1 {position:absolute; top:226px; overflow:hidden; width:auto; margin-bottom:30px;}
.activityArea .div2 {position:relative; z-index:1; width:auto;}
.activityArea .div2 .col1 {float:left; width:350px; height:670px; margin-right:50px}
.activityArea .div2 .col2 {float:left; width:350px; height:670px}
.activityArea .div2 .col3 {float:left; width:220px; margin-right:35px}
.activityArea .div2 .col4 {float:left; width:230px; margin-right:35px}
.activityArea .div2 .col5 {float:left; width:250px}
.activityArea .div2 .col1 p {padding-bottom:15px;}


@media only screen and (min-width:971px) and (max-width:1180px) {




}

@media only screen and (min-width:768px) and (max-width:970px) {

.clubArea h4 {padding-bottom:5px}
.clubArea .div1 {display:block; width:380px; height:70px; margin-bottom:40px; background:url('/images/culture/768/club1.gif') 0 0 no-repeat;}
.clubArea .div2 li.item {padding:0 0 20px 0;margin-bottom:20px;background-position:right bottom}
.clubArea .div2 .thumb {float:none; width:auto; margin-right:0;}
.clubArea .div2 .thumb img {width:380px;}
.clubArea .div2 .detail {float:none; width:auto; margin-top:5px;}

.wclubArea p br {display:none}

.educlubArea .div1 .col {height:80px;}
.educlubArea .div1 .col1 {width:165px;}
.educlubArea .div1 .col2 {width:115px;}
.educlubArea .div1 .col3 {width:97px; background:url('/images/culture/768/educlub1_3.gif') 0 0 no-repeat;}
.educlubArea .div2 br {display:none;}

.cultureArea .div1 {float:none; width:380px; height:550px; margin-right:0; background:url('/images/culture/culture1.png') center 0 no-repeat;}
.cultureArea .div2 {float:none;}
.cultureArea .img1 {height:55px;margin:5px 0;background:url('/images/culture/320/culture2.png') no-repeat left top;text-indent:-999em}
.cultureArea .p1 br {display:none}

.csvArea .csv_4img {width:379px;height:345px;margin:30px 0;background:url('/images/culture/768/csv_4img.gif') center 0 no-repeat}
.csvArea .csv_3img {width:380px;height:742px;margin:40px 0 0;background:url('/images/culture/768/csv_3img.gif') center 0 no-repeat}
.csvArea .csv_cj li {background: url("/images/common/icon/bullet1.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0);padding: 0 0 0 13px;}
.csvArea p br {display:none}

.activityArea {position:relative;}
.activityArea img {max-width:100%;}
.activityArea .div1 {position:relative; top:auto; height:auto;}
.activityArea .div2 {position:relative; width:auto;}
.activityArea .div2 .col1 {float:none; width:auto; height:auto; margin-right:0;}
.activityArea .div2 .col2 {float:none; width:auto; height:auto;}
.activityArea .div2 .col3 {float:none; width:auto; margin-right:0;}
.activityArea .div2 .col4 {float:none; width:auto; margin-right:0;}
.activityArea .div2 .col5 {float:none; width:auto;}
.activityArea .div2 .col4 span {display:inline}
.activityArea .div2 .col1 p {padding-bottom:10px;}
.activityArea .div2 .col1 p.btn {padding-bottom:20px;}

}

@media only screen and (max-width:767px) {

.clubArea h4 {padding-bottom:5px}
.clubArea .div1 {display:block; width:300px; height:60px; margin-bottom:40px; background:url('/images/culture/320/club1.gif') 0 0 no-repeat;}
.clubArea .div2 li.item {padding:0 0 20px 0;background:none}
.clubArea .div2 .thumb {float:none; width:auto; margin-right:0;}
.clubArea .div2 .thumb img {width:300px;}
.clubArea .div2 .detail {float:none; width:auto; margin-top:5px;}

.wclubArea h4.sTit {padding-top:15px;margin:0 0 10px}
.wclubArea p.p {margin:10px 0 5px}
.wclubArea p br {display:none}

.educlubArea .div1 .col {float:none;}
.educlubArea .div1 .col1 {width:300px; height:146px; margin-left:auto; margin-right:auto; margin-bottom:1px;}
.educlubArea .div1 .col2 {width:300px; height:210px; margin-left:auto; margin-right:auto; margin-bottom:1px;}
.educlubArea .div1 .col3 {width:300px; height:166px; margin-left:auto; margin-right:auto; background:url('/images/culture/320/educlub1_3.gif') 0 0 no-repeat;}
.educlubArea .div2 br {display:none;}

.cultureArea h4 {padding-bottom:6px}
.cultureArea .div1 {float:none; width:auto; height:390px; margin-right:0; margin-bottom:20px; background:url('/images/culture/320/culture1.png') center 0 no-repeat;}
.cultureArea .div2 {float:none; width:auto; min-width:300px;}
.cultureArea .div2 br {display:none;}
.cultureArea .img1 {height:55px;margin:5px 0;background:url('/images/culture/320/culture2.png') no-repeat left top;text-indent:-999em}
.cultureArea .p1 br {display:none}

.csvArea .csv_4img {width:auto;height:392px;margin:20px 0;background:url('/images/culture/320/csv_4img.gif') center 0 no-repeat}
.csvArea .csv_3img {width:auto;height:801px;margin:20px 0 0;background:url('/images/culture/320/csv_3img.gif') center 0 no-repeat}
.csvArea .csv_cj li {background: url("/images/common/icon/bullet1.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0);padding: 0 0 0 13px;}
.csvArea h4.sTit {margin-top:30px}
.csvArea p br {display:none}

.activityArea {position:relative;}
.activityArea h4 {padding-bottom:6px}
.activityArea img {max-width:100%;}
.activityArea br {display:none;}
.activityArea .div1 {position:relative; top:auto; height:auto;}
.activityArea .div2 {position:relative; width:auto;}
.activityArea .div2 .col1 {float:none; width:auto; height:auto; margin-right:0;}
.activityArea .div2 .col2 {float:none; width:auto; height:auto;}
.activityArea .div2 .col3 {float:none; width:auto; margin-right:0;}
.activityArea .div2 .col4 {float:none; width:auto; margin-right:0;}
.activityArea .div2 .col5 {float:none; width:auto;}
.activityArea .div2 .col4 span {display:inline}
.activityArea .div2 .col1 p {padding-bottom:10px;}
.activityArea .div2 .col1 p.btn {padding-bottom:20px;}

}


@media only screen and (max-width:480px) {


}