.ContentSection { width : 95%;}

/*Main*/
.Gallery { position:relative; width:100%; height:auto;}
.Gallery .OuterFrame { position:relative; max-width:100%; height:auto; overflow:hidden;}
.Gallery .OuterFrame ul.InnerFrame {position:relative;width:500%; }
.Gallery .OuterFrame ul.InnerFrame li { position:relative; float:left; max-width:20%;}
.Gallery .OuterFrame ul.InnerFrame li img { display:block; max-width:100%; height:auto ;}
.Gallery .OuterFrame ul.InnerFrame li .MainTxt { width:100%;position:absolute;  top:20px; } 
.Gallery .OuterFrame ul.InnerFrame li .MainTxt > img {margin:0 auto; width:60%;}
.Gallery .OuterFrame ul.InnerFrame li .MainTxt > p.Txt { font-size: 11px; color:#fff; font-weight:bold; text-align:center; }

.Gallery .LocBtn { position:absolute; bottom:12px;left:50%; margin-left:-27px; width:54px; height:12px; }
.Gallery .LocBtn a {display:block; width:12px; height:12px; background:#292929; border-radius:6px; float:left; margin:0 3px; text-indent:-5000px;}/*18px*/
.Gallery .LocBtn a.Active { background:#3ca15a;}

.Gallery.Slide5 .LocBtn { bottom:-20px; width:90px; margin-left:-45px;}
.Gallery.Slide5 .LocBtn a { background:#dcdcdc;}
.Gallery.Slide5 .LocBtn a.Active { background:#3ca15a;}

.Gallery.x4 .LocBtn { width:72px; margin-left:-36px;}
.Gallery.x3 .LocBtn { width:54px; margin-left:-27px;}

.BotDivision { position:relative; width:100%;}
.BotDivision .Division { width:50%; float:left;}
.BotDivision .Division > img { max-width:100%; height:auto;}
.BotDivision .Division .Contxt { padding:10px 15px; position:absolute; top:0;}
.BotDivision .Division .Contxt h1 { font-size:16px; color:#222222; font-weight:bold;}
.BotDivision .Division.Right .Contxt h1 { color:#fff;}
.BotDivision .Division .Contxt > a { display:block; padding:10px 10px 10px 0; margin-top:15px;}
.BotDivision .Division .Contxt > a > img {display:block; width:16px; height:16px;}

.GalleryWrapper { padding:25px 0 40px;}
.GalleryWrapper.Border { margin-top:25px; border-top:1px solid #d8d8d8;}
.PopCon .GalleryWrapper { padding:25px 15px 40px;}


/*common*/
strong{font-weight:bold}
sup {vertical-align:super; font-size: smaller;}
.LineH{line-height:1.5em}
.Mb45 {margin-bottom:45px}
.M20{margin:20px 0}
.Mt20 { margin-top:20px;}
.Fsize{font-size:14px}
.Fl-r{float:right}
.Fl-l{float:left}
.TaL{text-align:left !important; padding-left:8px !important}
.LiStyle{list-style-type:disc; margin-left:20px; }
.LiStyle span{font-size:16px;}
    
/*Spacing*/
.Spacing { margin:10px 0;}
.Outer { margin:0 15px;}


/* Titles */
.PageTitle {  margin-bottom:25px; font-size:24px; color:#1e1e1e; font-weight:bold;}
.ContTitle {  margin-bottom:10px; font-size:19px; color:#3ca259; font-weight:bold;}
.ContTitle .Sub { font-size:12px; font-weight:normal;}
.ContTitle .Sub.Fl-r{margin-top:6px}

.BgTitle { background:#f2f2f2; padding:20px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.BgTitle h2 { font-size:19px; color:#444; margin: 0 15px; font-weight:bold; line-height:1.3em;}
.BgTitle p.Date { margin:12px 15px 0;}
.BgTitle .SubTxt {  margin:10px 15px 25px; font-size:15px; color:#4c443d; line-height:1.3em;}

p.ConTxt { font-size:14px; color:#666666;line-height:1.3em; text-align:justify;}
p.Date { font-size:12px; color:#7f7f7f;}
h2.GreenTxt { color:#3ca259;}

/*Tabs*/
.Tabs { overflow:hidden; width:100%;}
.Tabs li { float:left;  text-align:center; -webkit-box-sizing: border-box; }
.Tabs.x2 li { width:50%;}
.Tabs.x4 li { width:33.3%;}

/*TabsStyle1*/
.Tabs.Style1 {}
.Tabs.Style1 li { height:50px; line-height:50px; color:#666666; font-size:14px;  border:1px solid #deefe2; border-left:0 none;}
.Tabs.Style1 li:first-child { border-left:1px solid #deefe2;}
.Tabs.Style1 li.Active { border:1px solid #3ca15b; color:#3ca259;}

/*TabMenu*/
.TabMenu { position:relative; height:auto; background:#fafafa; border-bottom:1px solid #deefe2;padding:10px 0 }
.TabMenu ul { text-align:center; overflow:hidden; text-align:center}
.TabMenu ul li { margin-top:18px;  float:left; width:45%; color:#444444; font-size:13px;}
.TabMenu ul li:first-child { text-align:right; padding-right:5%; border-right:1px solid #444444;}
.TabMenu ul li:last-child { text-align:left; padding-left:4%;}
.TabMenu ul li.Active { color:#3ca259;}
.TabMenu ul li:first-child.Active { border-right:1px solid #3ca259;}

/*TableStyle1*/
table { width:100%; text-align : center;}
table tr,
table th { text-align : center;}
table.Style1 { border-top:1px solid #a5d7b5;}
table.Style1 tr th { background:#e7f4eb; border-left:1px solid #a5d7b5; border-bottom:1px solid #a5d7b5; padding:13px 0; line-height:1.3em; color:#4c443d; font-size:14px; vertical-align:middle;}
table.Style1 tr th:first-child { border-left:0 none;}
table.Style1 tr td { padding:12px 0; text-align:center; vertical-align:middle; border-left:1px solid #a5d7b5; border-bottom:1px solid #a5d7b5; font-size:14px;}
table.Style1 tr td.BorderL { border-left:0 none;}
table.Style1 tr td.BgGray { background:#f7f7f7;}

li {text-align:left !important;}
        
/*List*/
ul.List {}
ul.List li .ListWrap { overflow:hidden; width:100%; padding:20px 0; border-bottom:1px solid #d8d8d8;}
ul.List li:first-child .ListWrap { border-top:1px solid #d8d8d8; }
ul.List li .ListWrap .ImgBox { position:relative; float:left; width:30%; vertical-align:middle}
ul.List li .ListWrap .ImgBox > a > img { display:block; width:100%; height:auto;}
ul.List li .ListWrap .TxtBox { float:left; width:65%;margin-left:5%; vertical-align:middle;}
ul.List li .ListWrap .TxtBox p.TitleTxt { padding-top:4px; line-height:1.3em;  max-height:36px; overflow:hidden; font-size:14px; color:#444444;}
ul.List li .ListWrap .TxtBox p.Date { margin-top:4px;}

ul.List.Type2 .ListWrap { width:100%;}
ul.List.Type2 .ListWrap .TxtBox { margin:0px; width:100%;}
ul.List.Type2 .ListWrap .TxtBox p.TitleTxt { padding:0; white-space:nowrap; text-overflow:ellipsis; max-width:100%; max-height:20px; font-weight:bold}

/* ImageWrapper*/
.ImageWrapper {width:100%;}
.ImageWrapper > img { display:block; max-width:100%; height:auto;}

/* Paging */
.Utility { position:relative;}
.Paging { padding-top:10px; position:relative; left:50%; margin-left:-50px;}
.Paging a { display:inline-block; text-align:center; color:#a0a0a0;} 
.Paging a > img  { display:block; width:25px;}
.Paging a:first-child { margin-right:10px;}
.Paging a:last-child { margin-left:10px;}
.Paging a.Active { color:#111111; font-weight:bold;}
.TxtGreen { color:#3ca259; font-size :inherit;}
.TxtNormal {color:#4c443d; text-align: left;}
.LineH td{line-height:1.5em}

/*step*/
.Step{padding:35px 0;min-width:320px;}
.Step img{width:100%}
.StepList li{font-size:14px; padding:7px 0}



/*.BtnArea*/
.BtnArea { overflow:hidden;}
.BtnArea a.BtnStyle { position:relative; display:block; width:30%; height:35px; background:#777777; color:#fff; border-radius:2px; text-align:center; line-height:35px;}
.BtnArea a.BtnStyle > img { position:absolute; width:6px; right:10px; top:12px;}
.BtnArea a.BtnStyle.Right {float:right;}

.BtnArea.Deco { padding-top:20px; margin-top:20px; border-top:1px solid #dedede}

/*InfoList*/
.ContentList li{display:block; width:48%; min-width:131px; margin-bottom:7%;border:1px solid #ddd}
.ContentList li div{width:100%; height:55px; float:left; padding-bottom:22%;}
.ContentList h1{font-size:17px;font-weight:bold; margin:8%}
.ContentList p{color:#666; margin-left:8%}
.ContentList img{width:100%;}

/*Popup*/
.PopInfo { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.PopInfo.Active { display:block;}
.PopInfo .PopBg{position:fixed; display:block; width:100%; height:100%; background:#000; opacity: 0.5; z-index:20;}
.PopInfoCont {position:absolute; top:25px; width:100%; background:#fff; z-index:30;}
.PopInfoCont .PopHead{background:#3ca15a; color:#fff; font-weight:bold;text-align:center;}
.PopInfoCont .PopHead h1{padding:20px 0; font-size:16px;}
.PopInfoCont .PopHead a{position:absolute; top:17px; right:10px}
.PopInfoCont .PopHead a img{width:20px}
.PopInfoCont .PopCon .ContImg{width:100%;}
.PopInfoCont .PopCon .ContImg div img{width:90%; margin: 5%}
.PopInfoCont .PopCon .PopListBtn {position:relative; top:-5px; left:50%; width:100%; margin-left:-54px; margin-bottom:15px;}
.PopInfoCont .PopCon .PopListBtn:after{display:block; content:""; clear:both;}
.PopInfoCont .PopCon .PopListBtn li{float:left;}
.PopInfoCont .PopCon .PopListBtn a{display:block; background:#dcdcdc; width:15px; height:15px; border-radius:100%; margin-right:12px}
.PopInfoCont .PopCon .PopListBtn a.Active{background:#3ca15a}
.PopInfoCont .PopCon .ContTxt{width:90%; margin:0 auto; font-size:14px; line-height:18px}
.PopInfoCont .PopCon .ContTxt p{margin:20px 0;}
.PopInfoCont .PopCon .PopBtn{text-align:right; border:none; height:50px;}


.PopInfoCont { display:none;}
.PopInfoCont.Active { display:block;}
.PopInfoCont.Position1 {top:10%;}
.PopInfoCont.Position2 {top:20%;}
.PopInfoCont.Position3 {top:30%;}
.PopInfoCont.Position4 {top:40%;}
.PopInfoCont.Position5 {top:40%;}
.PopInfoCont.Position6 {top:40%;}

.ViewAround { margin-top:20px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.ViewAround .Row { position:relative; display:table; width:100%; border-bottom:1px solid #dcdcdc; color:#777777; }
.ViewAround .Row:last-child { border-bottom-width:0; }
.ViewAround .Row > span ,
.ViewAround .Row > a { display:table-cell; padding:15px 10px; vertical-align:middle; }
.ViewAround .Row .Label {position:absolute;left:0; padding:15px 0; width:36px; text-align:left; }
.ViewAround .Row .Subject { display:block; position:absolute; margin-left:44px; max-width:70%; font-size:14px; color:#1e1e1e; text-overflow:ellipsis; white-space: nowrap;  overflow:hidden;}
.ViewAround .Row .Date { padding:15px 0; text-align:right; }




.Style1 th,
.Style1 td {
    width: auto; /* 기본 설정 */
}