@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/*Àλ縻*/
.msg{width:95%; margin:15px auto; overflow:hidden;}
.msg h2{color:#06a3c4; font-size:18px; font-family:"Nanum Myeongjo"; margin-bottom:10px;}
.msg img{border-radius:10px;}
.msg p{color:#555; margin:15px 0; line-height:150%; font-size:13px; clear:both;}
.msg p + p + p + p + p + p{float:right;}
.msg p strong{color:#e75ba3}

/*Àλ縻*/
.man{width:90%; margin:15px auto; overflow:hidden;}
.man ul{}
.man li{color:#555; font-size:13px; overflow:hidden; margin:0px 0; border-bottom:1px dashed #ddd; padding:10px}
.man li:last-child{border:none;}
.man li p.thumbnail{float:left; width:35%;}
.man li p.thumbnail img{border:2px solid #ddd; border-radius:300px; width:75%;}
.man li p.txt{float:left; width:55%; margin-left:15px; margin-top:25px;}
.man li p.txt strong{display:block; font-size:15px; color:#222; margin-bottom:8px;}
.man li p.txt span{line-height:150%;}
@media screen and (max-width:320px){
  .man li p.thumbnail img{width:85%;}
  .man li p.txt strong{ font-size:13px;} 
}

/*¿¬Çõ*/
.history{width:90%; margin:15px auto; overflow:hidden;}
.history h2{color:#06a3c4; font-size:18px; margin-bottom:10px;}
.history h2 span{position:relative; display:block; width:50px; height:1px; background:#06a3c4; left:-5px; margin-bottom:5px;}
.history ul{}
.history li{color:#555; font-size:12px; overflow:hidden; padding:10px 10px; border-bottom:1px dashed #ddd;}
.history li p.mon{float:left; width:25%; color:#222}
.history li p.mon_txt{float:left; width:70%; margin-left:10px; line-height:150%;}
.history hr{border:0; margin:20px 0}

/*Á¶Á÷*/
.group{width:90%; margin:15px auto; overflow:hidden;}
.group h2{color:#fff; font-size:16px; margin-bottom:10px; background:#229fdb; border-radius:5px; padding:8px}
.group p{color:#555; font-size:13px; line-height:150%; margin-bottom:20px; padding:0 10px;}
.group p span{display:block; border-bottom:1px dashed #ddd; padding:3px 0}
.group table{width:100%; border-collapse:collapse;}
.group table th{color:#fff; font-size:12px; background:#229fdb; text-align:center; padding:10px 5px; border:1px solid #fff;}
.group table td{color:#555; font-size:12px; text-align:center; padding:10px 5px; border-bottom:1px solid #ddd; border-right:1px solid #fff; border-left:1px solid #fff;}

/*¿¬¶ôó*/
.tel{width:90%; margin:15px auto;}
.tel table{width:100%; border-collapse:collapse;}
.tel table th{color:#fff; font-size:12px; background:#229fdb; text-align:center; padding:10px 5px; border:1px solid #fff;}
.tel table td{color:#555; font-size:12px; text-align:center; padding:10px 5px; border-bottom:1px solid #ddd; border-right:1px solid #fff; border-left:1px solid #fff;}

/*½Ã°£Ç¥*/
.bus{width:90%; margin:15px auto;}
.bus h2{color:#fff; font-size:16px; margin-bottom:10px; background:#229fdb; border-radius:5px; padding:8px}
.bus p{color:#555; font-size:13px; line-height:150%; margin-bottom:20px; padding:0 10px;}
.bus table{width:100%; border-collapse:collapse;}
.bus table th{color:#fff; font-size:12px; background:#229fdb; text-align:center; padding:10px 5px; border:1px solid #fff; vertical-align:middle}
.bus table td{color:#555; font-size:12px; text-align:center; padding:10px 5px; border-bottom:1px solid #ddd; line-height:150%; vertical-align:middle}

/*ºñÀü*/
.vision{width:90%; margin:15px auto; text-align:center;}
.vision h2{color:#222; font-size:18px; margin-bottom:20px; font-family:"Nanum Myeongjo"; }
.vision h2 span{position:relative; display:block; width:50px; height:1px; background:#222; left:-5px; margin:0 auto 10px;}
.vision .section1{color:#555; font-size:12px; line-height:150%; margin-bottom:20px; line-height:150%; border:1px solid #ddd; border-radius:5px; padding:10px; background:#f7f7f7;}
.vision .section1 h4{color:#0f93d2; font-size:14px; margin-bottom:5px; margin-top:5px;}
.vision .section2{color:#555; font-size:12px; line-height:150%; margin-bottom:20px; line-height:150%;border:1px solid #ddd; border-radius:5px; padding:10px; background:#f7f7f7;}
.vision .section2 h4{color:#614dde; font-size:14px; margin-bottom:5px;margin-top:5px; }


/*---- [table] ----*/
/*x_scroll*/
.x_scroll{ width:100%; overflow-x:auto; white-space: nowrap; margin-bottom: 30px;}
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 1px solid #eeeeee; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #eeeeee; }
/*---- [table] ----*/

.workship table{width:100%; border-collapse:collapse; margin-bottom:20px;}
.workship table th{font-family: 'Nanum Gothic'; font-size:15px; color:#222; background:#e5f0f8; padding:20px 5px; border:1px solid #c0d2df; font-weight:normal; vertical-align:middle;}
.workship table th:first-child{border-left:0}
.workship table th:last-child{border-right:0}
.workship table td:first-child{border-left:0}
.workship table td:last-child{border-right:0}
.workship table td{font-family: 'Nanum Gothic'; font-size:14px; text-align: center; color:#555;border:1px solid #c0d2df; padding:20px 8px; font-weight:normal;word-break:keep-all; -ms-word-break:keep-all;  vertical-align:middle;}
.workship h3{font-size:20px; font-weight:normal; margin-bottom:30px; line-height:140%; text-align: center;}
.workship h4{font-size:16px; color:#70181A; font-weight:normal; margin-bottom:10px; line-height:140%; background:url(/image/content/member_icon.gif) no-repeat 0 50%; padding-left:25px;}