@charset "UTF-8";
/* 2021-04-16 ÁÖ¼® ³×Æ®¿öÅ© È®Àΰá°ú ÇØ´ç css ºí·Ïó¸®µÇ¾î ¸ø ºÒ·¯¿È ÇöÀç ÆùÆ®µµ ¹Ì»ç¿ë
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


.mainWrap { background:#f6f8fA }
.mainrow { margin:0 auto; padding:20px 0; width:1200px; }
.col_4 { width:100%; }
.col_4 .column { float:left; margin-right:10px; width:calc(100%/4 - 10px); height:250px; background:#fff; border:1px solid #ccc; border-radius:5px; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; }
.col_4 div:last-child { margin-right:0; }
.col_4 div .itemTit { margin:0 15px; padding:20px 0; font-size:22px; text-align:center; border-bottom:2px solid #6585c4; }
.col_4 div ul { margin:10px 15px 10px 20px;  }
.col_4 div ul li { position:relative; }
.col_4 div ul li:before { content:""; position:absolute; top:13px; left:-8px; display:inline-block; width:4px; height:4px; background:#77889a; border-radius:50%; }
.col_4 div ul li a { display:inline-block; padding:5px 0; font-size:14px; word-break:break-all; }
.col_4 div ul li a:hover { color:#6585c4; text-decoration:underline; }

.col_2 { width:100%; }
.col_2 .column { float:left; margin-right:10px; width:calc(100%/2 - 10px); height:250px; background:#fff; border:1px solid #ccc; border-radius:5px; }
.col_2 .column:last-child { margin-right:0; border:0; background:transparent; }
.col_2 div .itemTit2 { padding:20px 10px; font-size:22px; text-align:left; border-bottom:1px solid #6585c4; }
.col_2 div .itemTit2 button { padding:6px; float:right; background:transparent; border:0; cursor:pointer; transition:all ease 0.01s; }
.col_2 div .itemTit2 button:hover { transform: rotate( 270deg ); transition:all ease 1s; }
.col_2 div .itemTit2 button img { vertical-align:middle; }
.col_2 div ul { margin:10px 15px 10px 20px;  }
.col_2 div ul li { position:relative; }
.col_2 div ul li:before { content:""; position:absolute; top:13px; left:-8px; display:inline-block; width:4px; height:4px; background:#77889a; border-radius:50%; }
.col_2 div ul li a { display:inline-block; padding:5px 0; width:100%; font-size:14px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.col_2 div ul li a:hover { color:#6585c4; text-decoration:underline; }
.col_2 .col_2_2 { float:left; margin-right:10px; width:calc(101%/2 - 10px); height:250px; background:#fff; border:1px solid #ccc; border-radius:5px; }
.col_2 .col_2_2:last-child { margin-right:0;   }
.col_2 .mainStats { background:#d6e5f2; line-height:1.5; border:0; box-shadow:1px 1px #ccc; }
.col_2 .mainStats .txt { margin-top:5px; padding:0 5px; color:#444; text-align:center; }
.col_2 .mainStats .txt:first-child { margin-top:18px; }
.col_2 .mainStats .txt.em {  font-size:20px; font-weight:bold; color:#e35259; }