/*body{max-width:768px;}*/
/* 상단헤더 */
.header{position:fixed; width:100%; padding:1.125rem; background-color:#164e99; overflow:hidden;}
.header .logo{font-size:27px; color:#fff; font-weight:600;}
.header .logo img{max-width:23px; margin:2px 5px 0 0; float:left;}/*max-width:8.75rem*/
.header .nav a{position:relative; float:right; display:block; width:30px; height:13px; margin-top:2px; border-top:3px solid #fff; border-bottom:3px solid #fff;}
.header .nav a:after{content:""; position:absolute; display:block;  margin-top:17px; width:30px; height:3px; background-color:#fff;}

.con-body{padding-top:3.75rem}

/* 네비게이션 */
.navi .dim{position:fixed; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,0.5)}
.navi .nav-wrap{position:fixed; width:65%; height:100%; right:0; background-color:#fff; z-index:100;}
.navi .nav-wrap .close{position:absolute; left:-3.5rem; max-width:3.5rem; padding:1rem}
.navi .nav-wrap .profile{overflow:hidden; padding:1.625rem; background-color:#164e99;}
.navi .nav-wrap .profile .circle{float:left; display:inline-block; width:65px; height:65px; background-color:#89bcd4; border-radius:100px; text-align:center;}
.navi .nav-wrap .profile .circle img{max-width:65%; margin-top:14px;}
.navi .nav-wrap .profile .group-num{display:inline-block; padding:.625rem 0 0 1rem; font-size:.875rem; color:#fff;}
.navi .nav-wrap .profile .name a{margin-left:1rem; font-size:1.375rem; color:#fff; font-weight:700; vertical-align:middle}
.navi .nav-wrap .profile .name a:active{color:#89bcd4}
.navi .nav-wrap .profile .name img{max-width:.6875rem}
.navi .nav-wrap .menu{padding-bottom:3rem}
.navi .nav-wrap .menu ul li a{display:block; padding:1rem 1.25rem .875rem; border-bottom:1px solid #eee; font-size:1.125rem; font-weight:600; color:#4c4c4c;}
.navi .nav-wrap .menu ul li a:active{color:#164e99}
.navi .nav-wrap .menu ul li ul.two-depth li a{padding-left:2.5rem; font-size:1rem; font-weight:500; color:#6c7580; background-color:#f2f2f2; border-bottom:1px solid #fff;}

/* 네비게이션 메뉴 */
.drawer-hamburger{padding-top:22px}

nav.dim{position:fixed; width:100%; height:100%; z-index:99; background-color:rgba(0,0,0,0.5)}
/*nav.drawer-nav{position:fixed; width:65%; height:100%; right:0; background-color:#fff; z-index:100;}*/
nav.drawer-nav .close{position:absolute; left:-3.5rem; max-width:3.5rem; padding:1rem}
nav.drawer-nav .profile{overflow:hidden; padding:1.625rem; background-color:#164e99;}
nav.drawer-nav .profile .circle{float:left; display:inline-block; width:65px; height:65px; background-color:#89bcd4; border-radius:100px; text-align:center;}
nav.drawer-nav .profile .circle img{width:65px; height:65px; border-radius:50%;}
nav.drawer-nav .profile .group-num{display:inline-block; padding:.625rem 0 0 1rem; font-size:.875rem; color:#fff;}
nav.drawer-nav .profile .name a{margin-left:1rem; font-size:1.375rem; color:#fff; font-weight:700; vertical-align:middle}
nav.drawer-nav .profile .name a:active{color:#89bcd4}
nav.drawer-nav .profile .name img{max-width:.6875rem}
nav.drawer-nav .menu{padding-bottom:3rem}
nav.drawer-nav .menu ul li a{display:block; padding:1rem 1.25rem .875rem; border-bottom:1px solid #eee; font-size:1.125rem; font-weight:600; color:#4c4c4c;}
nav.drawer-nav .menu ul li a:active{color:#164e99}
nav.drawer-nav .menu ul li ul.two-depth li a{padding-left:2.5rem; font-size:1rem; font-weight:500; color:#6c7580; background-color:#f2f2f2; border-bottom:1px solid #fff;}


@media only screen and (max-width:650px){
	.navi .nav-wrap .profile{padding:1rem 1.25rem;}
	.navi .nav-wrap .menu ul li a{padding:.875rem 1.25rem .75rem; font-size:1rem}
	.navi .nav-wrap .menu ul li ul.two-depth li a{font-size:.9375rem}
}

/* 푸터(네비게이션내부) */
.footer{padding:.625rem 1.5rem; background-color:#636363;}
.footer .name{font-size:.875rem; color:#ccc; font-weight:600;}
.footer .address{padding-top:.3125rem;}
.footer .address,.footer .tel,.footer .tel a{font-size:.8125rem; color:#aaa; font-weight:600; line-height:1.2}

nav.drawer-nav .footer{position:absolute; bottom:0; padding:1rem 1.3125rem}
nav.drawer-nav .footer .name{font-size:.9375rem; color:#8e8e8e; font-weight:600;}
nav.drawer-nav .footer .address{padding-top:.3125rem;}
nav.drawer-nav .footer .address,nav.drawer-nav .footer .tel,nav.drawer-nav .footer .tel a{font-size:.8125rem; color:#b4b4b4; font-weight:600; line-height:1.4}

@media only screen and (max-width:650px){
.navi .nav-wrap .footer .address, .navi .nav-wrap .footer .tel, .navi .nav-wrap .footer .tel a{font-size:.75rem;}
}
/* 비주얼 서치 */
.visual{padding:4.625rem 1.25rem 4%; background-color:#f0f5fb }/*background:url(/assets/img/main/visual-bg.jpg) no-repeat; background-size:cover;*/
.visual .greeting{font-size:.9375rem; padding-top:.375rem; color:#858897; font-weight:500;}
.visual h1{display:inline-block; vertical-align:middle; font-size:2.125rem; font-weight:700; color:#164e99;}
.visual h1 .thin{font-size:2.125rem; font-weight:400; vertical-align:middle;}
.visual .btn-my{display:inline-block; padding:.375rem 1.0625rem .25rem; margin:5px 0 0 10px; border:2px solid #fff; border-radius:30px; font-size:1.125rem; font-weight:700; color:#fff;}
.visual .btn-my:active{border-radius:30px; background-color:rgba(255,255,255,0.5)}
.visual .btn-my img{max-width:1rem;}
.visual .search{padding-top:1rem}
.visual .search ul{padding-top:4%; overflow:hidden}
/*
.visual .search ul li{float:left; width:48%; margin-left:4%; background-color:#13b183;}
.visual .search ul li a{display:block; padding:1.25rem  1.25rem 1rem; overflow:hidden;}
.visual .search ul li a:active{background-color:#0c926b}
.visual .search ul li:first-child{margin-left:0;}
.visual .search ul li.special{background-color:#d6ad80}
.visual .search ul li.special a:active{background-color:#bc8b56}*/
.visual .search ul li{float:left; width:48%; margin-left:4%; background-color:#15b9a0; border-radius:10px;}
.visual .search ul li a{display:block; padding:1.25rem  1.25rem 1rem; overflow:hidden;}
.visual .search ul li a:active{background-color:#149d88; border-radius:10px;}
.visual .search ul li:first-child{margin-left:0;}
.visual .search ul li.special{background-color:#8477d3}
.visual .search ul li.special a:active{background-color:#6f61c4}
.visual .search ul li img{float:right; max-width:2.8125rem}
.visual .search ul li h2{font-size:1.125rem; color:#fff; font-weight:700}
.visual .search ul li h2 .thin{font-size:1.125rem; font-weight:400}

/* 중하단메뉴 */
.main-con{padding:1rem 1.25rem}
.main-con ul li a{display:block; padding:.875rem 0; border-top:1px solid #ddd; overflow:hidden}
.main-con ul li a span{font-size:1.0625rem; font-weight:600; color:#3f3f3f;}
.main-con ul li a:active{background-color:#f9f9f9;}
.main-con ul li:first-child a{border-top:0;}
.main-con ul li a span{}
.main-con ul li a img{max-width:.8125rem;}
.main-con.notice ul li span{vertical-align:middle;}
.main-con.notice ul li{overflow:hidden;}
.main-con.notice ul li a{display:flex; align-items:center;}
.main-con.notice ul li .notice-con{margin-right:20px}
.main-con.notice ul li .date{display:inline-block; padding-left:7px; line-height:1.7; color:#999; font-size:.875rem; font-weight:400; }
.main-con.notice ul li .arrow{margin-left:auto;}


/* 메인공지사항 */
.main-notice{padding:1.875rem 1.25rem; overflow:hidden; background-color:#636363;}
.main-notice h3{float:left; font-size:1.25rem; font-weight:800; color:#fff;}
.main-notice .plus{display:block; float:right; margin-top:-.4375rem; font-size:2.1875rem; font-weight:500; color:#fff;}
.main-notice .con{clear:both; padding-top:.625rem; overflow:hidden}
.main-notice .con .box{float:left; width:48%; background-color:#797979; }
.main-notice .con .box a{display:block; padding:1.25rem 1rem;}
.main-notice .con .box a:active{background-color:#aaa;}
.main-notice .con .box:first-child{margin-right:4%;}
.main-notice .con .box h4{font-size:1rem; font-weight:600; line-height:1.4; color:#f1f1f1}
.main-notice .con .box p{padding-top:1.5rem; font-size:.75rem; color:#e6e6e6}

/* 다른css 수정 */
.featherlight .featherlight-close-icon{width:70px!important; line-height:70px!important; font-size:3rem;}

/* 로그인 */
.login-wrap{position:absolute; width:100%; height:100%; padding:1.5rem 1.875rem;background:url(/assets/img/member/bg-login.jpg) no-repeat; background-size:cover;}
.login-wrap .login-logo-wrap{text-align:center; }
.login-wrap .logo{margin:0 0 1.5rem -.5rem; max-width:70%;}
/*.login-wrap .login{position:absolute; top:0; left:0; width:100%; display:flex; height:100%; margin-top:-2.5rem; padding:0 1.875rem; justify-content:center; flex-direction:column}*/
.login-wrap .login{position:absolute; top:50%; margin-top:-10rem; left:0; width:100%; padding:0 1.875rem;}
.login-wrap .login h1{font-size:2.5rem; color:#fff; font-weight:700;}
.login-wrap .login .txt{padding-bottom:1.5rem; font-size:1rem; color:#c1dfee; line-height:1.5; text-align:center;}
.login-wrap .login .con{overflow:hidden; padding-top:.5rem; border-bottom:1px solid #fff;}
.login-wrap .login .con span{display:inline-block; padding:.625rem 0; float:left; width:30%; padding-right:1.5rem; font-size:1.0625rem; color:#fff; vertical-align:middle; line-height:1.5}
.login-wrap .login .con input[type="tel"]{display:block; width:70%; float:left; max-width:100%; padding:.625rem .5rem; background-color:transparent; border:0; font-size:1.5rem; color:#fff; box-sizing:border-box; vertical-align:middle;}
.login-wrap .login .con input[type="tel"]::placeholder{color:#697b86}
.login-wrap .login .auto-login{padding-top:1rem; overflow:hidden; text-align:right}
.login-wrap .login .auto-login .txt{display:inline-block; margin:10px 7px 0px 0; font-size:1.0625rem; color:#fff; vertical-align:middle; line-height:1.7;}
.login-wrap .login .auto-login .switch{margin-left:7px; display:inline-block; float:right; background-color:#164e99; width:3rem; height:1.6875rem; padding:3px; vertical-align:middle; border-radius:100px;}
.login-wrap .login .auto-login .switch .circle{display:inline-block; background-color:#fff; width:1.25rem; height:1.25rem; border-radius:100px;}
.login-wrap .btn-login{position:absolute; bottom:0; left:0; width:100%; z-index:99; padding:1.125rem 0; background-color:#09af83; text-align:center; font-size:1.25rem; color:#fff; font-weight:600;}
.login-wrap .btn-login:active{background-color:#03946e;}

/* 체크박스스위치 */
.margin-r {margin-right: 10px; vertical-align: top; line-height: 1.6;}
.login-wrap label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
.el-switch {display: inline-block; font-size: 100%; height: 1.6em; position: relative;}
.el-switch, .el-switch-style, .el-switch-style:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.el-switch > input[type="checkbox"] {display: none;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style { background-color: #164e99;}
.el-switch .el-switch-style {height: 1.625rem; left: 0; background: #C0CCDA; -webkit-border-radius: 0.8em; border-radius: 0.8em; display: inline-block; position: relative; top: 0; -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; width: 3em; cursor: pointer;}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before { left: 50%;}
.el-switch .el-switch-style:before { display: block; content: ''; height: 1.3em; position: absolute; width: 1.3em; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; left: 3px; top: 2.7px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal;}

/* 서브헤더 */
.header .back{float:left;}
.header .back img{max-width:1.5625rem; margin-top:-5px; vertical-align:middle}
.header .back h1{padding:0 .75rem; display:inline-block; font-size:1.3125rem; font-weight:600; color:#fff; vertical-align:middle}

/* 검색 */
.search-wrap{padding: 0 1.125rem 1.125rem 1.125rem; background-color:#164e99; overflow:hidden;}
.search-wrap .search-box{padding: 0; clear:both;}
.search-wrap .search-box select,.search-wrap .search-box input,.search-wrap .search-box button{float:left; padding:.25rem .9375rem 0; margin:0; height:2.8125rem; font-size:1rem; vertical-align:middle; border:0; background-color:#fff; box-sizing:border-box; line-height:1.5}
.search-wrap .search-box input{padding-right:0;}
.search-wrap .search-box select{width:20%}
.search-wrap .search-box input{width:calc(78% - 2.8125rem); margin-left:2%; font-size:}
.search-wrap .search-box button{display:block; width:2.8125rem; cursor:pointer; text-align:center; border-radius:0px;}
.search-wrap .search-box button:active{background-color:#f2f2f2;}
.search-wrap .search-box button img{max-width:1.25rem; margin:2px 0 0 -1px;}
.search-wrap .search-box.box-only input{width:calc(100% - 2.8125rem); margin-left:0}
/* .search-wrap .tab-age{padding:1.125rem 0 0; clear:both;} */
.search-wrap .tab-age ul{overflow:hidden; padding:.3125rem 0;}
.search-wrap .tab-age ul li{float:left; width:32%; margin-left:2%}
.search-wrap .tab-age ul li:first-child{margin-left:0;}
.search-wrap .tab-age ul li button{width:100%; padding:.8125rem; border:1px solid #8ba7cc; border-radius:100px; font-size:1.0625rem; font-weight:600; color:#cdd5e4; background:transparent; cursor:pointer}
.search-wrap .tab-age ul li.on button{background-color:#fff; color:#164e99; border:1px solid #fff;}

@media only screen and (max-width:460px){
.search-wrap .search-box select{width:25%; padding:.25rem .75rem 0}
.search-wrap .search-box input{width:calc(73% - 2.8125rem); margin-left:2%;}
}
@media only screen and (max-width:360px){
.search-wrap .search-box select{width:30%; padding:.25rem .75rem 0}
.search-wrap .search-box input{width:calc(68% - 2.8125rem); margin-left:2%;}
}

/* 검색책갈피 */
.search-bookmark{position:fixed; display:flex; justify-content:space-around; flex-direction:column; height:80%; top:14%; right:.875rem; padding:1.5rem 0; text-align:center; background-color:rgba(0,0,0,0.4)}
.search-bookmark a{display:block; padding:.3125rem .5rem; font-size:.875rem; font-weight:600; color:#fff; box-sizing:border-box}
.search-bookmark a.enter{background-color: #164e99;}

/* 검색결과*/
.search-result{padding:1.875rem 1rem 1.625rem; text-align:center;}
.search-result h2{font-size:1.25rem; font-weight:700; color:#164e99;}
.search-result p{padding-top:.25rem; font-size:1.0625rem; font-weight:600; color:#7f8c9c;}

/* 검색리스트 */
.member-list ul{border-top:.4375rem solid #f1f1f1;}
.member-list ul li{border-bottom:.4375rem solid #f1f1f1; }
.member-list ul li a{display:block; padding:1.125rem 2rem; overflow:hidden;}
.member-list ul li a:active{background-color:#f9f9f9;}
.member-list ul li img.photo{float:left; max-width:32%}
.member-list ul li .info{margin-left:39%;}
.member-list ul li .info h3{padding-top:.3125rem; font-size:1.0625rem; font-weight:600; color:#4e4e4e;}
.member-list ul li .info .group-num{display:inline-block; margin:-.0625rem 0 0 .125rem; padding:.25rem .6875rem .1875rem; border-radius:100px; background-color:#164e99; color:#fff; font-size:.75rem; font-weight:600; vertical-align:middle;}
.member-list ul li .info table{margin-top:1.5rem; width:100%;}
.member-list ul li .info table tr th,.member-list ul li .info table tr td{padding:.1875rem 0; font-size:.875rem}
.member-list ul li .info table tr th{color:#aaa}
.member-list ul li .info table tr td{color:#555; font-weight:500;}

/* 회원정보 */
.info-profile{padding:3rem 3rem 1.5rem; background:url(/assets/img/member/info-bg.jpg) no-repeat; background-size:cover; text-align:center;}
.info-profile img{max-width:70%; margin-bottom:1rem;}/*9.625rem*/
.info-profile h2{font-size:1.5625rem; font-weight:600; color:#fff; vertical-align:middle;}
.info-profile h2 .thin{font-weight:400; font-size:1.5625rem}
.info-profile .group-num{margin-left:.4375rem; padding:.3125rem .75rem .25rem; background-color:#164e99; border-radius:100px; vertical-align:middle;}
.info-profile p{padding-top:.5rem; font-size:.9375rem; color:#fff; font-weight:600}
.info-profile p .special{color:#b2fbfe}

table.info-detail{width:100%; border-top:.5rem solid #f1f1f1;}
table.info-detail th,table.info-detail td{padding:.875rem .75rem; font-size:.9375rem; font-weight:500; text-align:left; border-bottom:1px solid #f1f1f1}
table.info-detail th{color:#aaa; padding-left:1.6875rem;}
table.info-detail td{color:#555; line-height:1.4}
table.info-detail td a{color:#555;}

/* 마이메뉴 */
.my {padding:1.0625rem; margin-bottom:4rem;}
.my ul li{margin:.625rem 0 .625rem; overflow:hidden; background-color:#fff; border:1px solid #ddd;}
.my ul li a{display:flex; align-items:center; padding:.9275rem 1.375rem;}
.my ul li a:active{background-color:#f9f9f9;}
.my ul li:first-child{margin-top:0;}
.my ul li span{padding-left:.4375rem; font-size:1.125rem; font-weight:600; color:#222; vertical-align:middle;}
.my ul li img{vertical-align:middle;}
.my ul li .icon{max-width:2rem;}
.my ul li .arrow{max-width:.875rem; margin-left:auto; justify-content:flex-end}
.info-profile.mypage{background:url(/assets/img/member/my-bg.jpg) no-repeat; background-size:cover;}


/* 공지사항 */

.member-list.board ul li a{padding:1.3125rem 1.125rem; }
.member-list.board ul li a .subj{font-size:1rem; letter-spacing:-.1px; font-weight:500; color:#333;}
.member-list.board ul li.notice a .subj{font-weight:600; color:#000;}/* 공지일때 */
.member-list.board ul li a .date{padding-top:.25rem; font-size:.75rem; color:#aaa;}
.member-list.board ul li .con{background-color:#f1f1f1; padding:1.5rem 1.125rem 1.25rem; font-size:.875rem; color:#474747; line-height:1.4;}
.member-list.board ul li .new{display:inline-block; margin-left:3px; width:22px; height:22px; text-align:center; line-height:23px; border-radius:100px; background-color:#164e99; font-size:.875rem; font-weight:700; color:#fff;}
.member-list.board.view .tit{padding:2.75rem 0 2rem; margin:0 1.125rem; border-bottom:1px solid #ddd;}
.member-list.board.view .tit .subj{font-size:1.25rem; color:#222; font-weight:600;}
.member-list.board.view .tit .date{padding-top:.375rem; font-size:.9375rem; color:#aaa;}
.member-list.board.view .txt{margin-bottom:2.5rem; padding:2rem 1.125rem; font-size:.9375rem; line-height:1.5; color:#666;}


.btn-area{padding:1rem;}
.btn-area .basic{display:block; width:100%;  padding:1.125rem; background-color:#164e99; font-size:1.25rem; font-weight:600; color:#fff; text-align:center;}
.btn-area .basic:active{background-color:#0b3874}

.logout{display:inline-block; position:absolute; top:.75rem; right:.75rem; padding:.3125rem .5rem; border-radius:100px; font-size:.75rem; color:#ccebf4; border:1px solid #ccebf4;}
.logout:active{border:1px solid #fff; color:#fff;}

/*컨텐츠*/

/* 인사말 */
.greeting{padding-bottom:2rem;}
/*.greeting .photo{position: absolute; width: 100px; top: 185px; right: 30px;}*/
.greeting .photo{width: 150px; float: right; padding: 25px 15px 10px;}
.greeting h1{padding:12rem 1.5rem 0; line-height:1.4; background:url(/assets/img/content/greeting-bg.png) no-repeat top center; background-size:cover; font-size:1.75rem; font-weight:700; color:#164e99;}
.greeting p{padding:1.25rem 1.5rem 0; font-size:.875rem; color:#555; line-height:1.6}
.greeting .name{padding-top:1rem; font-size:.9375rem; color:#333;}
.greeting .name .strong{font-size:1rem; font-weight:600; letter-spacing:.25rem}

/* 역대회장단 */
.presi-box{} 
.presi-box ul li{text-align:center; border-top:.625rem solid #f1f1f1;}
.presi-box ul li:odd{background:url(/assets/img/content/presi-bg-01.png) no-repeat}
.presi-box ul li:even{background:url(/assets/img/content/presi-bg-02.png) no-repeat}

.rule{padding:1.5rem;}
.rule h1{padding-top:1.75rem; font-size:1.5rem; font-weight:600; color:#333; text-align:center;}
.rule .para{font-size:1rem; color:#666; line-height:1.5}
.rule pre{padding-top:1rem; white-space: pre-wrap; font-size:.875rem; color:#555; line-height:1.5}