/*main css*/

.main-visual{height:600px; background:url('../images/visual4-summer.jpg') no-repeat center center; background-size:cover;}
.layout1500-01{width:1500px; margin:0 auto; display:flex; align-items:center; height:100%; justify-content:space-between;}


.main-visual .layout1500-01 .visu-left h1{font-size:0; width:355px; height:116px; background:url('../images/logo.png') no-repeat; /*��� - �ܿ�*/background-size:cover;}
.main-visual .layout1500-01 .visu-left h1 a{display:block; width:100%; height:100%;}

.main-visual .layout1500-01 .visu-left p{font-size:2.4rem; line-height:3.4rem; letter-spacing:-0.04rem; margin-top:120px; font-weight:300;}
/* spring or fall */
/* .main-visual .layout1500-01 .visu-left p{color:#000;} */
/* summer */
.main-visual .layout1500-01 .visu-left p{color:#fff;}
/* winter */
/* .main-visual .layout1500-01 .visu-left p{ color:#333; background:rgba(255,255,255,0.7);} */

.main-visual .layout1500-01 .visu-left a.go-news{transition:background 0.3s; font-weight:700; color:#000; margin-top:26px; letter-spacing:-0.04rem; display:inline-block; border:1px solid rgba(0,0,0,0.6); text-align:center; padding: 10px 100px; font-size:18px;}
/* spring or fall */
/* .main-visual .layout1500-01 .visu-left a.go-news{color:#000; border:1px solid rgba(0,0,0,0.6);} */
/* summer */
.main-visual .layout1500-01 .visu-left a.go-news{color:#fff;border:1px solid rgba(255, 255, 255, 0.5);}
/* winter */
/* .main-visual .layout1500-01 .visu-left a.go-news{border:1px solid #999;} */
/* spring or fall or summer */
.main-visual .layout1500-01 .visu-left a.go-news:hover{background:rgba(0, 0, 0, 0.3);color:#fff;}
/* winter */
/*.main-visual .layout1500-01 .visu-left a.go-news:hover{background:rgba(0, 0, 0, 0.1);}*/

.main-visual .layout1500-01 .visu-right{display:flex; flex-wrap: wrap; width:64%; height:100%;}
.main-visual .layout1500-01 .visu-right div{box-sizing:border-box; position:relative; border-left:1px solid rgba(255, 255, 255, 0.5); border-top:1px solid rgba(255, 255, 255, 0.5);flex:1 1 25%; height:300px;}
.main-visual .layout1500-01 .visu-right div:nth-child(4n){border-right:1px solid rgba(255, 255, 255, 0.5);}


.main-visual .layout1500-01 .visu-right div a{color:#333; transition:color 0.1s; display:block; width:100%; height:100%;}
/* summer .main-visual .layout1500-01 .visu-right div a:hover{color:#8ef5ff;}*/
.main-visual .layout1500-01 .visu-right div a:hover{color:#8ef5ff;}
/* spring .main-visual .layout1500-01 .visu-right div a:hover{color:#fff;background:rgba(0, 0, 0, 0.1);} */
/* winter .main-visual .layout1500-01 .visu-right div a:hover{color:red;}*/
.main-visual .layout1500-01 .visu-right div a .num{font-family:'Roboto'; font-weight:700; font-size:4rem; text-align:center; padding-top:60px;}
.main-visual .layout1500-01 .visu-right div a span{padding-top:24px; text-align:center; font-size:1.6rem; line-height:3rem; text-align:center; margin:0 auto; word-break:keep-all; letter-spacing:-0.04rem; width:84%; height:90px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main-visual .layout1500-01 .visu-right div a .date{font-family:'Roboto'; display:block; width:100%; font-size:1.6rem; text-align:center; position:absolute; bottom:30px;}

.current{position:relative; overflow:hidden; width:100%;}
.layout1500-02{width:1500px; margin:8rem auto;}

.current .layout1500-02 h2{font-size:3.2rem; font-weight:700; font-family:'Roboto'; color:#333;padding-bottom:3rem;}
.current .layout1500-02 h2:before{content:''; width:276px; display:block;height:277px; margin-left:-150px;margin-bottom:-150px;margin-top:-120px;background:url('../images/circle01-gr.png') no-repeat;}
.current .layout1500-02 .current-list{position:relative;}
.current .layout1500-02 .current-list ul:after{content:''; display:block; clear:both;}
.current .layout1500-02 .current-list ul li{box-sizing:border-box; text-align:center;width:198px; height:86px; display:table; background:#fff; float:left; border:1px solid #ddd; margin-bottom:19px;margin-right:18.6px;}
.current .layout1500-02 .current-list ul li:nth-child(7n){margin-right:0px;}
.current .layout1500-02 .current-list ul li div{display:table-cell; vertical-align:middle;}
.current .layout1500-02 .current-list ul li div img{display:block;margin:0 auto;}

.current .layout1500-02 .current-list ul:before{content:''; position:absolute; bottom:-240px; right:-210px;z-index:-1;width:521px; display:block;height:521px; background:url('../images/circle02-gr.png') no-repeat;}

footer{background:#2c2c31;padding:54px; text-align:center; font-size:14px; line-height:18px;word-break:keep-all;}
footer span{color:#626264;}
footer address{margin-bottom:10px;}
footer address span{color:#888;}




/*sub css*/
.sub-visual{height:340px; background:url('../images/visual5-summer.jpg') no-repeat center center; background-size:cover;}
.layout1300{width:1300px; margin:0 auto; position:relative; display:table;height:100%;}

.sub-visual .layout1300 h1{font-size:0; position:absolute; left:2rem; top:2rem; width:303px; height:36px; background:url('../images/sub-logo.png') no-repeat;/*��� - �ܿ�*/ background-size:cover;}
.sub-visual .layout1300 h1 a{display:block; width:100%; height:100%;}
.sub-visual .layout1300 div{display:table-cell; vertical-align:middle; color:#222;}
.sub-visual .layout1300 div h2{font-size:6.8rem; font-weight:700; text-align:center; font-family:'Roboto';}
.sub-visual .layout1300 div h2 a{font-weight:700;}
.sub-visual .layout1300 div h2 a:visited,.sub-visual .layout1300 div h2 a:link{/*winter color:#222; fall */ color:#fff; font-weight:700;font-family:'Roboto';}

.sub-layout .layout1300 table{width:100%; text-align:center; color:#444; border-top:1px solid #666; table-layout:fixed;margin-top:8rem; margin-bottom:6rem;}
.sub-layout .layout1300 table.list tr td,.sub-layout .layout1300 table.list tr th{font-size:1.8rem; line-height:2.4rem; padding:3rem 3px;vertical-align:middle;}
.sub-layout .layout1300 table.list tr th{font-weight:500;border-bottom:1px solid #666;}
.sub-layout .layout1300 table.list tr td{border-bottom:1px solid #e0e0e0;}
.sub-layout .layout1300 table.list tr td:nth-child(1){color:#666; font-weight:300; font-family:'Roboto';}
.sub-layout .layout1300 table.list tr td:nth-child(2) p{text-align:left; font-weight:500;}
.sub-layout .layout1300 table.list tr td:nth-child(2) p a:link{color:#444;font-weight:500;}
.sub-layout .layout1300 table.list tr td:nth-child(2) p a:visited{color:#444;font-weight:500;}
.sub-layout .layout1300 table.list tr td:nth-child(2) p a:hover{color:#0086c7;}
.sub-layout .layout1300 table.list tr td:nth-child(3){color:#666; font-weight:300; font-family:'Roboto';}
.sub-layout .layout1300 table.list tr td:nth-child(4){color:#666; font-weight:300; font-family:'Roboto';}
.sub-layout .layout1300 table.list tr:nth-child(10) td{border-bottom:1px solid #666;}

.sub-layout .layout1300 .pagenation{margin-bottom:10rem;}
.sub-layout .layout1300 .pagenation p{text-align:center;}
.sub-layout .layout1300 .pagenation p a{font-family:'Roboto'; font-size:2rem; font-weight:500; color:#bbb; display:inline-block; padding:0px 14px; vertical-align:middle;}
.sub-layout .layout1300 .pagenation p a.selected{color:#2c2c31;font-weight:700;}
.sub-layout .layout1300 .pagenation p a:hover{color:#0086c7;}

.sub-layout .layout1300 .pagenation p a.pagebtn-left, .sub-layout .layout1300 .pagenation p a.pagebtn-right{font-size:0; width:35px; height:35px; padding:0;}
.sub-layout .layout1300 .pagenation p a.pagebtn-left{background:url('../images/arrow-left.png') no-repeat;}
.sub-layout .layout1300 .pagenation p a.pagebtn-right{background:url('../images/arrow-right.png') no-repeat;}

	/*sub-view css*/

.sub-layout .layout1300 table.view{text-align:left;}
.sub-layout .layout1300 table.view tr th, .sub-layout .layout1300 table.view tr td{padding:4rem 7.4rem;}
.sub-layout .layout1300 table.view thead{border-bottom:1px solid #666;}
.sub-layout .layout1300 table.view thead tr th p.tit{font-size:3rem; line-height:4rem; color:#444; font-weight:500; margin-bottom:1.4rem;}
.sub-layout .layout1300 table.view thead tr th span{font-family:'Roboto'; color:#666; font-size:1.8rem; font-weight:300;}

.sub-layout .layout1300 table.view tbody tr td{color:#444; font-size:1.8rem; line-height:3rem;}

.sub-layout .layout1300 table.view tfoot{border-bottom:1px solid #666; border-top:1px solid #666;}
.sub-layout .layout1300 table.view tfoot tr:first-child{border-bottom:1px solid #e0e0e0;}
.sub-layout .layout1300 table.view tfoot tr td{padding:2.4rem 7.4rem;}
.sub-layout .layout1300 table.view tfoot tr td a:link{color:#444; font-weight:500; font-size:1.6rem;}
.sub-layout .layout1300 table.view tfoot tr td a:visited{color:#444;}
.sub-layout .layout1300 table.view tfoot tr td a:hover{color:#0086c7;}
.sub-layout .layout1300 table.view tfoot tr td a:hover span{color:#0086c7;}
.sub-layout .layout1300 table.view tfoot tr td a img{padding-left:15px; padding-right:30px;}
.sub-layout .layout1300 table.view tfoot tr td a span{font-weight:300; color:#666; display:inline-block; width:calc(100% - 100px); overflow:hidden; text-overflow: ellipsis;}

.sub-layout .layout1300 .go-list a.go-list-btn{background:#2c2c31; display:block; margin:0 auto 10rem; width:26rem; line-height:6rem; text-align:center; color:#fff; font-size:1.8rem; font-weight:500;}
.sub-layout .layout1300 .go-list a:hover{background:#0086c7; transition:background 0.3s;}

input[type="button"]{background:#fff; border:1px solid #aaa; width:8rem; height:5rem; font-weight:600; font-family:'Noto Sans Kr'; font-size:1.4rem; color:#333;}
input[type="button"]:hover{background:#21b8e1; color:#fff; border:1px solid #21b8e1; transition:all 0.1s ease-out;}