/**
 * 이 파일은 iModule 회원모듈의 일부입니다. (https://www.imodules.io)
 *
 * 회원모듈과 관련된 공통요소의 스타일을 정의한다.
 * 
 * @file /modules/member/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.1.0
 * @modified 2019. 4. 27.
 */
i[data-module=member][data-role=photo] {display:inline-block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:50%; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle;}
i[data-module=member][data-role=photo][data-idx] {cursor:pointer;}

span[data-module=member][data-role=name] {display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle;}
span[data-module=member][data-role=name][data-idx] {font-weight:bold; cursor:pointer;}
span[data-module=member][data-role=name][data-type=nickcon] {font-size:0 !important; min-width:100px; background-size:contain; background-repeat:no-repeat; background-position:0 50%;}

ul[data-module=member][data-role=social] {list-style:none; font-size:0;}
ul[data-module=member][data-role=social] > li {vertical-align:middle;}
ul[data-module=member][data-role=social].button > li {width:100%; margin-top:5px; display:block;}
ul[data-module=member][data-role=social].icon {display:table; width:100%; height:40px; table-layout:fixed;}
ul[data-module=member][data-role=social].icon > li {display:table-cell; padding:0px 2px 0px 2px;}
ul[data-module=member][data-role=social].icon > li:first-child {padding-left:0px;}
ul[data-module=member][data-role=social].icon > li:last-child {padding-right:0px;}

ul[data-module=member][data-role=social] {margin-top:5px;}
ul[data-module=member][data-role=social] > li > a {display:block; width:100%; height:40px; text-decoration:none; color:#fff;}
ul[data-module=member][data-role=social] > li > a > i {width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; display:inline-block; font-family:moimz; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#fff; vertical-align:middle;}
ul[data-module=member][data-role=social] > li > a > span {display:inline-block; width:calc(100% - 40px); height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding:0px 20px 0px 10px; text-align:center; box-sizing:border-box; vertical-align:middle; border-left:1px solid rgba(255,255,255,0.2);}

ul[data-module=member][data-role=social].icon > li > a > i {width:100%; font-size:24px;}
ul[data-module=member][data-role=social].icon > li > a > span {display:none;}

ul[data-module=member][data-role=social] > li.google > a {background:#da483f;}
ul[data-module=member][data-role=social] > li.google > a > i {font-size:28px;}
ul[data-module=member][data-role=social] > li.google > a > i:before {content:"\ee00";}

ul[data-module=member][data-role=social] > li.facebook > a {background:#4367b0;}
ul[data-module=member][data-role=social] > li.facebook > a > i:before {content:"\ee02";}

ul[data-module=member][data-role=social] > li.twitter > a {background:#25a0ef;}
ul[data-module=member][data-role=social] > li.twitter > a > i:before {content:"\ee03";}

ul[data-module=member][data-role=social] > li.naver > a {background:#15c642;}
ul[data-module=member][data-role=social] > li.naver > a > i:before {content:"\ee04";}

ul[data-module=member][data-role=social] > li.github > a {background:#555;}
ul[data-module=member][data-role=social] > li.github > a > i {font-size:28px;}
ul[data-module=member][data-role=social] > li.github > a > i:before {content:"\ee05"; color:#fff;}

ul[data-module=member][data-role=social] > li.kakao > a {background:#fddc2f; color:#3b1f1f;}
ul[data-module=member][data-role=social] > li.kakao > a > i {font-size:28px;}
ul[data-module=member][data-role=social] > li.kakao > a > i:before {content:"\ee06"; color:#3b1f1f;}

ul[data-module=member][data-role=link] {list-style:none; text-align:right; display:block; font-size:0;}
ul[data-module=member][data-role=link] > li {display:inline-block; padding:10px; height:40px; position:relative; font-size:13px; box-sizing:border-box; vertical-align:middle;}
ul[data-module=member][data-role=link] > li:after {position:absolute; top:15px; right:0; width:0; height:12px; border-right:1px solid #ccc; content:" ";}
ul[data-module=member][data-role=link] > li:first-child {float:left; padding:0;}
ul[data-module=member][data-role=link] > li:first-child:after {border-right:0;}
ul[data-module=member][data-role=link] > li:last-child {padding-right:0;}
ul[data-module=member][data-role=link] > li:last-child:after {border-right:0;}
ul[data-module=member][data-role=link] > li > button, ul[data-module=member][data-role=link] > li > a {display:inline-block; margin:0px; padding:0px; height:20px; line-height:20px; font-size:13px; cursor:pointer; text-decoration:none; color:#666; border:0; background:transparent;}
ul[data-module=member][data-role=link]:after {clear:both; content:" "; display:block;}