@charset "utf-8";



/************************************************************************
* COMMON *
************************************************************************/
.contents>div{width:94%;margin:0 auto;padding:50px 0;}

h2{text-align:center;font-size:16px;font-weight:500;color:#000;letter-spacing:-0.04em;position:relative;}
h2:after{width:100%;height:1px;background:#a8a8a8;position:absolute;top:50%;left:0;display:block;content:"";z-index:-1;}
h2 font{width:30%;margin:0 auto;background:#fff;display:block;z-index:1;}
h3{font-size:22px;font-weight:700;text-transform:uppercase;}
h4{font-size:26px;font-weight:700;}
h5{padding-left:14px;font-size:18px;font-weight:500;color:#000;letter-spacing:-0.04em;position:relative;}
h5:after{width:4px;height:4px;margin-top:-2px;background:#546de0;position:absolute;top:50%;left:0;border-radius:50%;display:block;content:"";}
h5 font{padding-left:6px;font-size:14px;display:inline-block;}

.txt{font-weight:300;line-height:160%;color:#222;}
.txt.type20{font-size:20px;}
.txt.type19{font-size:19px;}
.txt.type18{font-size:18px;}
.txt.type17{font-size:17px;}
.txt.type16{font-size:16px;}
.txt.type15{font-size:15px;}
.txt.type14{font-size:14px;}
.txt.type13{font-size:13px;}
.txt.type12{font-size:12px;}
.txt.type11{font-size:11px;}
.txt.type10{font-size:10px;}

.moreView{margin-top:40px;font-size:16px;font-weight:500;text-align:center;display:block;}
.moreView i{margin:0 40px;display:inline-block;font-style:normal;}
.moreView i:first-child{margin-left:0;}
.moreView i:last-child{margin-right:0;}



.table{width:100%;margin:10px 0;border-top:solid 1px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table th,.table td{padding:6px 10px;font-size:14px;line-height:24px;color:#333;text-align:left;font-weight:normal;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border-right:solid 1px #ececec;border-bottom:solid 1px #ececec;}
.table thead tr th{color:#fff;font-weight:bold;background-color:#949699;text-align:center;}
.table tbody tr th{background-color:#fafafa;text-align:center;}
.table tbody tr td:last-child{border-right:none;}

.table.type2 th,.table.type2 td{text-align:center;}
.table.type2 tbody tr:nth-child(even) td{background:#f8f8f8;}


.list{}
.list li{padding-left:10px;font-size:14px;line-height:24px;color:#000;font-weight:400;position:relative;}
.list li:after{width:2px;height:2px;background:#333;position:absolute;top:12px;left:0;display:block;content:"";border-radius:50%;}
.list.type1 li{padding-bottom:26px;}
.list.type1 li b{padding-bottom:6px;display:block;font-size:16px;line-height:26px;}
.list.type2 li{padding-bottom:6px;}




.olist{width:100%;}
.olist>li{list-style-type:decimal;list-style-position:outside;font-size:14px;line-height:24px;color:#000;font-weight:400;text-align:left;float:none;}
.olist.type1{padding-left:22px;}
.olist.type1>li{padding-bottom:14px;list-style-type:none;padding-left:17px;text-indent:-37px;}
.olist.type2{padding-left:8px;}
.olist.type2>li{padding-left:0;list-style-type:none;padding-left:11px;text-indent:-16px;font-weight:300;color:#444;}




/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.btBox{}
.btBox ul li{text-align:center;}
.btBox ul li a{width:90%;margin:0 auto 20px auto;padding:24px 0;border:solid 1px #e0e0e0;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.btBox ul li img{width:50%;margin:0 auto;display:block;}
.btBox ul li font{font-size:16px;font-weight:400;display:block;}

@media screen and (max-width:640px){
.btBox ul li a{width:94%;margin-bottom:8px;}
}


.eventBox{padding-top:0 !important;text-align:center;}
.eventBox h2 font{width:70px;height:70px;background:#000;border-radius:50%;}
.eventBox h2 font img{width:60%;margin:0 auto;padding-top:12px;}
.eventBox font{width:90%;margin:8px auto 0 auto;display:block;}

.photoBox{width:100% !important;text-align:center;background:#f8f8f8;}
.photoBox ul{width:92%;margin:0 auto;}
.photoBox ul li img{width:96%;height:140px;margin:0 auto 6px auto;}

@media screen and (max-width:640px){
.photoBox ul li{width:33.33% !important;}
.photoBox ul li img{height:94px;margin-bottom:5px;}
.photoBox ul li:nth-child(10){display:none;}
}




/************************************************************************
* SUB_CONTENTS *
************************************************************************/
.detail{max-width:740px;margin:0 auto;}

@media screen and (max-width:640px) {
.detail{max-width:640px;}
}


/********** 회장인사말 **********/
.s1.c1{}
.s1.c1 .CLEAR{}
.s1.c1 .FL{width:73%;}
.s1.c1 .FL .txt:last-child{font-weight:400;color:#000;}
.s1.c1 .FR{width:25%;}
.s1.c1 .FR img{width:100%;display:block;}
.s1.c1 .FR font{width:100%;padding-top:6px;display:block;text-align:center;}
.s1.c1 .FL .txt{letter-spacing:-0.06em;}
.s1.c1 .txt.fcol_b{font-weight:500;letter-spacing:-0.1em;font-size:15px;}
.s1.c1 .txt p{font-weight:500;}
.s1.c1 .txt p img{max-width:66px;margin-left:8px;}

@media screen and (max-width:320px) {
.s1.c1 .FL br{display:none;}
}




/********** 임원소개 **********/
.s1.c2 .leaphoto{}
.s1.c2 .leaphoto li{padding-bottom:20px;}
.s1.c2 .leaphoto li img,.leaphoto li font{width:86%;margin:0 auto;display:block;}
.s1.c2 .leaphoto li img{border:solid 1px #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.s1.c2 .leaphoto li font{text-align:center;font-weight:500;}

.s1.c2 .leader{border-top:solid 1px #000;}
.s1.c2 .leader li{padding:14px 0;border-bottom:solid 1px #ddd;clear:both;overflow:hidden;}
.s1.c2 .leader li span{width:80%;float:left;vertical-align:middle;display:table-cell;}
.s1.c2 .leader li span:first-child{width:16%;margin-right:4%;padding:10px 0;font-weight:500;font-size:16px;text-align:center;color:#fff;background:#546de0;border-radius:10px;}
.s1.c2 .leader li:nth-child(even) span:first-child{background:#8a9cee;}
.s1.c2 .leader li font{padding-right:10px;font-size:14px;font-weight:300;line-height:160%;display:block;}
.s1.c2 .leader li font img{max-width:10px;margin-right:2px;}




/********** 연혁 **********/
.s1.c3 ul{border-top:solid 1px #000;}
.s1.c3 ul li{padding:20px 0;border-bottom:solid 1px #ddd;clear:both;overflow:hidden;}
.s1.c3 ul li span{width:80%;float:left;vertical-align:middle;display:table-cell;}
.s1.c3 ul li span:first-child{width:16%;margin-right:4%;font-weight:500;font-size:18px;color:#546de0;}
.s1.c3 ul li span i{font-weight:400;font-size:14px;display:block;}
.s1.c3 ul li span font{width:100%;padding:0 0 4px 10px;font-size:14px;font-weight:300;line-height:160%;display:block;position:relative;}
.s1.c3 ul li span font:after{width:2px;height:6px;background:#999;position:absolute;top:8px;left:0;display:block;content:"";transform:rotate(45deg);}






/********** 지역·지능별 소모임 **********/
.s1.c6 .leader{border-top:solid 1px #000;}
.s1.c6 .leader>li{padding:14px 0;border-bottom:solid 1px #ddd;clear:both;overflow:hidden;}
.s1.c6 .leader>li span{width:86%;float:left;font-weight:300;font-size:14px;vertical-align:middle;display:table-cell;}
.s1.c6 .leader>li span:first-child{width:30px;height:30px;margin-right:4%;font-weight:500;font-size:16px;line-height:30px;text-align:center;color:#fff;background:#546de0;border-radius:50%;}
.s1.c6 .leader>li:nth-child(even) span:first-child{background:#8a9cee;}
.s1.c6 .leader>li img{max-width:8px;margin-right:2px;}
.s1.c6 .leader>li span b{font-weight:500;display:block;}






/********** 동창회사무실안내 **********/
.map{}
.map li{margin-bottom:20px;}
.map li>div{clear:both;overflow:hidden;}
.map li>div img{padding-top:10px;margin-right:12px;display:block;float:left;}
.map li>div span{display:block;float:left;}
.map li>div span font{display:block;}
.map li>div span font.type20{font-weight:500;}




/********** 동창찾기,CMS **********/
.apinfo{padding:2%;background:#f9f9f9;border:solid 1px #f1f1f1;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

.appBox{border-top:solid 1px #000;}
.appBox li{padding:2% 0;border-bottom:solid 1px #ddd;clear:both;overflow:hidden;}
.appBox li span{height:34px;padding-left:2%;font-size:14px;line-height:34px;font-weight:400;color:#000;display:block;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:bo6rder-box;-o-box-sizing:border-box;}
.appBox li span:first-child{width:30%;}
.appBox li span:last-child{width:70%;}

.appBox li input[type=text]{width:100%;height:34px;margin-right:1%;font-size:14px;color:#000;line-height:34px;text-indent:10px;background:#fff;border:solid 1px #ebebeb;display:inline-block;}
.appBox li select{width:100%;height:34px;margin-right:1%;font-size:14px;color:#000;line-height:34px;text-indent:10px;border:solid 1px #ebebeb;display:inline-block;background:url(/m/img/select_arrow.png) no-repeat 94% 50% #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;}
select::-ms-expand{display:none;}
.appBox li textarea{width:100%;min-height:140px;padding:2%;font-size:14px;color:#666;line-height:24px;font-weight:300;background:#fff;border:solid 1px #ebebeb;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

.appBox .btn{margin-top:40px;border-bottom:none;}
.appBox .btn input[type=button]{width:260px;margin:0 auto;padding:12px 0;text-align:center;font-size:16px;font-weight:500;border:none;background:#333;color:#fff;display:block;cursor:pointer;}

.appBox .txtbox b{font-weight:bold;}

.appBox.type2 li span{height:20px;line-height:20px;}



/********** 고교동문 제휴카드 **********/
.apinfo.cardBox{padding:5% 3%;}
.apinfo.cardBox img{width:30%;margin:0 auto 20px auto;display:block;}
.apinfo.cardBox font{display:block;}
.apinfo.cardBox font b{padding-bottom:10px;font-size:18px;font-weight:bold;display:block;text-align:center;}

.aBtn{margin-top:40px;}
.aBtn a{width:260px;margin:0 auto;padding:12px 0;text-align:center;font-size:16px;font-weight:500;border:none;background:#333;color:#fff;display:block;cursor:pointer;}




/************************************************************************
* 게시판 *
************************************************************************/
.board{}





/************************************************************************
* Membership *
************************************************************************/
.joinForm-con p.but input{background-color:#22519f !important;border:1px solid #22519f !important;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.joinForm-con p.but input:hover{background-color:#0c8dc8 !important;border:1px solid #0c8dc8 !important;}